/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]: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; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.eot'); src: url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/etc/designs/portal/home/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 { 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"; } .glyphlink-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"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Arial, sans-serif; font-size: 13px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; 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, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 3px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #f8f8f8; } .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; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.1; color: #046a38; } 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: #6ba539; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 18px; margin-bottom: 9px; } 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: 9px; margin-bottom: 9px; } 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: 24px; } h2, .h2 { font-size: 20px; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 14px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 13px; } p { margin: 0 0 9px; } .lead { margin-bottom: 18px; font-size: 14px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 19.5px; } } small, .small { font-size: 92%; } mark, .mark { background-color: #FFC72B; padding: 0.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: #999; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #fff; } a.text-warning:hover { color: #e6e6e6; } .text-danger { color: #f82323; } a.text-danger:hover { color: #e10707; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #FFC72B; } a.bg-warning:hover { background-color: #f7b600; } .bg-danger { background-color: #fff; } a.bg-danger:hover { background-color: #e6e6e6; } .page-header { padding-bottom: 8px; margin: 36px 0 18px; border-bottom: 1px solid #f8f8f8; } ul, ol { margin-top: 0; margin-bottom: 9px; } 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: 18px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 992px) { .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 #ccc; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 9px 18px; margin: 0 0 18px; font-size: 16.25px; border-left: 5px solid #f8f8f8; } 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: 1.42857143; color: #ccc; } 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 #f8f8f8; 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'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 18px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 2px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 8.5px; margin: 0 0 9px; font-size: 12px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 2px; } 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; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .container { width: 740px; } } @media (min-width: 992px) { .container { width: 960px; } } @media (min-width: 1200px) { .container { width: 1160px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } .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: 10px; padding-right: 10px; } .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%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #999; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 18px; } .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: 1.42857143; vertical-align: top; border-top: 1px solid transparent; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid transparent; } .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 transparent; } .table .table { background-color: #fff; } .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 transparent; } .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 transparent; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) { background-color: rgba(254, 242, 194, 0.5); } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } 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: #f5f5f5; } .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: #e8e8e8; } .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: #dff0d8; } .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: #d0e9c6; } .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: #d9edf7; } .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: #c4e3f3; } .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: #FFC72B; } .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: #ffc012; } .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: #fff; } .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: #f2f2f2; } .table-responsive { overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 13.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid transparent; } .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; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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: 7px; font-size: 13px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 32px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #f8f8f8; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 32px; line-height: 1.42857143 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; line-height: 1.5 \0; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 45px; line-height: 1.33 \0; } _:-ms-fullscreen, :root input[type="date"], _:-ms-fullscreen, :root input[type="time"], _:-ms-fullscreen, :root input[type="datetime-local"], _:-ms-fullscreen, :root input[type="month"] { line-height: 1.42857143; } _:-ms-fullscreen.input-sm, :root input[type="date"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="time"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="datetime-local"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="month"].input-sm { line-height: 1.5; } _:-ms-fullscreen.input-lg, :root input[type="date"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="time"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="datetime-local"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="month"].input-lg { line-height: 1.33; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 18px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .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: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm, .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px; } select.input-sm, select.form-group-sm .form-control { height: 30px; line-height: 30px; } textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control { height: auto; } .input-lg, .form-group-lg .form-control { height: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px; } select.input-lg, select.form-group-lg .form-control { height: 45px; line-height: 45px; } textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 40px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { width: 45px; height: 45px; line-height: 45px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .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: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .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: #fff; } .has-warning .form-control { border-color: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #e6e6e6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; } .has-warning .input-group-addon { color: #fff; border-color: #fff; background-color: #FFC72B; } .has-warning .form-control-feedback { color: #fff; } .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: #f82323; } .has-error .form-control { border-color: #f82323; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #e10707; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb8686; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb8686; } .has-error .input-group-addon { color: #f82323; border-color: #f82323; background-color: #fff; } .has-error .form-control-feedback { color: #f82323; } .has-feedback label ~ .form-control-feedback { top: 23px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @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: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 25px; } .form-horizontal .form-group { margin-left: -10px; margin-right: -10px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; } } .form-horizontal .has-feedback .form-control-feedback { right: 10px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; -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: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 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); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; 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: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #046a38; background-color: #ffd100; border-color: #e6bc00; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #046a38; background-color: #cca700; border-color: #a88a00; } .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: #ffd100; border-color: #e6bc00; } .btn-primary .badge { color: #ffd100; background-color: #046a38; } .btn-success { color: #fff; background-color: #6ba539; border-color: #5f9232; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #527f2c; border-color: #416523; } .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: #6ba539; border-color: #5f9232; } .btn-success .badge { color: #6ba539; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .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: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .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: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .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: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #428bca; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; 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: #ccc; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .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%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #ccc; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #ccc; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 5px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 992px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .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:focus, .btn-group-vertical > .btn:focus { outline: 0; } .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 > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-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 { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; 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: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 2px; 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; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .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: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } 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: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } 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: 6px 12px; font-size: 13px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 2px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 2px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 17px; border-radius: 3px; } .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; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #f8f8f8; } .nav > li.disabled > a { color: #ccc; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #ccc; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #f8f8f8; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #fff; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 2px 2px 0 0; } .nav-tabs > li > a:hover { border-color: #dfdfdf #dfdfdf #fff; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #046a38; background-color: #fff; border: 1px solid #dfdfdf; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 2px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #fff; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #fff; border-radius: 2px 2px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #6ba539; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 2px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #fff; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #fff; border-radius: 2px 2px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 18px; border: 1px solid transparent; } @media (min-width: 992px) { .navbar { border-radius: 2px; } } @media (min-width: 992px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 10px; padding-left: 10px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 992px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -10px; margin-left: -10px; } @media (min-width: 992px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 992px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 992px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 16px 10px; font-size: 17px; line-height: 18px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 992px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -10px; } } .navbar-toggle { position: relative; float: right; margin-right: 10px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 2px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 992px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 8px -10px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 18px; } @media (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 18px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 992px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 16px; padding-bottom: 16px; } } .navbar-form { margin-left: -10px; margin-right: -10px; padding: 10px 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 9px; margin-bottom: 9px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 991px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 992px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 9px; margin-bottom: 9px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 16px; margin-bottom: 16px; } @media (min-width: 992px) { .navbar-text { float: left; margin-left: 10px; margin-right: 10px; } } @media (min-width: 992px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -10px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 991px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #ccc; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #ebebeb; } .navbar-inverse .navbar-nav > li > a { color: #ccc; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #fff; } @media (max-width: 991px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #ccc; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #ccc; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #ccc; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 18px; list-style: none; background-color: #f5f5f5; border-radius: 2px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #ccc; } .pagination { display: inline-block; padding-left: 0; margin: 18px 0; border-radius: 2px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #f8f8f8; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #ccc; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 17px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .pager { padding-left: 0; margin: 18px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f8f8f8; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #ccc; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #ccc; } .label-default[href]:hover, .label-default[href]:focus { background-color: #b3b3b3; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #ccc; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #f8f8f8; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 20px; font-weight: 200; } .jumbotron > hr { border-top-color: #dfdfdf; } .container .jumbotron { border-radius: 3px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 58.5px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 18px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 2px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .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: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #fef2c2; border-color: #fef0b8; color: #333; } .alert-info hr { border-top-color: #fdeb9f; } .alert-info .alert-link { color: #1a1a1a; } .alert-warning { background-color: #FFC72B; border-color: #ffc121; color: #fff; } .alert-warning hr { border-top-color: #ffb907; } .alert-warning .alert-link { color: #e6e6e6; } .alert-danger { background-color: #fff; border-color: #e10707; color: #f82323; } .alert-danger hr { border-top-color: #c80606; } .alert-danger .alert-link { color: #e10707; } @-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: 18px; margin-bottom: 18px; background-color: #f5f5f5; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 18px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar[aria-valuenow="0"] { color: #ccc; min-width: 30px; background-color: transparent; background-image: none; box-shadow: none; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #f8f8f8; color: #ccc; 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: #ccc; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } .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: #e1edf7; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #fff; background-color: #FFC72B; } a.list-group-item-warning { color: #fff; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #fff; background-color: #ffc012; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #fff; border-color: #fff; } .list-group-item-danger { color: #f82323; background-color: #fff; } a.list-group-item-danger { color: #f82323; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #f82323; background-color: #f2f2f2; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #f82323; border-color: #f82323; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 18px; background-color: #fdfdfd; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 9px 15px 8px; border-bottom: 1px solid transparent; border-top-right-radius: 1px; border-top-left-radius: 1px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 15px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 9px 15px 8px; background-color: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 1px; border-top-left-radius: 1px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .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: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 1px; border-top-left-radius: 1px; } .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: 1px; } .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: 1px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .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: 1px; } .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: 1px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid transparent; } .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: 18px; } .panel-group .panel { margin-bottom: 0; border-radius: 2px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid rgba(0, 0, 0, 0.06); } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .panel-default { border-color: rgba(0, 0, 0, 0.06); } .panel-default > .panel-heading { color: #333333; background-color: #fff; border-color: rgba(0, 0, 0, 0.06); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(0, 0, 0, 0.06); } .panel-default > .panel-heading .badge { color: #fff; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(0, 0, 0, 0.06); } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #428bca; } .panel-primary > .panel-heading .badge { color: #428bca; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: rgba(0, 0, 0, 0.06); } .panel-info > .panel-heading { color: #6ba539; background-color: #fef2c2; border-color: rgba(0, 0, 0, 0.06); } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(0, 0, 0, 0.06); } .panel-info > .panel-heading .badge { color: #fef2c2; background-color: #6ba539; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(0, 0, 0, 0.06); } .panel-warning { border-color: #ffc121; } .panel-warning > .panel-heading { color: #fff; background-color: #FFC72B; border-color: #ffc121; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ffc121; } .panel-warning > .panel-heading .badge { color: #FFC72B; background-color: #fff; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ffc121; } .panel-danger { border-color: #e10707; } .panel-danger > .panel-heading { color: #f82323; background-color: #fff; border-color: #e10707; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e10707; } .panel-danger > .panel-heading .badge { color: #fff; background-color: #f82323; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e10707; } .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 { 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%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 3px; } .well-sm { padding: 9px; border-radius: 2px; } .close { float: right; font-size: 19.5px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; 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; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 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: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #fbfbfb; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid transparent; } .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 { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 13px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 2px 2px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .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, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager: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, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager: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; } @-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; } } .datepicker{top:0;left:0;padding:4px;margin-top:1px;border-radius:2px;}.datepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px} .datepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px} .datepicker>div{display:none} .datepicker.days div.datepicker-days{display:block} .datepicker.months div.datepicker-months{display:block} .datepicker.years div.datepicker-years{display:block} .datepicker table{margin:0} .datepicker td,.datepicker th{text-align:center;width:32px;height:20px;border-radius:0} .datepicker td.day:hover{background:#eee;cursor:pointer} .datepicker td.old,.datepicker td.new{color:#999} .datepicker td.disabled,.datepicker td.disabled:hover{background:none;color:#ddd;cursor:default} .datepicker td.active,.datepicker td.active:hover,.datepicker td.active.disabled,.datepicker td.active.disabled:hover{background:#6ba539;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)} .datepicker td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:2px}.datepicker td span:hover{background:#eee} .datepicker td span.disabled,.datepicker td span.disabled:hover{background:none;color:#ddd;cursor:default} .datepicker td span.active,.datepicker td span.active:hover,.datepicker td span.active.disabled,.datepicker td span.active.disabled:hover{background:#6ba539;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)} .datepicker td span.old{color:#999} .datepicker th.switch{width:145px} .datepicker thead tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th:hover{background:#eee} .input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px} @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../../clientlibs/3rdparty/slick/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../clientlibs/3rdparty/slick/fonts/slick.eot'); src: url('../../clientlibs/3rdparty/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../clientlibs/3rdparty/slick/fonts/slick.woff') format('woff'), url('../../clientlibs/3rdparty/slick/fonts/slick.ttf') format('truetype'), url('../../clientlibs/3rdparty/slick/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '.'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .btn-group input[type="radio"], .btn-group input[type="checkbox"] { display: none; } div.time-picker { position: absolute; height: 191px; width: 120px; overflow: auto; background: #fff; border: 1px solid #ddd; z-index: 99; margin: 0; } div.time-picker ul { list-style-type: none; margin: 0; padding: 0; } div.time-picker li { cursor: pointer; height: 30px; line-height:18px; padding: 4px 10px; } div.time-picker li.selected { background: #0063CE; color: #fff; } .breadcrumb ul li.hide{ display: none; } .breadcrumb .container-fluid { padding-top: 8px; padding-bottom: 18px; } .breadcrumb { padding: 0; } .breadcrumb ul { list-style: none; padding: 0; margin: 0; } .breadcrumb li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .breadcrumb li > .divider { padding: 0 5px; color: #ccc; } html, body { font-family: Arial, sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } .snap-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .snap-drawers { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; } .snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .snap-drawer-left { left: 0; z-index: 1; } .snap-drawer-right { right: 0; z-index: 1; } .snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none; } .snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100%; } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a { background: transparent } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: .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 { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"],input[type="radio"] { 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } @media print { * { text-shadow: none!important; color: #000!important; background: transparent!important; box-shadow: none!important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="javascript:"]:after,a[href^="#"]: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 } .table td,.table th { background-color: #fff!important } .btn>.caret,.dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table-bordered th,.table-bordered td { border: 1px solid #ddd!important } } @font-face { font-family: 'Glyphicons Halflings'; src: url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.eot'); src: url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.woff') format('woff'),url('/etc/designs/portal/home/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/etc/designs/portal/home/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 { 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" } .glyphlink-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" } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) } body { font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 1.42857143; color: #333; background-color: #fff } input,button,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #428bca; text-decoration: none } a:hover,a:focus { color: #2a6496; 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,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 3px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #f8f8f8 } .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 } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Montserrat',sans-serif; font-weight: 700; line-height: 1.1; color: #046a38 } 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: #6ba539 } h1,.h1,h2,.h2,h3,.h3 { margin-top: 18px; margin-bottom: 9px } 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: 9px; margin-bottom: 9px } 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: 24px } h2,.h2 { font-size: 20px } h3,.h3 { font-size: 18px } h4,.h4 { font-size: 14px } h5,.h5 { font-size: 14px } h6,.h6 { font-size: 13px } p { margin: 0 0 9px } .lead { margin-bottom: 18px; font-size: 14px; font-weight: 300; line-height: 1.4 } @media(min-width: 768px) { .lead { font-size:19.5px } } small,.small { font-size: 92% } mark,.mark { background-color: #ffc72b; 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: #999 } .text-primary { color: #428bca } a.text-primary:hover { color: #3071a9 } .text-success { color: #3c763d } a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:hover { color: #245269 } .text-warning { color: #fff } a.text-warning:hover { color: #e6e6e6 } .text-danger { color: #f82323 } a.text-danger:hover { color: #e10707 } .bg-primary { color: #fff; background-color: #428bca } a.bg-primary:hover { background-color: #3071a9 } .bg-success { background-color: #dff0d8 } a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #ffc72b } a.bg-warning:hover { background-color: #f7b600 } .bg-danger { background-color: #fff } a.bg-danger:hover { background-color: #e6e6e6 } .page-header { padding-bottom: 8px; margin: 36px 0 18px; border-bottom: 1px solid #f8f8f8 } ul,ol { margin-top: 0; margin-bottom: 9px } 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: 18px } dt,dd { line-height: 1.42857143 } dt { font-weight: bold } dd { margin-left: 0 } @media(min-width: 992px) { .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 #ccc } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 9px 18px; margin: 0 0 18px; font-size: 16.25px; border-left: 5px solid #f8f8f8 } 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: 1.42857143; color: #ccc } 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 #f8f8f8; 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' } blockquote:before,blockquote:after { content: "" } address { margin-bottom: 18px; font-style: normal; line-height: 1.42857143 } code,kbd,pre,samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 2px } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25) } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none } pre { display: block; padding: 8.5px; margin: 0 0 9px; font-size: 12px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 2px } 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 } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px } @media(min-width: 768px) { .container { width:740px } } @media(min-width: 992px) { .container { width:960px } } @media(min-width: 1200px) { .container { width:1160px } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px } .row { margin-left: -10px; margin-right: -10px } .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: 10px; padding-right: 10px } .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 } } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #999; text-align: left } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 18px } .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: 1.42857143; vertical-align: top; border-top: 1px solid transparent } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid transparent } .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 transparent } .table .table { background-color: #fff } .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 transparent } .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 transparent } .table-bordered>thead>tr>th,.table-bordered>thead>tr>td { border-bottom-width: 2px } .table-striped>tbody>tr:nth-child(odd) { background-color: rgba(254,242,194,0.5) } .table-hover>tbody>tr:hover { background-color: #f5f5f5 } 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: #f5f5f5 } .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: #e8e8e8 } .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: #dff0d8 } .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: #d0e9c6 } .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: #d9edf7 } .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: #c4e3f3 } .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: #ffc72b } .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: #ffc012 } .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: #fff } .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: #f2f2f2 } .table-responsive { overflow-x: auto } @media screen and (max-width: 767px) { .table-responsive { width:100%; margin-bottom: 13.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid transparent } .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 } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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: 7px; font-size: 13px; line-height: 1.42857143; color: #555 } .form-control { display: block; width: 100%; height: 32px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { cursor: not-allowed; background-color: #f8f8f8; opacity: 1 } textarea.form-control { height: auto } input[type="search"] { -webkit-appearance: none } input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] { line-height: 32px; line-height: 1.42857143 \0 } input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm { line-height: 30px; line-height: 1.5 \0 } input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg { line-height: 45px; line-height: 1.33 \0 } _:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"] { line-height: 1.42857143 } _:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm { line-height: 1.5 } _:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg { line-height: 1.33 } .form-group { margin-bottom: 15px } .radio,.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .radio label,.checkbox label { min-height: 18px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer } .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: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg,.form-control-static.input-sm { padding-left: 0; padding-right: 0 } .input-sm,.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px } select.input-sm,select.form-group-sm .form-control { height: 30px; line-height: 30px } textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control { height: auto } .input-lg,.form-group-lg .form-control { height: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px } select.input-lg,select.form-group-lg .form-control { height: 45px; line-height: 45px } textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control { height: auto } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 40px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; pointer-events: none } .input-lg+.form-control-feedback { width: 45px; height: 45px; line-height: 45px } .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .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: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 } .has-success .form-control-feedback { color: #3c763d } .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: #fff } .has-warning .form-control { border-color: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .has-warning .form-control:focus { border-color: #e6e6e6; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff } .has-warning .input-group-addon { color: #fff; border-color: #fff; background-color: #ffc72b } .has-warning .form-control-feedback { color: #fff } .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: #f82323 } .has-error .form-control { border-color: #f82323; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .has-error .form-control:focus { border-color: #e10707; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fb8686; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fb8686 } .has-error .input-group-addon { color: #f82323; border-color: #f82323; background-color: #fff } .has-error .form-control-feedback { color: #f82323 } .has-feedback label ~ .form-control-feedback { top: 23px } .has-feedback label.sr-only ~ .form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @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: 7px } .form-horizontal .radio,.form-horizontal .checkbox { min-height: 25px } .form-horizontal .form-group { margin-left: -10px; margin-right: -10px } @media(min-width: 768px) { .form-horizontal .control-label { text-align:right; margin-bottom: 0 } } .form-horizontal .has-feedback .form-control-feedback { right: 10px } @media(min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top:14.3px } } @media(min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top:6px } } .btn { display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; -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: #333; text-decoration: none } .btn:active,.btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); 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: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default { color: #333; 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: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #046a38; background-color: #ffd100; border-color: #e6bc00 } .btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary { color: #046a38; background-color: #cca700; border-color: #a88a00 } .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: #ffd100; border-color: #e6bc00 } .btn-primary .badge { color: #ffd100; background-color: #046a38 } .btn-success { color: #fff; background-color: #6ba539; border-color: #5f9232 } .btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success { color: #fff; background-color: #527f2c; border-color: #416523 } .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: #6ba539; border-color: #5f9232 } .btn-success .badge { color: #6ba539; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc } .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: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512 } .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: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925 } .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: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { color: #428bca; font-weight: normal; border-radius: 0 } .btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active { border-color: transparent } .btn-link:hover,.btn-link:focus { color: #2a6496; 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: #ccc; text-decoration: none } .btn-lg,.btn-group-lg>.btn { padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px } .btn-sm,.btn-group-sm>.btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px } .btn-xs,.btn-group-xs>.btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px } .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% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent } .dropdown { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap } .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #428bca } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus { color: #ccc } .dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-right { left: auto; right: 0 } .dropdown-menu-left { left: 0; right: auto } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #ccc; white-space: nowrap } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret,.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 5px solid; content: "" } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px } @media(min-width: 992px) { .navbar-right .dropdown-menu { left:auto; right: 0 } .navbar-right .dropdown-menu-left { left: 0; right: auto } } .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:focus,.btn-group-vertical>.btn:focus { outline: 0 } .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>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:last-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 { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; 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: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 2px; 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; z-index: -1; opacity: 0; filter: alpha(opacity=0) } .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: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px } select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn { height: 45px; line-height: 45px } 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: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px } select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px } 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: 6px 12px; font-size: 13px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 2px } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 2px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 17px; border-radius: 3px } .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 } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav>li { position: relative; display: block } .nav>li>a { position: relative; display: block; padding: 10px 15px } .nav>li>a:hover,.nav>li>a:focus { text-decoration: none; background-color: #f8f8f8 } .nav>li.disabled>a { color: #ccc } .nav>li.disabled>a:hover,.nav>li.disabled>a:focus { color: #ccc; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open>a,.nav .open>a:hover,.nav .open>a:focus { background-color: #f8f8f8; border-color: #428bca } .nav .nav-divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #fff } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 2px 2px 0 0 } .nav-tabs>li>a:hover { border-color: #dfdfdf #dfdfdf #fff } .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { color: #046a38; background-color: #fff; border: 1px solid #dfdfdf; border-bottom-color: transparent; cursor: default } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li { float: none } .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media(min-width: 768px) { .nav-tabs.nav-justified>li { display:table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 2px } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus { border: 1px solid #fff } @media(min-width: 768px) { .nav-tabs.nav-justified>li>a { border-bottom:1px solid #fff; border-radius: 2px 2px 0 0 } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #fff } } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 0 } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus { color: #fff; background-color: #6ba539 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified>li { float: none } .nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media(min-width: 768px) { .nav-justified>li { display:table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 2px } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus { border: 1px solid #fff } @media(min-width: 768px) { .nav-tabs-justified>li>a { border-bottom:1px solid #fff; border-radius: 2px 2px 0 0 } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar { position: relative; min-height: 50px; margin-bottom: 18px; border: 1px solid transparent } @media(min-width: 992px) { .navbar { border-radius:2px } } @media(min-width: 992px) { .navbar-header { float:left } } .navbar-collapse { overflow-x: visible; padding-right: 10px; padding-left: 10px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -webkit-overflow-scrolling: touch } .navbar-collapse.in { overflow-y: auto } @media(min-width: 992px) { .navbar-collapse { width:auto; border-top: 0; box-shadow: none } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0 } } .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { max-height: 340px } @media(max-device-width: 480px) and (orientation:landscape) { .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { max-height:200px } } .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse { margin-right: -10px; margin-left: -10px } @media(min-width: 992px) { .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse { margin-right:0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media(min-width: 992px) { .navbar-static-top { border-radius:0 } } .navbar-fixed-top,.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } @media(min-width: 992px) { .navbar-fixed-top,.navbar-fixed-bottom { border-radius:0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; padding: 16px 10px; font-size: 17px; line-height: 18px; height: 50px } .navbar-brand:hover,.navbar-brand:focus { text-decoration: none } .navbar-brand>img { display: block } @media(min-width: 992px) { .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand { margin-left:-10px } } .navbar-toggle { position: relative; float: right; margin-right: 10px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 2px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media(min-width: 992px) { .navbar-toggle { display:none } } .navbar-nav { margin: 8px -10px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 18px } @media(max-width: 991px) { .navbar-nav .open .dropdown-menu { position:static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none } .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 18px } .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus { background-image: none } } @media(min-width: 992px) { .navbar-nav { float:left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 16px; padding-bottom: 16px } } .navbar-form { margin-left: -10px; margin-right: -10px; padding: 10px 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); margin-top: 9px; margin-bottom: 9px } @media(min-width: 768px) { .navbar-form .form-group { display:inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control { width: auto } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .radio,.navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .radio label,.navbar-form .checkbox label { padding-left: 0 } .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media(max-width: 991px) { .navbar-form .form-group { margin-bottom:5px } } @media(min-width: 992px) { .navbar-form { width:auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 9px; margin-bottom: 9px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 16px; margin-bottom: 16px } @media(min-width: 992px) { .navbar-text { float:left; margin-left: 10px; margin-right: 10px } } @media(min-width: 992px) { .navbar-left { float:left!important } .navbar-right { float: right!important; margin-right: -10px } .navbar-right ~ .navbar-right { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav>li>a { color: #777 } .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent } .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus { background-color: #e7e7e7; color: #555 } @media(max-width: 991px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:hover,.navbar-default .btn-link:focus { color: #333 } .navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #ccc } .navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #ebebeb } .navbar-inverse .navbar-nav>li>a { color: #ccc } .navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808; color: #fff } @media(max-width: 991px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #ccc } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #ccc } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #ccc } .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus { color: #fff } .navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444 } .breadcrumb { padding: 8px 15px; margin-bottom: 18px; list-style: none; background-color: #f5f5f5; border-radius: 2px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { content: "/\00a0"; padding: 0 5px; color: #ccc } .breadcrumb>.active { color: #ccc } .pagination { display: inline-block; padding-left: 0; margin: 18px 0; border-radius: 2px } .pagination>li { display: inline } .pagination>li>a,.pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px } .pagination>li:first-child>a,.pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px } .pagination>li:last-child>a,.pagination>li:last-child>span { border-bottom-right-radius: 2px; border-top-right-radius: 2px } .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus { color: #2a6496; background-color: #f8f8f8; border-color: #ddd } .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; cursor: default } .pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus { color: #ccc; background-color: #fff; border-color: #ddd; cursor: not-allowed } .pagination-lg>li>a,.pagination-lg>li>span { padding: 10px 16px; font-size: 17px } .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .pagination-sm>li>a,.pagination-sm>li>span { padding: 5px 10px; font-size: 12px } .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span { border-bottom-left-radius: 2px; border-top-left-radius: 2px } .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span { border-bottom-right-radius: 2px; border-top-right-radius: 2px } .pager { padding-left: 0; margin: 18px 0; list-style: none; text-align: center } .pager li { display: inline } .pager li>a,.pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:hover,.pager li>a:focus { text-decoration: none; background-color: #f8f8f8 } .pager .next>a,.pager .next>span { float: right } .pager .previous>a,.pager .previous>span { float: left } .pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span { color: #ccc; background-color: #fff; cursor: not-allowed } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:hover,a.label:focus { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .btn .label { position: relative; top: -1px } .label-default { background-color: #ccc } .label-default[href]:hover,.label-default[href]:focus { background-color: #b3b3b3 } .label-primary { background-color: #428bca } .label-primary[href]:hover,.label-primary[href]:focus { background-color: #3071a9 } .label-success { background-color: #5cb85c } .label-success[href]:hover,.label-success[href]:focus { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:hover,.label-info[href]:focus { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:hover,.label-warning[href]:focus { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:hover,.label-danger[href]:focus { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #ccc; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:hover,a.badge:focus { color: #fff; text-decoration: none; cursor: pointer } a.list-group-item.active>.badge,.nav-pills>.active>a>.badge { color: #428bca; background-color: #fff } .nav-pills>li>a>.badge { margin-left: 3px } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #f8f8f8 } .jumbotron h1,.jumbotron .h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 20px; font-weight: 200 } .jumbotron>hr { border-top-color: #dfdfdf } .container .jumbotron { border-radius: 3px } .jumbotron .container { max-width: 100% } @media screen and (min-width: 768px) { .jumbotron { padding-top:48px; padding-bottom: 48px } .container .jumbotron { padding-left: 60px; padding-right: 60px } .jumbotron h1,.jumbotron .h1 { font-size: 58.5px } } .thumbnail { display: block; padding: 4px; margin-bottom: 18px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .thumbnail>img,.thumbnail a>img { margin-left: auto; margin-right: auto } a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active { border-color: #428bca } .thumbnail .caption { padding: 9px; color: #333 } .alert { padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 2px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: bold } .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: #dff0d8; border-color: #d6e9c6; color: #3c763d } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { background-color: #fef2c2; border-color: #fef0b8; color: #333 } .alert-info hr { border-top-color: #fdeb9f } .alert-info .alert-link { color: #1a1a1a } .alert-warning { background-color: #ffc72b; border-color: #ffc121; color: #fff } .alert-warning hr { border-top-color: #ffb907 } .alert-warning .alert-link { color: #e6e6e6 } .alert-danger { background-color: #fff; border-color: #e10707; color: #f82323 } .alert-danger hr { border-top-color: #c80606 } .alert-danger .alert-link { color: #e10707 } @-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: 18px; margin-bottom: 18px; background-color: #f5f5f5; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 18px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-striped .progress-bar,.progress-bar-striped { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-size: 40px 40px } .progress.active .progress-bar,.progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar[aria-valuenow="0"] { color: #ccc; min-width: 30px; background-color: transparent; background-image: none; box-shadow: none } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) } .media,.media-body { overflow: hidden; zoom:1} .media,.media .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media-object { display: block } .media-heading { margin: 0 0 5px } .media>.pull-left { margin-right: 10px } .media>.pull-right { margin-left: 10px } .media-list { padding-left: 0; list-style: none } .list-group { margin-bottom: 20px; padding-left: 0 } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px } .list-group-item>.badge { float: right } .list-group-item>.badge+.badge { margin-right: 5px } a.list-group-item { color: #555 } a.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:hover,a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5 } .list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus { background-color: #f8f8f8; color: #ccc; 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: #ccc } .list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca } .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: #e1edf7 } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:hover,a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:hover,a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #fff; background-color: #ffc72b } a.list-group-item-warning { color: #fff } a.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:hover,a.list-group-item-warning:focus { color: #fff; background-color: #ffc012 } a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus { color: #fff; background-color: #fff; border-color: #fff } .list-group-item-danger { color: #f82323; background-color: #fff } a.list-group-item-danger { color: #f82323 } a.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:hover,a.list-group-item-danger:focus { color: #f82323; background-color: #f2f2f2 } a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus { color: #fff; background-color: #f82323; border-color: #f82323 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 18px; background-color: #fdfdfd; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05) } .panel-body { padding: 15px } .panel-heading { padding: 9px 15px 8px; border-bottom: 1px solid transparent; border-top-right-radius: 1px; border-top-left-radius: 1px } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 15px; color: inherit } .panel-title>a { color: inherit } .panel-footer { padding: 9px 15px 8px; background-color: #f5f5f5; border-top: 1px solid rgba(0,0,0,0.06); border-bottom-right-radius: 1px; border-bottom-left-radius: 1px } .panel>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 1px; border-top-left-radius: 1px } .panel>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px } .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: 15px; padding-right: 15px } .panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child { border-top-right-radius: 1px; border-top-left-radius: 1px } .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: 1px } .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: 1px } .panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px } .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: 1px } .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: 1px } .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body { border-top: 1px solid transparent } .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: 18px } .panel-group .panel { margin-bottom: 0; border-radius: 2px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid rgba(0,0,0,0.06) } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid rgba(0,0,0,0.06) } .panel-default { border-color: rgba(0,0,0,0.06) } .panel-default>.panel-heading { color: #333; background-color: #fff; border-color: rgba(0,0,0,0.06) } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: rgba(0,0,0,0.06) } .panel-default>.panel-heading .badge { color: #fff; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: rgba(0,0,0,0.06) } .panel-primary { border-color: #428bca } .panel-primary>.panel-heading { color: #fff; background-color: #428bca; border-color: #428bca } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #428bca } .panel-primary>.panel-heading .badge { color: #428bca; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #428bca } .panel-success { border-color: #d6e9c6 } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6 } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: rgba(0,0,0,0.06) } .panel-info>.panel-heading { color: #6ba539; background-color: #fef2c2; border-color: rgba(0,0,0,0.06) } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: rgba(0,0,0,0.06) } .panel-info>.panel-heading .badge { color: #fef2c2; background-color: #6ba539 } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: rgba(0,0,0,0.06) } .panel-warning { border-color: #ffc121 } .panel-warning>.panel-heading { color: #fff; background-color: #ffc72b; border-color: #ffc121 } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ffc121 } .panel-warning>.panel-heading .badge { color: #ffc72b; background-color: #fff } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ffc121 } .panel-danger { border-color: #e10707 } .panel-danger>.panel-heading { color: #f82323; background-color: #fff; border-color: #e10707 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e10707 } .panel-danger>.panel-heading .badge { color: #fff; background-color: #f82323 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #e10707 } .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 { 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% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05) } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,0.15) } .well-lg { padding: 24px; border-radius: 3px } .well-sm { padding: 9px; border-radius: 2px } .close { float: right; font-size: 19.5px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:hover,.close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none } .modal-open { overflow: hidden } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transform: translate3d(0,-25%,0); transform: translate3d(0,-25%,0); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,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: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .modal-header { padding: 15px; border-bottom: 1px solid #fbfbfb; min-height: 16.42857143px } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid transparent } .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 { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5); box-shadow: 0 5px 15px rgba(0,0,0,0.5) } .modal-sm { width: 300px } } @media(min-width: 992px) { .modal-lg { width:900px } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 2px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { margin: 0; padding: 8px 14px; font-size: 13px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 2px 2px 0 0 } .popover-content { padding: 9px 14px } .popover>.arrow,.popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover>.arrow { border-width: 11px } .popover>.arrow:after { border-width: 10px; content: "" } .popover.top>.arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25) } .popover.right>.arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .popover.bottom>.arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px } .popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25) } .popover.left>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .carousel { position: relative } .carousel-inner { position: relative; overflow: hidden; width: 100% } .carousel-inner>.item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>img,.carousel-inner>.item>a>img { line-height: 1 } @media all and (transform-3d),(-webkit-transform-3d) { .carousel-inner>.item { transition: transform .6s ease-in-out; backface-visibility: hidden; perspective: 1000 } .carousel-inner>.item.next,.carousel-inner>.item.active.right { transform: translate3d(100%,0,0); left: 0 } .carousel-inner>.item.prev,.carousel-inner>.item.active.left { transform: translate3d(-100%,0,0); left: 0 } .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active { transform: translate3d(0,0,0); left: 0 } } .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next,.carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left,.carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,0.6) } .carousel-control.left { background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%); background-image: linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1) } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1) } .carousel-control:hover,.carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block } .carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px } .carousel-control .icon-next,.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px } .carousel-control .icon-prev,.carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0,0,0,0) } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,0.6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next { width:30px; height: 30px; margin-top: -15px; font-size: 30px } .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev { margin-left: -15px } .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next { margin-right: -15px } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .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,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager: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,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager: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 } @-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 } } .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; border-radius: 2px } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); position: absolute; top: -7px; left: 6px } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px } .datepicker>div { display: none } .datepicker.days div.datepicker-days { display: block } .datepicker.months div.datepicker-months { display: block } .datepicker.years div.datepicker-years { display: block } .datepicker table { margin: 0 } .datepicker td,.datepicker th { text-align: center; width: 32px; height: 20px; border-radius: 0 } .datepicker td.day:hover { background: #eee; cursor: pointer } .datepicker td.old,.datepicker td.new { color: #999 } .datepicker td.disabled,.datepicker td.disabled:hover { background: 0; color: #ddd; cursor: default } .datepicker td.active,.datepicker td.active:hover,.datepicker td.active.disabled,.datepicker td.active.disabled:hover { background: #6ba539; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .datepicker td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 2px } .datepicker td span:hover { background: #eee } .datepicker td span.disabled,.datepicker td span.disabled:hover { background: 0; color: #ddd; cursor: default } .datepicker td span.active,.datepicker td span.active:hover,.datepicker td span.active.disabled,.datepicker td span.active.disabled:hover { background: #6ba539; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .datepicker td span.old { color: #999 } .datepicker th.switch { width: 145px } .datepicker thead tr:first-child th { cursor: pointer } .datepicker thead tr:first-child th:hover { background: #eee } .input-append.date .add-on i,.input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px } @charset 'UTF-8';.slick-loading .slick-list { background: #fff url('../clientlibs/3rdparty/slick/ajax-loader.gif') center center no-repeat } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../clientlibs/3rdparty/slick/fonts/slick.eot'); src: url('../clientlibs/3rdparty/slick/fonts/slick.eot?#iefix') format('embedded-opentype'),url('../clientlibs/3rdparty/slick/fonts/slick.woff') format('woff'),url('../clientlibs/3rdparty/slick/fonts/slick.ttf') format('truetype'),url('../clientlibs/3rdparty/slick/fonts/slick.svg#slick') format('svg') } .slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: 0; outline: 0; background: transparent } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color: transparent; outline: 0; background: transparent } .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before,.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir='rtl'] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '←' } [dir='rtl'] .slick-prev:before { content: '→' } .slick-next { right: -25px } [dir='rtl'] .slick-next { right: auto; left: -25px } .slick-next:before { content: '→' } [dir='rtl'] .slick-next:before { content: '←' } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: transparent } .slick-dots li button:hover,.slick-dots li button:focus { outline: 0 } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '.'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: black } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before,.slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .btn-group input[type="radio"],.btn-group input[type="checkbox"] { display: none } div.time-picker { position: absolute; height: 191px; width: 120px; overflow: auto; background: #fff; border: 1px solid #ddd; z-index: 99; margin: 0 } div.time-picker ul { list-style-type: none; margin: 0; padding: 0 } div.time-picker li { cursor: pointer; height: 30px; line-height: 18px; padding: 4px 10px } div.time-picker li.selected { background: #0063ce; color: #fff } .breadcrumb ul li.hide { display: none } .breadcrumb .container-fluid { padding-top: 8px; padding-bottom: 18px } .breadcrumb { padding: 0 } .breadcrumb ul { list-style: none; padding: 0; margin: 0 } .breadcrumb li { display: inline-block; *display: inline; *zoom:1} .breadcrumb li>.divider { padding: 0 5px; color: #ccc } html,body { font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden } .snap-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .snap-drawers { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto } .snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width .3s ease; -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease } .snap-drawer-left { left: 0; z-index: 1 } .snap-drawer-right { right: 0; z-index: 1 } .snapjs-left .snap-drawer-right,.snapjs-right .snap-drawer-left { display: none } .snapjs-expand-left .snap-drawer-left,.snapjs-expand-right .snap-drawer-right { width: 100% } html .navbar.styleguide-nav { margin-left: 0; height: 50px } html .navbar.styleguide-nav .navbar-collapse { clear: none; border: 0; background-color: #ffd100 } html .navbar.styleguide-nav .navbar-nav>li>a { color: #046a38!important } html .navbar.styleguide-nav .navbar-brand { padding: 7px 10px 16px } html .navbar.styleguide-nav.navbar-fixed-top .navbar-collapse { max-height: 400px } .navbar-default.styleguide-nav .navbar-toggle { border-color: #ffd100 } .navbar-default.styleguide-nav .navbar-toggle:hover,.navbar-default.styleguide-nav .navbar-toggle:focus { background-color: #ffd100 } @font-face { font-family: 'icomoon'; src: url('/etc/designs/portal/home/fonts/icomoon/fonts/icomoon.eot?urbcc4'); src: url('/etc/designs/portal/home/fonts/icomoon/fonts/icomoon.eot?urbcc4#iefix') format('embedded-opentype'),url('/etc/designs/portal/home/fonts/icomoon/fonts/icomoon.woff?urbcc4') format('woff'),url('/etc/designs/portal/home/fonts/icomoon/fonts/icomoon.ttf?urbcc4') format('truetype'),url('/etc/designs/portal/home/fonts/icomoon/fonts/icomoon.svg?urbcc4#icomoon') format('svg'); font-weight: normal; font-style: normal } [class^="icon-"],[class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative } .icon-twitter-x-round:before { content: "\e901"; } .icon-trophy:before { content: "\e900" } .icon-warning:before { content: "\e61d" } .icon-lock:before { content: "\e617" } .icon-key:before { content: "\e608" } .icon-contact-info:before { content: "\e618" } .icon-tick:before { content: "\e619" } .icon-add:before { content: "\e61c" } .icon-settings:before { content: "\e60f" } .icon-cloverclub:before { content: "\e610" } .icon-contact-us:before { content: "\e600" } .icon-new-retailer:before { content: "\e601" } .icon-personal-details:before { content: "\e602" } .icon-news-video:before { content: "\e603" } .icon-news-photos:before { content: "\e604" } .icon-news-press:before { content: "\e605" } .icon-pdf:before { content: "\e606" } .icon-print:before { content: "\e607" } .icon-error:before { content: "\e60a" } .icon-success:before { content: "\e60b" } .icon-calendar:before { content: "\e60c" } .icon-close:before { content: "\e60d" } .icon-youtube:before { content: "\e611" } .icon-twitter:before { content: "\e612" } .icon-facebook:before { content: "\e613" } .icon-search:before { content: "\e614" } .icon-arrow:before { content: "\e615" } .icon-messages:before { content: "\e616" } .svg-icon-close { background-image: url('/content/dam/portal/images/icons/close.svg'); background-size: cover; display: inline-block; width: 22.5px; height: 22.5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); border-radius: 50%; margin: 2.5px; background-repeat: no-repeat } @font-face { font-family: 'card-suit'; src: url('/etc/designs/portal/home/fonts//cardsuit/fonts/card-suit.eot?661qw8'); src: url('/etc/designs/portal/home/fonts//cardsuit/fonts/card-suit.eot?661qw8#iefix') format('embedded-opentype'),url('/etc/designs/portal/home/fonts//cardsuit/fonts/card-suit.ttf?661qw8') format('truetype'),url('/etc/designs/portal/home/fonts//cardsuit/fonts/card-suit.woff?661qw8') format('woff'),url('/etc/designs/portal/home/fonts//cardsuit/fonts/card-suit.svg?661qw8#card-suit') format('svg'); font-weight: normal; font-style: normal } [class^="card-suit-"],[class*=" card-suit-"] { font-family: 'card-suit'!important; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative } .card-suit-clubs:before { content: "\e900"; color: #000 } .card-suit-diamonds:before { content: "\e901"; color: #f00 } .card-suit-hearts:before { content: "\e902"; color: #f00 } .card-suit-spades:before { content: "\e903"; color: #000 } .play-responsibly { display: flex; justify-content: flex-start; align-items: center } .play-responsibly__icon { width: 70px; height: auto; margin-right: 15px } .play-responsibly__copy { flex-grow: 1 } @media(max-width: 767px) { body,html { font-size:14.95px } } @media print { body,html { height: auto } } .snap-content { background-size: 10px 600px; background-color: #ebf5e8 } @media print { .snap-content { position: static } } .pad10,.print-view { padding: 10px } .pad010 { padding: 0 10px } .nowrap { white-space: nowrap } .main-outer { background-size: 10px 400px; padding: 0 0 20px } .main-outer .main-content { margin-bottom: 0 } .main-outer .page-title { color: #6ba539; margin-top: 0; margin-bottom: 9px; text-transform: uppercase } .title-badge { -webkit-transform: skewX(-30deg) skewY(0); -ms-transform: skewX(-30deg) skewY(0); -o-transform: skewX(-30deg) skewY(0); transform: skewX(-30deg) skewY(0); display: inline-block; padding: .1em 10px; background: #ffd100; color: #046a38; font-size: .8em; margin: 0 5px; font-weight: bold; font-family: 'Montserrat', sans-serif } @media(max-width: 420px) { .title-badge { padding:2px 4px 1px; font-size: 7.5px; margin: 1px 0 -5px } } @media(max-width: 340px) { .title-badge { font-size:6px } } .title-badge>em { display: inline-block; -webkit-transform: skewX(30deg) skewY(0); -ms-transform: skewX(30deg) skewY(0); -o-transform: skewX(30deg) skewY(0); transform: skewX(30deg) skewY(0); font-style: normal } .page-title { margin-bottom: 18px } .title-image { float: right; margin-top: -4px; margin-bottom: 20px; margin-left: 10px } @media(max-width: 767px) { .title-image { margin-top:0; height: 40px; margin-bottom: 5px } } .side-title { padding-left: 10px; padding-bottom: 10px; padding-top: 0; color: #fff; font-size: 20px; line-height: 20px; text-decoration: none; font-weight: bold; display: block } .side-title:hover,.side-title:active { color: #fff } @media(min-width: 992px) { .side-title { padding-left:20px } } @media(min-width: 768px) { .side-title { padding-top:20px; color: #046a38 } .side-title:hover,.side-title:active { text-decoration: none; color: #046a38; background-color: #f8f8f8 } } .base-padding { padding: 10px } @media(min-width: 992px) { .base-padding { padding:10px 20px } } .main-content { border-radius: 2px; background: #fff; margin-bottom: 20px; overflow: hidden; padding: 10px } @media(min-width: 992px) { .main-content { padding:10px 20px } } .main-content .fullwidth { margin-left: -10px; margin-right: -10px } @media(min-width: 992px) { .main-content .fullwidth { margin-left:-20px; margin-right: -20px } } .main-content.with-sidenav { padding: 0; background-image: -webkit-linear-gradient(top,#03512b 0,rgba(4,106,56,0) 100%); background-image: -o-linear-gradient(top,#03512b 0,rgba(4,106,56,0) 100%); background-image: linear-gradient(to bottom,#03512b 0,rgba(4,106,56,0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03512b',endColorstr='#00046a38',GradientType=0); background-size: 10px 400px; background-color: transparent; padding: 20px 10px; margin-bottom: 20px; margin-left: -10px; margin-right: -10px } @media(min-width: 768px) { .main-content.with-sidenav>.row { margin:0 } .main-content.with-sidenav>.row>.col-sm-3,.main-content.with-sidenav>.row>.col-sm-9 { margin: 0; padding: 0 } .main-content.with-sidenav>.row>.col-sm-3 { width: 210px } .main-content.with-sidenav>.row>.col-sm-9 { overflow: hidden; float: none; padding-left: 20px; width: auto } } .main-content.with-sidenav .nav-select { border-radius: 2px 2px 0 0 } .main-content.with-sidenav .text-content { border-radius: 2px; background: #fff; padding: 10px } @media(max-width: 767px) { .main-content.with-sidenav .text-content { border-radius:0 0 2px 2px } } @media(max-width: 767px) { .main-content.with-sidenav .page-title { display:none } } @media(min-width: 768px) { .main-content.with-sidenav { padding:0; padding-right: 10px; background-color: #fff; background-image: url('/content/dam/portal/images/icons/sidenav.svg'); background-size: 210px 10px; background-repeat: repeat-y; margin-left: auto; margin-right: auto } .main-content.with-sidenav .text-content { padding: 0 } } .main-content+.main-content,.main-content+.nav-tabs { margin-top: 10px } .main-content.blank-page { margin: 18px auto; max-width: 980px } .lower-content { overflow: hidden; background: #fef2c2 } .lower-content.fullwidth { margin-bottom: -10px; border-radius: 0 0 2px 2px; padding: 10px 13.33333333px } .lower-content.fullwidth.padded { padding-top: 20px; padding-bottom: 20px } .lower-content.padded { padding-top: 20px; padding-bottom: 20px } .content-bottom-margin { margin-bottom: 20px } .glyphicon-star { color: #ffd100 } .glyphicon-star.megamillions { color: #075EDB; } @media(max-width: 480px) { .container-fluid { padding-left:5px; padding-right: 5px; overflow: hidden } .main-outer { padding-top: 15px } } .container-fluid { max-width: 1120px } .heading-offset { margin-top: 18px } .grid-top-margin { margin-top: 10px } .grid-top-padding { padding-top: 10px } .stripe-30 { background: linear-gradient(-45deg,#f8f8f8,#f8f8f8 40%,#fff 40%,#fff 100%) } .stripe-50 { background: linear-gradient(-45deg,#f8f8f8,#f8f8f8 50%,#fff 50%,#fff 100%) } .highlight { background: #f8f8f8 } .alert p:last-child { margin-bottom: 0 } .txtctr,.center { text-align: center } .txtright { text-align: right } .game-image,.img-center { text-align: center } .game-image img,.img-center img { max-width: 100%; margin-left: auto; margin-right: auto } .messagebar .alert { margin-bottom: 0; padding-top: 16px; padding-bottom: 16px } .no-returned-results { margin: 10px } .img-shadow { border: 1px solid rgba(0,0,0,0.2); box-shadow: 3px 3px 5px rgba(0,0,0,0.4) } @media(max-width: 480px) { .nav-tabs>li>a { padding-right:9px; padding-left: 9px; margin-right: 2px; line-height: 10px; font-size: .9em } } a[href^=tel] { color: #046a38; font-weight: bold } @media(max-width: 480px) { .xs-clear { text-align:center; float: none!important; clear: both } .xs-clear:before,.xs-clear:after { content: " "; display: table } .xs-clear:after { clear: both } } body:not(.touch) .show-only-mobile { display: none!important } .touch .show-only-desktop { display: none!important } @media(min-width: 991px) { div[role="main"] { min-height:60vh } } @media(max-width: 991px) { .col-sm-pad-top { padding-top:20px } } .accordion { padding-bottom: 9px } .accordion .panel-heading { border-color: transparent } .accordion .panel-heading .icon-arrow { position: relative; margin-right: 15px; top: 5px } @media(max-width: 640px) { .accordion .panel-heading .icon-arrow { top:0 } } .accordion .panel-heading:hover,.accordion .panel-heading:active { background-color: #f8f8f8 } .accordion .panel-heading.active { color: #fff; background-color: #6ba539 } .accordion .panel-heading.active:hover,.accordion .panel-heading.active:active { background-color: #70ad3c } .accordion .panel-default { margin-bottom: 5px } .bodybanner { margin-bottom: 10px } .messagebar { max-width: 1120px; margin-right: auto; margin-left: auto } @media(min-width: 992px) { .messagebar { padding-left:10px; padding-right: 10px } } .messagebar .alert-danger { background-color: #ffd100; color: #333; border-color: #ffd100 } .section.image { text-align: center } .section.image>div { text-align: center; padding: 9px } .cq-dd-image { margin: 0 auto; max-width: 100% } @media(min-width: 480px) { .newsreleases tr>td:first-child { min-width:108px } } .vip-navigation .h5 { color: #fff } .vip-navigation .h5 a { float: right; color: #0063be; font-size: 10px; font-weight: bold } .vip-navigation .h4 { color: #0063be; display: inline-block; margin: 4px 0 } .vip-navigation .forgot-password { display: block; color: #0063be; font-size: 10px; font-weight: bold } .vip-navigation-header { background-color: #89d9fb; position: relative; float: right; height: 64px; padding: 0 8px; min-width: 326px } .vip-navigation-header .h5 { margin: 4px 0 2px 1px } .vip-navigation-header .forgot-password { padding-left: 3px; margin-right: -10px } .vip-navigation-header .form-inline .form-group { vertical-align: top } .vip-navigation-header:before { position: absolute; content: ''; border-right: 44px solid #89d9fb; border-top: 64px solid transparent; left: -44px; top: 0 } .vip-navigation-header .vip-icon { position: absolute; left: -76px; top: 50%; margin-top: -56px; height: 106px; width: 80px } @media(min-width: 992px) { .vip-navigation-header.collapse { display:block } } .vip-navigation-header .form-inline .form-control { width: 103px; height: 26px; padding: 2px 7px; font-size: 12px } .vip-navigation-header .form-inline .form-control[type="email"] { width: 128px } .vip-navigation-header .login-error { display: none; opacity: 0; position: absolute; z-index: 2; padding: 6px 8px 2px; top: 64px; left: 0; right: 0; background: #fff; color: #f82323; line-height: 22px } .vip-navigation-header .login-error:before { position: absolute; left: 10px; top: -20px; content: ''; border: 10px solid transparent; border-bottom: 10px solid #fff } .vip-navigation-header .login-error.in { display: block; opacity: 1 } .vip-navigation-header .login-error .close { display: inline-block; width: 22px; height: 22px; line-height: 18px; background: #f8f8f8; border: 1px solid #ccc; text-align: center; border-radius: 12px; margin-left: 10px } .vip-navigation-header .login-error .icon { float: left; font-size: 16px; padding: 2px 5px } .vip-navigation-header .login-error label { font-weight: bold } .vip-navigation-header .login-error .errorNotifier { margin-left: 34px; margin-right: 34px } .vip-navigation-header .btn-logout { float: right } .vip-navigation-header .form-control-feedback { width: 22px; height: 26px; line-height: 26px; font-size: 10px } .vip-navigation-header .btn { padding: 2px 8px; font-size: 13px; line-height: 1.42857143; border-radius: 2px } .vip-navigation-header .club-links { clear: both; overflow: hidden } .vip-navigation-header .club-links .btn-default { float: left; margin-top: 4px; padding-left: 8px; padding-right: 12px; border: 0; color: #555; line-height: 18px; height: 24px; min-width: 150px } .vip-navigation-header .club-links .btn-default:last-child { float: right } .vip-navigation-header .club-links .btn-default i { display: inline-block; position: relative; top: 1px; margin-right: 4px } .vip-navigation-header .club-links .btn-default .icon-cloverclub { left: 2px } .vip-navigation-header .not-authenticated { max-height: 70px } .vip-navigation-header .authenticated { max-height: 70px; overflow: hidden; padding-top: 8px } .vip-navigation .btn-messages { color: #fff; height: 20px; position: relative; text-decoration: none!important; display: inline-block } .vip-navigation .btn-messages .icon-messages { font-size: 34px; line-height: 22px } .vip-navigation .btn-messages .messages-count { position: absolute; right: -3px; top: 10px; width: 14px; height: 14px; font-size: 10px; line-height: 14px } .vip-navigation-header.vip-navigation .btn-messages { float: right; margin-right: 14px } .vip-navigation-sidebar { text-align: center } .vip-navigation-sidebar form .has-feedback [class^="icon-"].form-control-feedback { right: 0 } .vip-navigation-sidebar form,.vip-navigation-sidebar .user-info { padding: 10px 30px } .vip-navigation-sidebar form { text-align: left } .vip-navigation-sidebar .forgot-password { margin-top: 10px } .vip-navigation-sidebar .nj-icon { height: 68px; width: 68px; margin: 30px auto 10px } .vip-navigation-sidebar .vp-icon { height: 100px; width: 136px; margin: 20px auto 5px } .vip-navigation-sidebar .btn { width: 100% } .vip-navigation-sidebar .club-links { padding-top: 5px } .vip-navigation-sidebar .club-links .btn { margin-bottom: 10px } .vip-navigation-sidebar .h4 { display: block; margin: 20px auto 10px } .vip-navigation-sidebar .h5 { text-align: center; font-size: 28px } .vip-navigation-sidebar .h5 span { display: block; font-family: 'Montserrat', sans-serif; font-size: 14px } .my-messages { overflow: hidden; text-align: center } .nav-global { height: 40px; padding-top: 10px } .nav-global .nav { float: right } .nav-global.nav-global-es-us { margin-top: 65px } .nav-global .nav>li>a { font-family: 'Montserrat',sans-serif; font-weight: 400; color: #046a38; padding: 4px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px } .nav-global .nav>li>a:hover,.nav-global .nav>li>a:focus,.nav-global .nav>li>a.focus { color: #fff; background: #6ba539 } .nav-global .nav>li>a:active { background: #669d36 } .nav>li>a>img.nj-lang { margin-top: -5px } .nj-mobile-logo { position: absolute; width: 36px; margin-left: -18px; top: 14px; left: 50% } @media(min-width: 992px) { .top-level { display:none!important } .touch .top-level { display: block!important } .nj-mobile-logo { display: none } } .nav-header { position: relative } h1.strapline { position: absolute; height: 24px; top: -30px; left: 140px; width: 360px; margin: 0; font-size: 22px; color: #fff; text-transform: none; text-indent: -9999px; background-image: url('/content/dam/portal/images/NewJerseyLottery-Tagline-50th.svg'); background-repeat: no-repeat; background-position: left top; background-size: 348px 22px } h1.strapline span { color: #ffd100 } h1.strapline--es { background-image: url("/content/dam/portal/images/NewJerseyLottery-Tagline-es.png") } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { h1.strapline--es { background-image:url("/content/dam/portal/images/NewJerseyLottery-Tagline-es@2x.png"); background-size: 348px 22px } } .nav-logo { position: absolute; top: -71px; left: 2px; height: 123px; width: 133px } .nav-logo img { height: 123px; width: 133px; content: url(/content/dam/portal/images/NewJerseyLottery_Logo_Full Color.png) } .navbar-toggle { margin-right: 0; margin-left: 0; margin-top: 12px; padding-bottom: 2px } .navbar-toggle .icon-bar { background: #046a38 } .navbar-toggle[data-toggle="mainNav"] { float: left } .navbar-toggle[data-toggle="accountNav"] { padding-top: 4px } .navbar-toggle .icon-personal-details { color: #046a38; font-size: 24px } .navbar-toggle:active { text-shadow: 0 0 5px #fff } .navbar-toggle:active .icon-bar { box-shadow: 0 0 3px 3px rgba(255,255,255,0.2) } .navbar-toggle-label { font-weight: bold; color: #046a38; font-size: 11px; float: left; padding: 4px 5px 0 0 } html .navbar { border-radius: 0; margin-bottom: 0; border: 0; background: #046a38; margin-left: 146px; height: 40px; min-height: 40px; margin-bottom: 10px } .nav-events a span { max-width: 123px!important } .navbar-collapse { clear: both; padding: 0 } .navbar-collapse:before,.navbar-collapse:after { content: " "; display: table } .navbar-collapse:after { clear: both } .nav-header .navbar-nav { margin-left: -20px; font-weight: bold; font-family: 'Montserrat',sans-serif; width: 101.3% } .nav-header .navbar-nav>li.dropdown { margin: 0; width: 16.66666667% } .nav-header .navbar-nav>li.dropdown.es-us { width: 15.87301587% } .nav-header .navbar-nav>li.dropdown.es-us:nth-child(1),.nav-header .navbar-nav>li.dropdown.es-us:nth-child(2),.nav-header .navbar-nav>li.dropdown.es-us:nth-child(4) { width: 22.72727273% } .nav-header .navbar-nav>li.dropdown.es-us>a>span { max-width: 190px } .nav-header .navbar-nav>li.dropdown>a { background: #046a38; -webkit-transform: skewX(-20deg) skewY(0); -ms-transform: skewX(-20deg) skewY(0); -o-transform: skewX(-20deg) skewY(0); transform: skewX(-20deg) skewY(0); padding-left: 0; padding-right: 0; text-align: center; color: white; padding-top: 3px; padding-bottom: 3px; font-size: 14px; line-height: 17px; height: 40px; text-transform: uppercase; display: flex; align-items: center; justify-content: center } @media(min-width: 1060px) { .nav-header .navbar-nav>li.dropdown>a { font-size:13.5px } } @media(min-width: 1120px) { .nav-header .navbar-nav>li.dropdown>a { font-size:14px } } .nav-header .navbar-nav>li.dropdown>a .caret { -webkit-transform: translate(0,-1px); -ms-transform: translate(0,-1px); -o-transform: translate(0,-1px); transform: translate(0,-1px) } .nav-header .navbar-nav>li.dropdown>a>span { text-transform: uppercase; display: block; max-width: 88px; -webkit-transform: skewX(20deg) skewY(0); -ms-transform: skewX(20deg) skewY(0); -o-transform: skewX(20deg) skewY(0); transform: skewX(20deg) skewY(0) } .nav-header .navbar-nav>li.dropdown:nth-child(6) { width: 14.66666667% } .nav-header .navbar-nav>li.dropdown:nth-child(7) { width: 18.66666667% } .nav-header .navbar-nav>li.dropdown:nth-child(7) a>span { max-width: none } .nav-header .navbar-nav>li.dropdown>a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color } .nav-header .navbar-nav>li.dropdown.active>a { background: #046a38; color: #fff } .nav-header .navbar-nav>li.dropdown.open>a { background: #6ba539; color: #fff } .nav-header .navbar-nav>li.dropdown.open:last-child:after { content: ''; display: block; background: #046a38; position: absolute; top: 0; right: -8px; height: 100%; width: 20px } .nav-header .navbar-nav>li.dropdown.open .caret { border-top: 4px transparent; border-bottom: 4px solid } .nav-header .navbar-nav .dropdown-menu { min-width: 145px; width: 100%; left: -7px; border: 0; box-shadow: none; border-radius: 0; padding: 0; background: #6ba539 } .nav-header .navbar-nav .dropdown-menu a { color: #fff; padding-left: 15px; padding-right: 10px; white-space: normal; text-transform: uppercase } .nav-header .navbar-nav .dropdown-menu li.slideout-menu ul a { text-transform: none } .nav-header .navbar-nav .dropdown-menu a:hover,.nav-header .navbar-nav .dropdown-menu a:active,.nav-header .navbar-nav .dropdown-menu a:focus { background: #046a38 } .nav-header .navbar-nav .dropdown-menu a:active { box-shadow: inset 1px 1px 5px rgba(0,0,0,0.15) } .nav-header .navbar-nav .dropdown-menu .top-level { border-bottom: 1px solid #6ba539 } .nav-header .navbar-nav .dropdown-menu .slideout-menu>.dropdown-menu { display: none; left: 99%; top: -2px; border-left: 5px solid #649a35 } .nav-header .navbar-nav .dropdown-menu .slideout-menu.open>a { background: #6ba539; border: 0 } .nav-header .navbar-nav .dropdown-menu .slideout-menu.open .dropdown-menu { display: block } .nav-header .navbar-nav .dropdown-menu .slideout-menu a .caret { position: absolute; right: 5px; top: 50%; margin-top: -4px; border-top: 4px solid transparent; border-left: 4px solid; border-bottom: 4px solid transparent } .touch .nav-header .navbar-nav .dropdown-menu .slideout-menu a .caret { display: none } .nav-pills li>a { color: #6ba539 } .nav-pills li>a:hover { color: #527f2c } .nav-pills li.active>a,.nav-pills li.active>a:hover,.nav-pills li.active>a:focus { color: #fff; background-color: #6ba539 } .nav-sidebar.nav-stacked { margin-bottom: 20px } .nav-sidebar.nav-stacked li { float: none } .nav-sidebar.nav-stacked li>ul { padding: 0; margin: 0 } .nav-sidebar.nav-stacked li>a { display: block; font-weight: bold; padding-top: 4px; padding-bottom: 4px; padding-left: 10px } @media(min-width: 992px) { .nav-sidebar.nav-stacked li>a { padding-left:20px } } .nav-sidebar.nav-stacked li>a:hover,.nav-sidebar.nav-stacked li>a:focus { text-decoration: none; background-color: #f8f8f8 } .nav-sidebar.nav-stacked li.active>a,.nav-sidebar.nav-stacked li.active>a:hover,.nav-sidebar.nav-stacked li.active>a:focus { color: #fff; background-color: #6ba539 } .nav-sidebar.nav-stacked li+li { margin-top: 2px; margin-left: 0 } .nav-sidebar.nav-stacked li li { list-style: none; padding: 0; margin: 0 } .nav-sidebar.nav-stacked li li>a { padding-left: 40px; position: relative } .nav-sidebar.nav-stacked li li>a i,.nav-sidebar.nav-stacked li li>a b { position: absolute; top: 0; left: 25px; display: block; width: 0; height: 26px; border-left: 1px solid rgba(0,0,0,0.3) } .nav-sidebar.nav-stacked li li>a i:after,.nav-sidebar.nav-stacked li li>a b:after { position: absolute; top: 13px; left: 0; content: ''; border-bottom: 1px solid rgba(0,0,0,0.3); width: 8px; display: block } .nav-sidebar.nav-stacked li li:last-child>a b { height: 14px } .sidebar-content { padding: 10px } @media(max-width: 767px) { .nav-sidebar,.sidebar-content { display:none } .mobile-nav-sidebar,.drop-down-nav { display: block!important } } .nav-select { display: none; background: #fff; padding: 10px; margin-top: 10px; text-align: center; border-radius: 2px 2px 0 0 } .nav-select select.form-control { width: 100%; font-size: 16px; color: #046a38; text-transform: uppercase; -webkit-appearance: none; background-image: url("/content/dam/portal/images/icons/nav-select.svg"); background-repeat: no-repeat; background-position: 98% 5px } .nav-select select.form-control:focus { border-color: #046a38; box-shadow: none } .btn { font-family: 'Montserrat',sans-serif } .btn-cancel,.btn-back,.btn-disabled { color: #fff; background-color: #dedede; border-color: #d9d9d9 } .btn-cancel:hover,.btn-back:hover,.btn-disabled:hover,.btn-cancel:focus,.btn-back:focus,.btn-disabled:focus,.btn-cancel.focus,.btn-back.focus,.btn-disabled.focus,.btn-cancel:active,.btn-back:active,.btn-disabled:active,.btn-cancel.active,.btn-back.active,.btn-disabled.active,.open>.dropdown-toggle.btn-cancel,.open>.dropdown-toggle.btn-back,.open>.dropdown-toggle.btn-disabled { color: #fff; background-color: #c5c5c5; border-color: #bababa } .btn-cancel:active,.btn-back:active,.btn-disabled:active,.btn-cancel.active,.btn-back.active,.btn-disabled.active,.open>.dropdown-toggle.btn-cancel,.open>.dropdown-toggle.btn-back,.open>.dropdown-toggle.btn-disabled { background-image: none } .btn-cancel.disabled,.btn-back.disabled,.btn-disabled.disabled,.btn-cancel[disabled],.btn-back[disabled],.btn-disabled[disabled],fieldset[disabled] .btn-cancel,fieldset[disabled] .btn-back,fieldset[disabled] .btn-disabled,.btn-cancel.disabled:hover,.btn-back.disabled:hover,.btn-disabled.disabled:hover,.btn-cancel[disabled]:hover,.btn-back[disabled]:hover,.btn-disabled[disabled]:hover,fieldset[disabled] .btn-cancel:hover,fieldset[disabled] .btn-back:hover,fieldset[disabled] .btn-disabled:hover,.btn-cancel.disabled:focus,.btn-back.disabled:focus,.btn-disabled.disabled:focus,.btn-cancel[disabled]:focus,.btn-back[disabled]:focus,.btn-disabled[disabled]:focus,fieldset[disabled] .btn-cancel:focus,fieldset[disabled] .btn-back:focus,fieldset[disabled] .btn-disabled:focus,.btn-cancel.disabled.focus,.btn-back.disabled.focus,.btn-disabled.disabled.focus,.btn-cancel[disabled].focus,.btn-back[disabled].focus,.btn-disabled[disabled].focus,fieldset[disabled] .btn-cancel.focus,fieldset[disabled] .btn-back.focus,fieldset[disabled] .btn-disabled.focus,.btn-cancel.disabled:active,.btn-back.disabled:active,.btn-disabled.disabled:active,.btn-cancel[disabled]:active,.btn-back[disabled]:active,.btn-disabled[disabled]:active,fieldset[disabled] .btn-cancel:active,fieldset[disabled] .btn-back:active,fieldset[disabled] .btn-disabled:active,.btn-cancel.disabled.active,.btn-back.disabled.active,.btn-disabled.disabled.active,.btn-cancel[disabled].active,.btn-back[disabled].active,.btn-disabled[disabled].active,fieldset[disabled] .btn-cancel.active,fieldset[disabled] .btn-back.active,fieldset[disabled] .btn-disabled.active { background-color: #dedede; border-color: #d9d9d9 } .btn-cancel .badge,.btn-back .badge,.btn-disabled .badge { color: #dedede; background-color: #fff } .btn-primary { color: #046a38; background-color: #ffd100; border-color: #e6bc00 } .btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary { color: #046a38; background-color: #cca700; border-color: #a88a00 } .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: #ffd100; border-color: #e6bc00 } .btn-primary .badge { color: #ffd100; background-color: #046a38 } .btn-warning { color: #fff; background-color: #ffd100; border-color: #f5c900 } .btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning { color: #fff; background-color: #cca700; border-color: #b89600 } .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: #ffd100; border-color: #f5c900 } .btn-warning .badge { color: #ffd100; background-color: #fff } .btn-dark-green,.btn-alt { color: #fff; background-color: #046a38; border-color: #046033 } .btn-dark-green:hover,.btn-alt:hover,.btn-dark-green:focus,.btn-alt:focus,.btn-dark-green.focus,.btn-alt.focus,.btn-dark-green:active,.btn-alt:active,.btn-dark-green.active,.btn-alt.active,.open>.dropdown-toggle.btn-dark-green,.open>.dropdown-toggle.btn-alt { color: #fff; background-color: #02391e; border-color: #012514 } .btn-dark-green:active,.btn-alt:active,.btn-dark-green.active,.btn-alt.active,.open>.dropdown-toggle.btn-dark-green,.open>.dropdown-toggle.btn-alt { background-image: none } .btn-dark-green.disabled,.btn-alt.disabled,.btn-dark-green[disabled],.btn-alt[disabled],fieldset[disabled] .btn-dark-green,fieldset[disabled] .btn-alt,.btn-dark-green.disabled:hover,.btn-alt.disabled:hover,.btn-dark-green[disabled]:hover,.btn-alt[disabled]:hover,fieldset[disabled] .btn-dark-green:hover,fieldset[disabled] .btn-alt:hover,.btn-dark-green.disabled:focus,.btn-alt.disabled:focus,.btn-dark-green[disabled]:focus,.btn-alt[disabled]:focus,fieldset[disabled] .btn-dark-green:focus,fieldset[disabled] .btn-alt:focus,.btn-dark-green.disabled.focus,.btn-alt.disabled.focus,.btn-dark-green[disabled].focus,.btn-alt[disabled].focus,fieldset[disabled] .btn-dark-green.focus,fieldset[disabled] .btn-alt.focus,.btn-dark-green.disabled:active,.btn-alt.disabled:active,.btn-dark-green[disabled]:active,.btn-alt[disabled]:active,fieldset[disabled] .btn-dark-green:active,fieldset[disabled] .btn-alt:active,.btn-dark-green.disabled.active,.btn-alt.disabled.active,.btn-dark-green[disabled].active,.btn-alt[disabled].active,fieldset[disabled] .btn-dark-green.active,fieldset[disabled] .btn-alt.active { background-color: #046a38; border-color: #046033 } .btn-dark-green .badge,.btn-alt .badge { color: #046a38; background-color: #fff } .btn-secondary,.btn-success,.btn-light-green,.btn-search,.btn-continue { color: #fff; background-color: #6ba539; border-color: #669d36 } .btn-secondary:hover,.btn-success:hover,.btn-light-green:hover,.btn-search:hover,.btn-continue:hover,.btn-secondary:focus,.btn-success:focus,.btn-light-green:focus,.btn-search:focus,.btn-continue:focus,.btn-secondary.focus,.btn-success.focus,.btn-light-green.focus,.btn-search.focus,.btn-continue.focus,.btn-secondary:active,.btn-success:active,.btn-light-green:active,.btn-search:active,.btn-continue:active,.btn-secondary.active,.btn-success.active,.btn-light-green.active,.btn-search.active,.btn-continue.active,.open>.dropdown-toggle.btn-secondary,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-light-green,.open>.dropdown-toggle.btn-search,.open>.dropdown-toggle.btn-continue { color: #fff; background-color: #527f2c; border-color: #497027 } .btn-secondary:active,.btn-success:active,.btn-light-green:active,.btn-search:active,.btn-continue:active,.btn-secondary.active,.btn-success.active,.btn-light-green.active,.btn-search.active,.btn-continue.active,.open>.dropdown-toggle.btn-secondary,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-light-green,.open>.dropdown-toggle.btn-search,.open>.dropdown-toggle.btn-continue { background-image: none } .btn-secondary.disabled,.btn-success.disabled,.btn-light-green.disabled,.btn-search.disabled,.btn-continue.disabled,.btn-secondary[disabled],.btn-success[disabled],.btn-light-green[disabled],.btn-search[disabled],.btn-continue[disabled],fieldset[disabled] .btn-secondary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-light-green,fieldset[disabled] .btn-search,fieldset[disabled] .btn-continue,.btn-secondary.disabled:hover,.btn-success.disabled:hover,.btn-light-green.disabled:hover,.btn-search.disabled:hover,.btn-continue.disabled:hover,.btn-secondary[disabled]:hover,.btn-success[disabled]:hover,.btn-light-green[disabled]:hover,.btn-search[disabled]:hover,.btn-continue[disabled]:hover,fieldset[disabled] .btn-secondary:hover,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-light-green:hover,fieldset[disabled] .btn-search:hover,fieldset[disabled] .btn-continue:hover,.btn-secondary.disabled:focus,.btn-success.disabled:focus,.btn-light-green.disabled:focus,.btn-search.disabled:focus,.btn-continue.disabled:focus,.btn-secondary[disabled]:focus,.btn-success[disabled]:focus,.btn-light-green[disabled]:focus,.btn-search[disabled]:focus,.btn-continue[disabled]:focus,fieldset[disabled] .btn-secondary:focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-light-green:focus,fieldset[disabled] .btn-search:focus,fieldset[disabled] .btn-continue:focus,.btn-secondary.disabled.focus,.btn-success.disabled.focus,.btn-light-green.disabled.focus,.btn-search.disabled.focus,.btn-continue.disabled.focus,.btn-secondary[disabled].focus,.btn-success[disabled].focus,.btn-light-green[disabled].focus,.btn-search[disabled].focus,.btn-continue[disabled].focus,fieldset[disabled] .btn-secondary.focus,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-light-green.focus,fieldset[disabled] .btn-search.focus,fieldset[disabled] .btn-continue.focus,.btn-secondary.disabled:active,.btn-success.disabled:active,.btn-light-green.disabled:active,.btn-search.disabled:active,.btn-continue.disabled:active,.btn-secondary[disabled]:active,.btn-success[disabled]:active,.btn-light-green[disabled]:active,.btn-search[disabled]:active,.btn-continue[disabled]:active,fieldset[disabled] .btn-secondary:active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-light-green:active,fieldset[disabled] .btn-search:active,fieldset[disabled] .btn-continue:active,.btn-secondary.disabled.active,.btn-success.disabled.active,.btn-light-green.disabled.active,.btn-search.disabled.active,.btn-continue.disabled.active,.btn-secondary[disabled].active,.btn-success[disabled].active,.btn-light-green[disabled].active,.btn-search[disabled].active,.btn-continue[disabled].active,fieldset[disabled] .btn-secondary.active,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-light-green.active,fieldset[disabled] .btn-search.active,fieldset[disabled] .btn-continue.active { background-color: #6ba539; border-color: #669d36 } .btn-secondary .badge,.btn-success .badge,.btn-light-green .badge,.btn-search .badge,.btn-continue .badge { color: #6ba539; background-color: #fff } .btn-info,.btn-login { color: #fff; background-color: #0063be; border-color: #005eb4 } .btn-info:hover,.btn-login:hover,.btn-info:focus,.btn-login:focus,.btn-info.focus,.btn-login.focus,.btn-info:active,.btn-login:active,.btn-info.active,.btn-login.active,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-login { color: #fff; background-color: #00488b; border-color: #003e77 } .btn-info:active,.btn-login:active,.btn-info.active,.btn-login.active,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-login { background-image: none } .btn-info.disabled,.btn-login.disabled,.btn-info[disabled],.btn-login[disabled],fieldset[disabled] .btn-info,fieldset[disabled] .btn-login,.btn-info.disabled:hover,.btn-login.disabled:hover,.btn-info[disabled]:hover,.btn-login[disabled]:hover,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-login:hover,.btn-info.disabled:focus,.btn-login.disabled:focus,.btn-info[disabled]:focus,.btn-login[disabled]:focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-login:focus,.btn-info.disabled.focus,.btn-login.disabled.focus,.btn-info[disabled].focus,.btn-login[disabled].focus,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-login.focus,.btn-info.disabled:active,.btn-login.disabled:active,.btn-info[disabled]:active,.btn-login[disabled]:active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-login:active,.btn-info.disabled.active,.btn-login.disabled.active,.btn-info[disabled].active,.btn-login[disabled].active,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-login.active { background-color: #0063be; border-color: #005eb4 } .btn-info .badge,.btn-login .badge { color: #0063be; background-color: #fff } .btn-logout,.btn-register { color: #fff; background-color: #50c7f9; border-color: #46c4f9 } .btn-logout:hover,.btn-register:hover,.btn-logout:focus,.btn-register:focus,.btn-logout.focus,.btn-register.focus,.btn-logout:active,.btn-register:active,.btn-logout.active,.btn-register.active,.open>.dropdown-toggle.btn-logout,.open>.dropdown-toggle.btn-register { color: #fff; background-color: #1fb7f7; border-color: #0bb1f7 } .btn-logout:active,.btn-register:active,.btn-logout.active,.btn-register.active,.open>.dropdown-toggle.btn-logout,.open>.dropdown-toggle.btn-register { background-image: none } .btn-logout.disabled,.btn-register.disabled,.btn-logout[disabled],.btn-register[disabled],fieldset[disabled] .btn-logout,fieldset[disabled] .btn-register,.btn-logout.disabled:hover,.btn-register.disabled:hover,.btn-logout[disabled]:hover,.btn-register[disabled]:hover,fieldset[disabled] .btn-logout:hover,fieldset[disabled] .btn-register:hover,.btn-logout.disabled:focus,.btn-register.disabled:focus,.btn-logout[disabled]:focus,.btn-register[disabled]:focus,fieldset[disabled] .btn-logout:focus,fieldset[disabled] .btn-register:focus,.btn-logout.disabled.focus,.btn-register.disabled.focus,.btn-logout[disabled].focus,.btn-register[disabled].focus,fieldset[disabled] .btn-logout.focus,fieldset[disabled] .btn-register.focus,.btn-logout.disabled:active,.btn-register.disabled:active,.btn-logout[disabled]:active,.btn-register[disabled]:active,fieldset[disabled] .btn-logout:active,fieldset[disabled] .btn-register:active,.btn-logout.disabled.active,.btn-register.disabled.active,.btn-logout[disabled].active,.btn-register[disabled].active,fieldset[disabled] .btn-logout.active,fieldset[disabled] .btn-register.active { background-color: #50c7f9; border-color: #46c4f9 } .btn-logout .badge,.btn-register .badge { color: #50c7f9; background-color: #fff } .btn-register--mobile-nav { margin-bottom: 10px } .btn-link-primary { font-weight: bold; color: #046a38 } .btn-link-primary:hover,.btn-link-primary:focus { color: #02391e } .btn-icon-large { padding-top: 0; padding-bottom: 0; line-height: 30px } .btn-icon-large:hover,.btn-icon-large:focus { text-decoration: none } .btn-icon-large .icon { position: relative; font-size: 1.85em; bottom: -0.25em } .btn-wide { padding-left: 40px; padding-right: 40px } .btn-wrap { white-space: normal } .btn-icon-trash { color: #6ba539; padding-top: 0; padding-bottom: 0 } .btn-icon-trash:hover,.btn-icon-trash:active { color: #5f9232 } p>.btn-link { display: inline; font-family: 'Montserrat', sans-serif; padding: 0; font-size: 13px; vertical-align: initial } .alt-font { font-family: 'Montserrat',sans-serif } .alt-color,.highlight { color: #6ba539 } p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,p+.h1,p+.h2,p+.h3,p+.h4,p+.h5,p+.h6 { margin-top: 27px } .main-content>h1:first-child,.main-content>h2:first-child,.main-content>h3:first-child,.main-content>h4:first-child,.main-content>h5:first-child,.main-content>h6:first-child { margin-top: 9px } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-bottom: 16.2px } h1.underline,h2.underline,h3.underline,h4.underline,h5.underline,h6.underline,.h1.underline,.h2.underline,.h3.underline,.h4.underline,.h5.underline,.h6.underline { padding-bottom: 10px; border-bottom: 1px solid } h1,.h1 { text-transform: uppercase } h3,.h3,h5,.h5 { color: #6ba539 } .bg-primary h3,.bg-primary .h3,.bg-primary h5,.bg-primary .h5 { color: #046a38 } h4,.h4 { color: #333 } h4,.h4,h5,.h5 { font-family: 'Montserrat', sans-serif } .jumbo { font-size: 90px; display: block } @media(min-width: 768px) { .jumbo { display:inline; font-size: 120px } } .long-shadow { text-shadow: 1px 1px 1px #efefef,2px 2px 1px #efefef,3px 3px 1px #efefef,4px 4px 1px #efefef,5px 5px 1px #efefef,6px 6px 1px #efefef,7px 7px 1px #efefef,8px 8px 1px #efefef,9px 9px 1px #efefef,10px 10px 1px #efefef,11px 11px 1px #efefef,12px 12px 1px #efefef,13px 13px 1px #efefef,14px 14px 1px #efefef,15px 15px 1px #efefef,16px 16px 1px #efefef,17px 17px 1px #efefef,18px 18px 1px #efefef,19px 19px 1px #efefef,20px 20px 1px #efefef,21px 21px 1px #efefef,22px 22px 1px #efefef,23px 23px 1px #efefef,24px 24px 1px #efefef,25px 25px 1px #efefef,26px 26px 1px #efefef,27px 27px 1px #efefef,28px 28px 1px #efefef,29px 29px 1px #efefef,30px 30px 1px #efefef,31px 31px 1px #efefef,32px 32px 1px #efefef,33px 33px 1px #efefef,34px 34px 1px #efefef,35px 35px 1px #efefef,36px 36px 1px #efefef,37px 37px 1px #efefef,38px 38px 1px #efefef,39px 39px 1px #efefef,40px 40px 1px #efefef,41px 41px 1px #efefef,42px 42px 1px #efefef,43px 43px 1px #efefef,44px 44px 1px #efefef,45px 45px 1px #efefef,46px 46px 1px #efefef,47px 47px 1px #efefef,48px 48px 1px #efefef,49px 49px 1px #efefef,50px 50px 1px #efefef,51px 51px 1px #efefef,52px 52px 1px #efefef,53px 53px 1px #efefef,54px 54px 1px #efefef,55px 55px 1px #efefef,56px 56px 1px #efefef,57px 57px 1px #efefef,58px 58px 1px #efefef,59px 59px 1px #efefef,60px 60px 1px #efefef,61px 61px 1px #efefef,62px 62px 1px #efefef,63px 63px 1px #efefef,64px 64px 1px #efefef,65px 65px 1px #efefef,66px 66px 1px #efefef,67px 67px 1px #efefef,68px 68px 1px #efefef,69px 69px 1px #efefef,70px 70px 1px #efefef,71px 71px 1px #efefef,72px 72px 1px #efefef,73px 73px 1px #efefef,74px 74px 1px #efefef,75px 75px 1px #efefef,76px 76px 1px #efefef,77px 77px 1px #efefef,78px 78px 1px #efefef,79px 79px 1px #efefef,80px 80px 1px #efefef,81px 81px 1px #efefef,82px 82px 1px #efefef,83px 83px 1px #efefef,84px 84px 1px #efefef,85px 85px 1px #efefef,86px 86px 1px #efefef,87px 87px 1px #efefef,88px 88px 1px #efefef,89px 89px 1px #efefef,90px 90px 1px #efefef,91px 91px 1px #efefef,92px 92px 1px #efefef,93px 93px 1px #efefef,94px 94px 1px #efefef,95px 95px 1px #efefef,96px 96px 1px #efefef,97px 97px 1px #efefef,98px 98px 1px #efefef,99px 99px 1px #efefef,100px 100px 1px #efefef,101px 101px 1px #efefef,102px 102px 1px #efefef,103px 103px 1px #efefef,104px 104px 1px #efefef,105px 105px 1px #efefef,106px 106px 1px #efefef,107px 107px 1px #efefef,108px 108px 1px #efefef,109px 109px 1px #efefef,110px 110px 1px #efefef,111px 111px 1px #efefef,112px 112px 1px #efefef,113px 113px 1px #efefef,114px 114px 1px #efefef,115px 115px 1px #efefef,116px 116px 1px #efefef,117px 117px 1px #efefef,118px 118px 1px #efefef,119px 119px 1px #efefef,120px 120px 1px #efefef,121px 121px 1px #efefef,122px 122px 1px #efefef,123px 123px 1px #efefef,124px 124px 1px #efefef,125px 125px 1px #efefef,126px 126px 1px #efefef,127px 127px 1px #efefef,128px 128px 1px #efefef,129px 129px 1px #efefef,130px 130px 1px #efefef,131px 131px 1px #efefef,132px 132px 1px #efefef,133px 133px 1px #efefef,134px 134px 1px #efefef,135px 135px 1px #efefef,136px 136px 1px #efefef,137px 137px 1px #efefef,138px 138px 1px #efefef,139px 139px 1px #efefef,140px 140px 1px #efefef,141px 141px 1px #efefef,142px 142px 1px #efefef,143px 143px 1px #efefef,144px 144px 1px #efefef,145px 145px 1px #efefef,146px 146px 1px #efefef,147px 147px 1px #efefef,148px 148px 1px #efefef,149px 149px 1px #efefef,150px 150px 1px #efefef,151px 151px 1px #efefef,152px 152px 1px #efefef,153px 153px 1px #efefef,154px 154px 1px #efefef,155px 155px 1px #efefef,156px 156px 1px #efefef,157px 157px 1px #efefef,158px 158px 1px #efefef,159px 159px 1px #efefef,160px 160px 1px #efefef,161px 161px 1px #efefef,162px 162px 1px #efefef,163px 163px 1px #efefef,164px 164px 1px #efefef,165px 165px 1px #efefef,166px 166px 1px #efefef,167px 167px 1px #efefef,168px 168px 1px #efefef,169px 169px 1px #efefef,170px 170px 1px #efefef,171px 171px 1px #efefef,172px 172px 1px #efefef,173px 173px 1px #efefef,174px 174px 1px #efefef,175px 175px 1px #efefef,176px 176px 1px #efefef,177px 177px 1px #efefef,178px 178px 1px #efefef,179px 179px 1px #efefef,180px 180px 1px #efefef,181px 181px 1px #efefef,182px 182px 1px #efefef,183px 183px 1px #efefef,184px 184px 1px #efefef,185px 185px 1px #efefef,186px 186px 1px #efefef,187px 187px 1px #efefef,188px 188px 1px #efefef,189px 189px 1px #efefef,190px 190px 1px #efefef,191px 191px 1px #efefef,192px 192px 1px #efefef,193px 193px 1px #efefef,194px 194px 1px #efefef,195px 195px 1px #efefef,196px 196px 1px #efefef,197px 197px 1px #efefef,198px 198px 1px #efefef,199px 199px 1px #efefef,200px 200px 1px #efefef,0px 0 1px #000 } .bg-primary { color: #333; background-color: #fef2c2 } a.bg-primary:hover { background-color: #fde790 } .bg-highlight { color: #fff; background-color: #ffc72b } a.bg-highlight:hover { background-color: #f7b600 } .bg-panel { color: #333; background-color: #fdfdfd } .link-icon-left { font-weight: bold } .link-icon-left [class^="icon-"],.link-icon-left [class*=" icon-"] { color: #6ba539; display: block; margin: 0 4px 3px 1px; font-size: 24px; float: left; text-decoration: none; line-height: 18px } textarea:required:focus,input:required:focus,select:required:focus,textarea:invalid:focus,input:invalid:focus,select:invalid:focus { border-color: rgba(82,168,236,0.8)!important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)!important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)!important; color: #333 } .input-search { background-image: url('/content/dam/portal/images/forms/search.svg'); background-size: 23px 23px; background-position: 5px 5px; background-repeat: no-repeat; padding-left: 32px; padding-right: 4px } legend { border: 0; font-weight: bold; font-family: 'Montserrat',sans-serif; color: #6ba539; text-transform: uppercase; margin: 0 0 18px } legend [class^="icon-"],legend [class*=" icon-"] { font-size: 30px; position: relative; top: 5px } legend [class^="icon-"].icon-contact-info,legend [class*=" icon-"].icon-contact-info { top: 1px; font-size: 26px } .text-area-large { min-height: 120px } .required-msg { padding-top: 4px } .required-msg:before { content: ' *'; color: #f82323 } form .form-group .control-label { color: #333 } form .form-group .control-label.required:after { content: ' *'; color: #f82323 } form .control-label-large { line-height: 30px } form .radio label,form .checkbox label { font-weight: bold } form .has-feedback [class^="icon-"].form-control-feedback,form .has-feedback [class*=" icon-"].form-control-feedback { position: absolute; font-size: 24px; line-height: 32px } @media(min-width: 768px) { form .has-feedback [class^="icon-"].form-control-feedback,form .has-feedback [class*=" icon-"].form-control-feedback { right:-25px } } @media(min-width: 768px) { form .has-feedback .form-control { padding-right:12px } } form .has-feedback select.form-control { padding-right: 12px } form .has-feedback label ~ .form-control-feedback { top: 0 } @media(min-width: 768px) and (max-width:991px) { form .col-sm-7 [class^="icon-"].form-control-feedback { right:-7px } } form .input-inline { float: left; margin-right: 3px } form .input-inline .input-group-addon { padding-left: 4px; padding-right: 4px } form .form-group b { line-height: 34px; text-align: center; padding: 0 1px; font-weight: normal } @media(max-width: 768px) { form .b-est { margin-top:10px; clear: both } form .input-est { clear: both } } form label.error { color: #f82323; font-weight: normal } form .btn-cancel,form .btn-continue { float: none!important } form .btn-continue { float: right; min-width: 120px } form .btn-cancel { float: left } form .question { position: relative } form .question .delete { position: absolute; top: 0; right: -12px; color: #ccc } form .question ~ .question { border-top: 1px solid rgba(0,0,0,0.06); padding-top: 9px; margin-top: 9px } @media(min-width: 768px) { form .btn-continue { float:left; min-width: 160px } form .btn-cancel { min-width: 160px; float: right } } @media(min-width: 768px) and (max-width:1010px) { .input-dob select { width:80%!important; margin-bottom: 14px } } @media(max-width: 480px) { .input-dob select { width:80%!important; margin-bottom: 14px } } .input-ball { display: inline-block!important; height: 34px; width: 34px!important; padding: 0!important; border-radius: 50%; font-size: 15px; text-align: center } .input-ball.powerball { color: #fff; background-color: #da2929; border-color: #b11f1f } .input-ball.megamillions { color: #fff; background-color: #ffac27; border-color: #f39600 } .input-ball.lotto { color: #fff; background-color: #2d7f67; border-color: #205948 } .input-ball.cash4life { color: #fff; background-color: #2d7f67; border-color: #205948 } .input-ball.greenball { color: #fff; background-color: #6ba539; border-color: #6ba539 } .input-ball.redball { color: #fff; background-color: #e74c3c; border-color: #e74c3c } .input-ball.monopoly { background-color: transparent; border: 0; background-image: url('/content/dam/portal/images/game-logos/monopoly-tile.svg'); background-repeat: no-repeat; background-position: center; border-radius: 0; width: 32px; height: 34px; line-height: 36px; margin: -4px 0 } .date-search label.control-label { color: #6ba539; display: block; font-weight: bold; margin: 0; font-size: 10px; text-align: left } .date-search { width: auto; float: left; padding: 0; margin-right: 10px } .date-search .input-dateicon { width: 135px; cursor: pointer; background-color: #fff } .input-game-no { width: 84px!important } .has-feedback .input-game-no { padding-right: 12px } .input-snn,.input-dd,.input-mm { width: 74px!important } .has-feedback .input-snn,.has-feedback .input-dd,.has-feedback .input-mm { padding-right: 12px } .input-tel-code,.input-tel-4,.input-date,.input-apt-no { width: 95px!important } .has-feedback .input-tel-code,.has-feedback .input-tel-4,.has-feedback .input-date,.has-feedback .input-apt-no { padding-right: 12px } .input-est,.input-yyyy,.input-month,.input-prefix,.input-zip { width: 96px!important } .has-feedback .input-est,.has-feedback .input-yyyy,.has-feedback .input-month,.has-feedback .input-prefix,.has-feedback .input-zip { padding-right: 12px } .input-gender,.input-small { width: 170px!important } .has-feedback .input-gender,.has-feedback .input-small { padding-right: 12px } .input-state,.input-carrier { width: 190px!important } .has-feedback .input-state,.has-feedback .input-carrier { padding-right: 12px } .input-dateicon { background-image: url('/content/dam/portal/images/forms/input-date-icon.png'); background-image: url('/content/dam/portal/images/forms/input-date-icon.svg'); background-repeat: no-repeat; background-position: right 5px; width: 135px } .input-dateicon[readonly] { background-color: #fff; cursor: pointer } @media(min-width: 1000px) { .allow-push__outer { position:relative; float: left } } .allow-push__outer h2 { text-transform: uppercase; margin-bottom: 0 } @media(min-width: 1000px) { .allow-push__outer h2 { margin-bottom:2px; float: left } } @media(min-width: 1000px) { .allow-push__inner { position:relative; float: left; left: 20px } } .allow-push__inner label input { left: 24px; top: 7px } @media(min-width: 1000px) { .allow-push__inner label input { top:4px } } .select-all__outer { position: relative; padding-right: 70px; font-size: 12px } .select-all__inner { position: absolute; right: 0; top: -7px; width: 75px } .select-all__inner label input { top: 4px; left: 24px } .select-all-group__select-all-holder--nudge-right { right: -10px!important } .form-2 { margin: 0; padding: 0; list-style: none } .form-2 li { background-image: none!important; padding: 0 } .form-2 li ul li ul li ul { border-left: 0 } .form-2 .form-inline { display: flex } .form-2 .padding-all { padding: 15px } .form-2 .input-small { width: auto; min-width: 50px } .form-2 .form-2__small-input { max-width: 100px } .form-2 .form-row--half-marg { margin-bottom: 10px!important } .form-2 .text-use-same { margin-left: 20px } .form-2 .form-col--zip { margin-left: 20px } .form-2 .input-tel { max-width: 75px } .form-2 .icon-list img[src*='powerball'] { height: 42px!important } .form-2 .icon-list img[src*='mega'] { height: 42px!important } .form-2 .icon-list img[src*='quick-draw'] { height: 50px!important } .form-2 .icon-list img[src*='cashpop'] { height: 45px!important } .form-2 .icon-list img.cashpop { height: 42px!important } .form-2 .btn-continue,.form-2 .btn-cancel { min-width: auto } .form-2 .accordion-trigger { padding-right: 40px; color: inherit; text-decoration: none } .form-2 .accordion-trigger:hover,.form-2 .accordion-trigger:active { text-decoration: none } .form-2 .accordion-trigger label { cursor: pointer } .form-2 .accordion-trigger .caret { transform: rotate(180deg); margin-top: -2px } .form-2 .accordion-trigger.collapsed .caret { transform: rotate(0) } .form-2 .accordion-trigger--top-level { display: flex; width: 100%; flex-direction: row; align-items: center; padding: 15px; background-color: #6ba539; transition: background-color 250ms ease-in } .form-2 .accordion-trigger--top-level h3,.form-2 .accordion-trigger--top-level .caret { color: white; margin-right: 10px; transition: color 250ms ease-in } .form-2 .accordion-trigger--top-level.collapsed { background-color: transparent } .form-2 .accordion-trigger--top-level.collapsed h3 { color: #046a38 } .form-2 .accordion-trigger--top-level.collapsed .caret { color: #6ba539 } .form-2 select { background-color: white } .form-2 .btn { text-transform: uppercase } .form-2 .label-float-group { border: 1px solid #ccc; border-radius: 5px; margin-top: 0; padding-top: 15px; max-height: 50px } .form-2 .label-float-group.has-feedback { max-height: initial } .form-2 .label-float-group input:focus ~ .form-control-placeholder,.form-2 .label-float-group input.is-filled ~ .form-control-placeholder,.form-2 .label-float-group input.is-focused ~ .form-control-placeholder { transform: translate3d(0,-12px,0); font-size: 11px; opacity: 1 } .form-2 .label-float-group .form-control-placeholder { position: absolute; top: 8px; padding: 7px 0 0 10px; transition: all 200ms; opacity: .5; z-index: -1 } .form-2 .label-float-group textarea,.form-2 .label-float-group input { box-shadow: none!important; border: 0; box-sizing: border-box } .form-2 .label-float-group textarea:required:focus,.form-2 .label-float-group input:required:focus,.form-2 .label-float-group textarea:invalid:focus,.form-2 .label-float-group input:invalid:focus { border-color: transparent!important; outline: 0; box-shadow: none!important; color: #333 } .form-2 .form-control { background-color: transparent; z-index: 200 } .form-2 .form-group { margin: 0; position: relative; z-index: 100; flex-grow: 1 } .form-2 .form-group.has-error,.form-2 .form-group.has-success { border-width: 1px; border-style: solid; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .form-2 .form-group.has-success { border-color: #3c763d } .form-2 .form-group.has-error { border-color: #aa0808 } .form-2 .form-group .icon-error,.form-2 .form-group .icon-success { right: 0!important; line-height: normal; width: 30px; height: 30px; top: 10px; display: flex; align-items: center; justify-content: center } .form-2 .form-group .icon-error { color: #aa0808 } .form-2 .form-group .error,.form-2 .form-group .success { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: block; color: white; padding-left: 10px; margin-left: -1px; margin-right: -1px; box-sizing: content-box; margin-bottom: 0 } .form-2 .form-group .error { background-color: #aa0808 } .form-2 .form-group .success { background-color: #3c763d } .form-2 .select-all-group__group-trigger { display: none } .form-2 .checkbox input[type="checkbox"] { margin-left: 0 } .form-2 .checkbox-label { margin-left: 10px } .form-2 .form-group--btn { margin: 10px 0 30px 0!important; justify-content: center!important } .form-2 .btn-continue { margin-top: 0 } .form-2 .btn-disabled { border-color: #dedede!important; background-color: #dedede!important; min-width: 160px } .form-2 .input-zip { width: 100%!important } .form-2 input[type="radio"],.form-2 input[type="checkbox"] { margin-top: 0!important } .form-2 .caret { color: #6ba539 } .form-2 .form-group--checkbox { display: flex } .form-2 .form-group--checkbox input { margin-right: 15px; min-height: auto; padding-top: 0 } .form-2 .form-group--checkbox label { width: auto; flex-grow: 1; font-size: 13px; text-transform: uppercase } .form-2 .social-links a.downloadapple { height: 42px; margin-bottom: 8px; display: inline-block } .form-2 .social-links a.downloadandroid { height: 42px; margin-bottom: 8px; display: inline-block; background-position: 0 -40px } .form-2 .form-row { display: flex; justify-content: flex-start; margin: 0 0 25px 0 } .form-2 .form-group--no-grow { flex-grow: 0!important } .form-2 .input-zip { max-width: 100px } .form-2 .mobile-num-group { display: block; justify-content: flex-start } .form-2 .mobile-num-group label { font-size: 14px } .form-2 .form-group--btn .btn-cancel { margin-top: 0 } .form-2 .form-group--btn .btn:nth-child(2),.form-2 .form-group--btn .btn:nth-child(4) { margin-left: 20px } .tooltip-icon { width: 0; overflow: hidden; padding-left: 30px; margin-left: 10px; height: 30px; background-image: url('/content/dam/portal/images/icons/icon-info.svg'); background-size: contain; background-repeat: no-repeat } .form-2--login { max-width: 300px } .form-col-group { display: flex; align-items: normal!important; flex-direction: column!important } @media(min-width: 500px) { .form-col-group { flex-direction:row!important } } .form-col-splitter { flex-grow: 0; position: relative; border-top: solid 1px #b4b4b4 } @media(min-width: 500px) { .form-col-splitter { border-left:solid 1px #b4b4b4; border-top: 0; margin-left: 50px; margin-right: 50px } } .form-col-splitter__icon { width: 40px; height: 40px; top: 50%; margin-top: -20px; left: 50%; margin-left: -19px; color: white; background: #046a38; border-radius: 50%; position: absolute; display: flex; justify-content: center; align-items: center; border: solid 5px white; line-height: normal } .form-col__splitter-hor { position: relative } .form-col__splitter-hor span { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 30px; height: 30px; margin: 20px 5px; color: white; background-color: #046a38; font-size: 12px; font-weight: bold; text-transform: uppercase } .form-col { flex-grow: 1 } .form-row--no-grow { flex-grow: 0 } .form-row--no-grow .form-col { flex-grow: 0 } .form-col--lrg { width: 50%; flex-grow: 0; padding: 5px } .form-col--sm { width: 80px; flex-grow: 0; padding: 5px } .form-col__header { font-size: 14px; margin-top: 0; text-transform: uppercase } .margin-t { margin-top: 20px!important } .margin-b { margin-bottom: 20px!important } .margin-l { margin-left: 10px!important } .margin-r { margin-right: 10px!important } .border-bot { border-bottom: solid 1px #b4b4b4 } @media(min-width: 500px) { .form-col-group--split .form-col { max-width:50%; width: 50% } } @media(min-width: 500px) { .form-col-group--side-l .form-col { flex-grow:1 } .form-col-group--side-l .form-col--side-l { flex-grow: 0; max-width: 250px; margin-right: 40px } } .form-col-group--side-l .form-col-splitter { margin: 0 20px!important } .hours-grid { border-color: rgba(0,0,0,0.1); border-width: 1px 0 0 1px; border-style: solid; border-radius: 5px; width: 100% } .hours-grid .form-control { font-size: 12px } .hours-grid__row { display: flex; border-bottom: solid 1px rgba(0,0,0,0.1) } .hours-grid__row:nth-child(even) { background-color: rgba(0,0,0,0.05) } .hours-grid__row-title { width: 85px; font-weight: bold; padding: 2px 5px; display: flex; align-items: center; border-right: solid 1px rgba(0,0,0,0.1); font-size: 12px } .hours-grid__col { flex-grow: 1; padding: 2px 5px; width: 85px; border-right: solid 1px rgba(0,0,0,0.1); text-align: center } .hours-grid__col:nth-child(even) { background-color: rgba(0,0,0,0.03) } .hours-grid__col-title { font-weight: bold } .hours-grid__col--sm { width: 50px; text-align: center; display: flex; justify-content: center; align-items: center; flex-grow: 0 } .form-row--no-flex { display: block!important } .form-row--yes-no { display: flex; justify-content: center!important; align-items: center; padding-top: 15px!important; padding-right: 20px } .form-row--yes-no .btn { margin-top: 0 } .form-row__header { text-transform: uppercase; margin: 0 20px 0 0; font-size: 16px } .radio-group { margin-right: 20px } .form-2--sm .select-group { position: relative; top: -6px } .form-2--sm .form-row { margin-bottom: 15px; width: 100% } .form-2--sm .control-label { font-size: 12px } .form-2--sm .form-control { font-size: 12px } .form-2--sm .label-float-group .form-control-placeholder { top: 6px } .form-2--sm .label-float-group input:focus ~ .form-control-placeholder,.form-2--sm .label-float-group input.is-filled ~ .form-control-placeholder { transform: translate3d(0,-12px,0); font-size: 11px; opacity: 1 } .form-2--sm .label-float-group input[type="text"] { padding-top: 0; max-height: 25px } .form-2--sm .form-control-placeholder { position: absolute; top: 4px; padding: 7px 0 0 10px; transition: all 200ms; opacity: .5; z-index: -1 } .form-2--sm .form-control:focus+.form-control-placeholder,.form-2--sm .form-control:valid+.form-control-placeholder { font-size: 75%; transform: translate3d(0,-7px,0); opacity: 1 } .form-2--sm .input-state { width: auto!important } .form-row--2-options { display: flex; justify-content: space-evenly; text-align: center; max-width: 500px; margin: 0 auto } .form-row--2-options .show-selected { flex-grow: 1; text-align: center } .form-row--2-options .form-col__splitter-hor { flex-grow: 0 } .form-row--2-options .form-col__splitter-hor span { display: inline-flex; justify-content: center; align-items: center; height: 30px; background-color: red; font-size: 14px; font-weight: bold; text-transform: uppercase } .form-col--yes-no,.form-col--middle-align { display: flex; justify-content: center; align-items: center; flex-direction: column; max-width: 500px } .form-col--yes-no .form-col__header,.form-col--middle-align .form-col__header { text-align: center } .form-col--yes-no .form-row,.form-col--middle-align .form-row { padding-right: 0!important; padding-left: 0!important } .form-col--yes-no .btn-cancel,.form-col--middle-align .btn-cancel { margin-top: 0 } .form-col--yes-no .show-selected,.form-col--middle-align .show-selected { text-align: center } #bizType,#bizNum { display: none } .show-selected label { margin-bottom: 0 } .content-holder-1 { border-bottom: solid 1px rgba(0,0,0,0.2); border-radius: 5px; overflow: hidden; min-width: 180px } .content-holder-1 .info-row { padding: 5px 10px; border-left: solid 1px rgba(0,0,0,0.2); border-right: solid 1px rgba(0,0,0,0.2) } .content-holder-1 .info-row strong { color: #046a38; font-size: 11px; line-height: 1.2 } .content-holder-1 .info-row-header { font-weight: bold; color: white; background-color: #046a38; border-color: #046a38; text-align: center; min-width: 175px } @media(min-width: 500px) { .margin-col-right { padding-right:40px } } @media(min-width: 500px) { .padding-col-left { padding-left:40px } } .form-col-group--owners { flex-wrap: wrap } @media(min-width: 500px) { .form-col-group--owners { padding-right:0 } } .form-col-group--owners .form-col { min-width: 33.333%; padding-bottom: 20px; flex-grow: 1 } @media(min-width: 500px) { .form-col-group--owners .form-col { padding-right:20px } } @media(max-width: 499px) { .form-2__make-full { width:100% } .form-col-group--yes-no .form-col--sm { width: 50% } } .form-row--split-group .form-group:nth-child(1) { margin-right: 20px } .form-row--border-bot { border-bottom: solid 1px rgba(0,0,0,0.1) } .form-row--has-tooltip { align-items: center } .no-grow { flex-grow: 0!important } .icon-list input { margin-bottom: 5px } .icon-list li:not(.select-all-group__select-all-holder) { display: inline-flex!important; align-items: center; margin-right: 3px; margin-bottom: 5px; flex-direction: column; border: solid 1px rgba(0,0,0,0.1); border-radius: 5px; padding: 10px; width: 23%; min-width: 90px; height: 80px } .icon-list li:not(.select-all-group__select-all-holder) img { width: auto; height: 32px; max-width: 100% } .message-preference__push-notifications { position: relative } .message-preference__push-notifications li,.message-preference__push-notifications #accordionPushNotifications .accordion-trigger { color: #7c7c7c!important } .message-preference__push-notifications .panel-collapse { background-color: #dcdcdc; position: relative } .message-preference__push-notifications .panel-collapse::after { position: absolute; width: 250px; height: 150px; padding: 0 10px; color: white; background-color: #393939; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 15px; left: 50%; top: 50%; margin-top: -75px; margin-left: -135px; content: 'To update Push Notification preferences please sign in using the NJ Lottery mobile app.' } .message-preference__push-notifications .panel-collapse .accordion-trigger,.message-preference__push-notifications .panel-collapse li,.message-preference__push-notifications .panel-collapse .caret { color: #dcdcdc } .message-preference__push-notifications .accordion-trigger--top-level h3 { color: #dcdcdc } .message-preference__push-notifications .accordion-trigger--top-level.collapsed h3 { color: #7c7c7c } .message-preference__push-notifications .accordion-trigger--top-level.collapsed .caret { color: #7c7c7c!important } .message-preference__push-notifications .accordion-trigger--top-level { background-color: #7c7c7c; color: #7c7c7c } .select-all-group__section { display: block!important } .form-row--phone-inputs { align-items: center; margin-bottom: 10px!important } @media screen and (max-width: 768px) { .form-row--phone-inputs { flex-direction:column; align-items: flex-start } .form-row--phone-inputs .form-col:nth-child(2) { margin: 10px 0 } } .form-row--phone-inputs .text-use-same { margin-left: 10px } @media screen and (max-width: 1000px) { .hours-grid__hide-sm { display:none } .hours-grid__row-title { width: 50px } .hours-grid { font-size: .8em } .hours-grid .form-control { padding: 3px } } @media screen and (max-width: 768px) { .select-all-group__section .panel-collapse { padding-right:0!important } .select-all-group__select-all-holder { text-align: right; margin-bottom: 0!important } .text-use-same { margin-left: 0!important } .form-grid__col { width: 100%; margin-bottom: 15px } .form-grid__row { flex-direction: column } .form-col--yes-no,.form-col__header { margin-top: 20px } .registration-form { padding-right: 0!important } .form-row--full-col-mob { flex-direction: column } .form-row--full-col-mob .form-col { min-width: 100%!important } .form-row--full-col-mob .form-col:nth-child(odd) { margin-bottom: 20px } .form-col--zip { margin-left: 0!important } } .form-2__flex-fill,.flex-grid { display: flex; justify-content: space-evenly } .form-2__flex-fill .form-col,.flex-grid .form-col { border-right: solid 5px transparent } .flex-grid__flex { display: flex } .flex-grid__v-center { display: flex; align-items: center; justify-content: center; flex-direction: column } .flex-grid__row { display: flex; flex-direction: row; min-width: 100%; margin-bottom: 15px } .flex-grid__row--has-tooltip { align-items: center; flex-direction: row!important } [class^="flex-grid__col--"] { border-left: solid 15px transparent } [class^="flex-grid__col--"]:nth-child(1) { margin-left: -15px } .flex-grid__col--0 { flex-grow: 0; min-width: 60px } .flex-grid__col--1 { flex-grow: 1 } .flex-grid__col--2 { flex-grow: 2 } @media screen and (max-width: 768px) { .select-group { top:0 } .flex-grid__make-full { min-width: 100%; width: 100% } .flex-grid__make-full .select-group { width: 100%; text-align: left } .flex-grid__make-full .select-group select { width: 100%!important } .flex-grid__make-full.flex-grid__row { flex-direction: column; margin-left: 0 } .flex-grid__make-full[class^="flex-grid__col--"] { margin-bottom: 15px; border: 0!important } .flex-grid__make-full[class^="flex-grid__col--"]:last-child { margin-bottom: 0 } .flex-grid__make-full[class^="flex-grid__col--"]:nth-child(1) { margin-left: 0 } } .show-selected { width: 100%; text-align: center } .show-selected label { margin-bottom: 10px } .show-selected__mask { display: flex; justify-content: center } .color-green-dark { color: #046a38 } .register-sub-text { font-size: 14px } .license-renewal-form .info-row { min-height: 71px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column } @media screen and (max-width: 768px) { .license-renewal-form .info-row { min-height:auto } } .license-renewal-form .info-row-header { height: 40px; padding-left: 10px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column } @media screen and (max-width: 768px) { .license-renewal-form .info-row-header { height:auto } } .license-renewal-form .info-row br { display: none } .license-renewal-form .flex-grid__row { min-height: 50px; margin-bottom: 20px } @media screen and (max-width: 768px) { .license-renewal-form .flex-grid__row { min-height:auto } } .license-renewal-form__top-margin { margin-top: 18px } @media screen and (max-width: 768px) { .license-renewal-form__top-margin { margin-top:10px } } .license-renewal-form__top-margin--double { margin-top: 100px } @media screen and (max-width: 768px) { .license-renewal-form__top-margin--double { margin-top:10px } } @media print { .form-2 .hours-grid { display: table } .form-2 .hours-grid__col { display: table-column } .form-2 .hours-grid__row { display: table-row } .form-2 .form-row,.form-2 .form-col,.form-2 .hours-grid__row,.form-2 .hours-grid__col,.form-2 .hours-grid__title { display: block!important } .form-2 .form-row,.form-2 .hours-grid__row { clear: both } .form-2 .form-row:before,.form-2 .hours-grid__row:before,.form-2 .form-row:after,.form-2 .hours-grid__row:after { content: " "; display: table } .form-2 .form-row:after,.form-2 .hours-grid__row:after { clear: both } .form-2 .form-col { width: 50%; float: left } .form-2 .hours-grid__col,.form-2 .hours-grid__row-title { float: left; width: 33.33% } .form-2 .hours-grid__row-title { content: ' ' } } .nav-tabs>li { background: #f8f8f8 } .nav-tabs>li>a { border: 1px solid #dfdfdf; color: #717171; font-size: 17px; text-transform: uppercase } @media(min-width: 992px) { .nav-tabs>li>a { min-height:0 } } .nav-tabs>li>a:hover { border-color: #dfdfdf #dfdfdf #fff; border-bottom: 1px solid #dfdfdf } .nav-tabs>li.open>a,.nav-tabs>li.active>a,.nav-tabs>li.open>a:hover,.nav-tabs>li.active>a:hover,.nav-tabs>li.open>a:focus,.nav-tabs>li.active>a:focus { color: #046a38; background-color: #fff; border: 1px solid #dfdfdf; border-bottom-color: transparent; cursor: default } .main-content.tab-content,.main-content .tab-content { border-radius: 0 0 2px 2px; overflow: hidden } .tab-content .main-content { padding-top: 20px; margin-bottom: 0 } .nav-tabs>li { border-radius: 0 } .nav-tabs>li:first-child,.nav-tabs>li:first-child a { border-radius: 2px 0 0 0 } .nav-tabs>li:last-child,.nav-tabs>li:last-child a { border-radius: 0 2px 0 0 } .nav-tabs.nav-justified { clear: both } .android .nav-tabs.nav-justified>li { display: block; float: left; width: auto; margin-bottom: -1px } .android .nav-tabs.nav-justified>li>a { padding-left: 8px; padding-right: 8px } @media(min-width: 480px) { .nav-tabs.nav-justified>li { display:table-cell; margin-bottom: 0; border: 1px solid #dfdfdf; vertical-align: middle; width: 1% } .nav-tabs.nav-justified>li>a { padding-left: 4px; padding-right: 4px; padding-bottom: 8px; margin-bottom: 0; text-transform: uppercase; line-height: 1.2em; border: 0; text-align: center } .nav-tabs.nav-justified>li.active { border-bottom: 2px solid #fff; background: #fff } .text-content .nav-tabs { margin: 0; padding: 0 } .text-content .nav-tabs>li.active { border: 1px solid #dfdfdf; border-bottom-color: #fff; background: #fff } .text-content .nav-tabs>li.active,.text-content .nav-tabs>li.active:hover,.text-content .nav-tabs>li.active:focus { border: 1px solid #dfdfdf; border-bottom-color: #fff } .main-content.tab-content,.main-content .tab-content { border: 1px solid #dfdfdf; border-top: 0 } } .no-collapse.tab-content { border: 1px solid #dfdfdf; border-top: 0 } .nav-tabs.nav-justified.no-collapse>li { display: table-cell; width: 1%; margin-bottom: 0 } .nav-tabs.nav-justified.no-collapse>li.active { border: 1px solid #dfdfdf; border-bottom-color: #fff; background: #fff } .nav-tabs.nav-justified.no-collapse>li.active,.nav-tabs.nav-justified.no-collapse>li.active:hover,.nav-tabs.nav-justified.no-collapse>li.active:focus { border: 1px solid #dfdfdf; border-bottom-color: #fff } .nav-tabs.nav-justified.no-collapse>li>a { margin-bottom: 0; text-transform: uppercase } @media(max-width: 1050px) { .nav-tabs.nav-justified>li>a { line-height:12px; font-size: 12px } } @media(max-width: 1050px) { .nav-tabs.nav-justified>li>a { line-height:12px; font-size: 12px; min-height: 46px } } @media(max-width: 480px) { .tabs-dropdown { display:block } .nav-tabs.has-dropdown { display: none } .nav-tabs.nav-tab-colapse-xs>li a { border-radius: 0; margin-bottom: 0; border-color: #dfdfdf } } p.panel-title { font-weight: bold; font-size: 13px; text-transform: uppercase } p.panel-title a { display: block } p.panel-title a:hover,p.panel-title a:active,p.panel-title a:focus { text-decoration: none!important } .panel-default .panel-default { background: #fff } @media(max-width: 768px) { .panel-default .panel-default { margin:-7.5px -7.5px 0 } .accordion .panel-default .panel-default { margin-top: 0; margin-bottom: 5px } .panel-default .panel-default .panel-body { padding: 7.5px } } .panel-heading>h3 { margin: 0 } .panel-info { background: #fff } .panel-info .panel-heading { border: 4px solid #fff } .panel { -webkit-box-shadow: none; box-shadow: none } .panel-body>.underline:first-child,.panel-body>h3:first-child,.panel-body>h2:first-child,.panel-body>div>h2:first-child,.panel-body>div>h3:first-child,.panel-body>.h3:first-child,.panel-body>.h2:first-child,.panel-body>div>.h2:first-child,.panel-body>div>.h3:first-child { margin-top: 5px } .text-content ul:not(.nav,.footer-main),[role="main"] ul:not(.nav,.footer-main) { margin-bottom: 18px; padding: 0; list-style: none } .text-content ul:not(.nav,.footer-main).list-default li,[role="main"] ul:not(.nav,.footer-main).list-default li { background-image: url('/content/dam/portal/images/njbullet.png'); background-image: url('/content/dam/portal/images/njbullet.svg'); padding-left: 20px; background-size: 11px 11px; background-repeat: no-repeat; background-position: 3px 3px } .text-content ul:not(.nav,.footer-main).list-primary li,[role="main"] ul:not(.nav,.footer-main).list-primary li { background-image: url('/content/dam/portal/images/njbulletDarkGreen.svg') } .text-content ul:not(.nav,.footer-main).list-secondary li,[role="main"] ul:not(.nav,.footer-main).list-secondary li { background-image: url('/content/dam/portal/images/njbulletYellow.svg') } .text-content .nav-tabs li,.text-content .pagination li { background-image: none; padding: 0; margin: 0 } .number-list-item { padding: 0; list-style: none; margin-top: 18px; background-image: none } .number-list-item li { margin-bottom: 9px; padding-left: 20px } .number-list-item li .number { text-align: center; color: #fff; font-size: 11px; line-height: 17px; vertical-align: top; border-radius: 50%; width: 17px; height: 17px; display: inline-block; margin-right: 5px; margin-top: 1px; margin-left: -20px; background-color: #046a38 } .cash5.number-list-item li .number { background-color: #93498f } .pick3.number-list-item li .number { background-color: #00b159 } .pick4.number-list-item li .number { background-color: #d42127 } .pick6.number-list-item li .number { background-color: #007ac2 } .cash4life.number-list-item li .number { background-color: #2d7f67 } .powerball.number-list-item li .number { background-color: #015f29 } .quick-draw.number-list-item li .number { background-color: #0061aa } .megamillions.number-list-item li .number { background-color: #005399 } .modal-header { border-bottom-width: 4px } .modal .close { position: absolute; top: 6px; right: 5px; opacity: .8; z-index: 9 } .modal .close:hover,.modal .close:active { opacity: 1 } .msg-modal-icon,.msg-large-icon { text-align: center; font-size: 120px; line-height: 120px; padding-top: 20px; color: #ffd100 } .msg-modal-icon .icon-success,.msg-large-icon .icon-success { color: #6ba539 } @media(max-width: 660px) { .msg-modal-icon,.msg-large-icon { font-size:90px; line-height: 96px; padding-top: 10px } } .modal-footer .form-group { overflow: hidden; margin-bottom: 5px } .modal-footer .form-group .btn { margin-top: 5px } .msg-modal-title { text-transform: uppercase; text-align: center } .msg-modal-btn { min-width: 180px; margin-bottom: 5px!important } .modal-body-scroll { overflow-y: scroll; border-bottom: 4px solid #fbfbfb } .login-modal .img-regstration { max-width: 160px; margin-bottom: -14px } .login-modal .register-now { text-align: center; padding: 25px 0 } .login-modal .register-now h2,.login-modal .register-now p { margin-left: 20px; margin-right: 20px } .login-modal .register-now h2 { color: #6ba539 } .login-modal .btn { width: 200px } .login-modal h2 { margin-top: 0 } .login-modal form { margin: 25px auto; width: 200px; position: relative } .login-modal .nj-icon { position: absolute; top: 0; left: -40px; width: 28px } @media(min-width: 480px) { .login-modal .nj-icon { width:38px; left: -50px } } .login-modal .forgot-password { display: block; clear: both } @media(min-width: 768px) { .login-modal .modal-dialog { width:680px } .login-modal .modal-content { overflow: hidden; display: table-row } .login-modal .col-sm-6 { padding: 0; display: table-cell; vertical-align: middle; float: none } } .qualified-for-promotion { color: #fad200; font-size: 16px; text-align: center } .snap-drawer { background-color: #046a38; display: none } .snap-drawer .nav { margin: 0; border-bottom: 1px solid rgba(0,0,0,0.05); border-top: 1px solid rgba(255,255,255,0.15) } .snap-drawer .nav a { color: #046a38; text-transform: uppercase } .snap-drawer .nav .dropdown-menu { border: 0; border-radius: 0; padding: 0; margin: 0; margin-bottom: 1px; position: relative; width: 100%; max-height: 0; display: block; overflow: hidden } .snap-drawer .nav .dropdown-menu a { color: #fff } .snap-drawer .nav .dropdown-menu .nav { border: 0 } .snap-drawer .nav .dropdown-menu .slideout-menu .caret,.snap-drawer .nav .dropdown-menu .slideout-menu>.dropdown-menu { display: none } .snap-drawer .nav .dropdown-menu a { font-size: 14px; background-color: #6ba539 } .snap-drawer .nav .dropdown-menu a:hover,.snap-drawer .nav .dropdown-menu a:active { background-color: #046a38; color: #fff } .snap-drawer .nav .dropdown { clear: both } .snap-drawer .nav .dropdown:before,.snap-drawer .nav .dropdown:after { content: " "; display: table } .snap-drawer .nav .dropdown:after { clear: both } .snap-drawer .nav .dropdown.open .dropdown-menu { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; height: auto; max-height: 510px; background-color: #6ba539 } .snap-drawer .nav>li>a { border-top: 1px solid rgba(0,0,0,0.05)!important; border-bottom: 1px solid rgba(255,255,255,0.15)!important; background-color: #046a38; border-radius: 0; font-size: 16px; color: white } .snap-drawer .nav>li>a:hover,.snap-drawer .nav>li>a:active { background-color: #6ba539; color: #fff } .snap-drawer .nav>li>a:focus { outline: 0 } .snap-drawer .nav>li>a .caret { float: right; margin-top: 10px; display: inline-block; border-top-color: white } .snap-drawer .nav .open>a.dropdown-toggle { background-color: #6ba539; color: #fff } .snap-drawer .nav .open>a.dropdown-toggle .caret { border-top: 4px transparent; border-bottom: 4px solid #fff } .snap-drawer { width: 266px } @media print { .snap-drawer { display: none } } .snap-drawer-left .nj-logo { width: 120px; margin: 10px 10px 20px } .snap-drawer-left .strapline { padding: 30px 30px 5px 20px; color: #fff } .snap-drawer-left .strapline span { color: #046a38 } .snapjs-right,.snapjs-left { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden } .snapjs-right .snap-drawer-right,.snapjs-left .snap-drawer-left { display: block } .snap-drawer-right { background: #89d9fb } .lotto-numbers+.lotto-numbers { margin-top: 5px } .lotto-numbers>span { display: inline-block; text-align: center; width: 30px } .pick6.lotto-numbers>span,.table-odds-and-prizes-pick6 .lotto-numbers>span { width: 26px; padding-top: 2px } .lotto-numbers>span .not-available { line-height: 22px } .lotto-numbers>span>i { margin: 0 auto; display: block; font-size: 14px; width: 28px; height: 28px; line-height: 27px; font-weight: bold; border-radius: 50%; color: #333; text-align: center; font-style: normal; background-color: #fff; border: 1px solid #333 } .pick6.lotto-numbers>span>i,.table-odds-and-prizes-pick6.lotto-numbers>span>i,.cash5.lotto-numbers>span>i,.table-odds-and-prizes-cash5.lotto-numbers>span>i { font-size: 12.5px; width: 26px; height: 26px; line-height: 25px } .lotto-numbers>span>i.pick6 { color: #fff; background-color: #007ac2; border-color: #fcd116; position: relative } .lotto-numbers>span>i.pick6:before { content: 'x' } .lotto-numbers>span>i.pick6:after { position: absolute; top: -6px; right: 0; width: 26px; height: 13px; content: ' '; background-image: url("/content/dam/portal/images/game-logos/xtra.png"); background-repeat: no-repeat } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .lotto-numbers>span>i.pick6:after { background-image:url("/content/dam/portal/images/game-logos/xtra@2X.png"); background-size: 26px 13px } } .lotto-numbers>span>i.cash5 { color: #fff; position: relative; background-color: #da2929; } .lotto-numbers-list>span>i.cash5 { text-align: center; border-radius: 50%; background-color: #da2929; color: #fff; border: 3px solid #da2929; } .lotto-numbers>span>i.powerball { color: #fff; background-color: #da2929; border-color: #fcd116 } .lotto-numbers>span>i.megamillions { color: #fff; background-color: #075EDB; border-color: #075EDB } .lotto-numbers>span>i.lotto { color: #fff; background-color: #2d7f67; border-color: #fcd116 } .lotto-numbers>span>i.cash4life { color: #fff; background-color: #2d7f67; border-color: #fcd116 } .lotto-numbers>span>i.greenball { color: #fff; background-color: #6ba539; border-color: #fcd116 } .lotto-numbers>span>i.redball { color: #fff; background-color: #e74c3c; border-color: #fcd116 } .lotto-numbers>span>i.fireball { height: 33px; padding-top: 9px; border: 0; color: #fff; background-color: transparent; border-radius: 0; background: url('/content/dam/portal/images/game-logos/fireball.png') no-repeat; background-size: cover; margin-top: -6px; margin-left: 2px } .lotto-numbers>span>i.quick-draw { color: #fff; background-color: #ffac27; border-color: #fcd116 } .lotto-numbers i[class^="monopoly-"],.lotto-numbers-list i[class^="monopoly-"] { background-color: transparent; border: 0; background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-23.svg'); background-repeat: no-repeat; background-position: center; border-radius: 0; width: 30px; height: 32px; line-height: 36px; position: relative; top: 2px; margin: -10px 0 } .lotto-numbers i.monopoly-03,.lotto-numbers-list i.monopoly-03,.lotto-numbers i.monopoly-08,.lotto-numbers-list i.monopoly-08,.lotto-numbers i.monopoly-11,.lotto-numbers-list i.monopoly-11,.lotto-numbers i.monopoly-18,.lotto-numbers-list i.monopoly-18,.lotto-numbers i.monopoly-21,.lotto-numbers-list i.monopoly-21,.lotto-numbers i.monopoly-26,.lotto-numbers-list i.monopoly-26 { line-height: 46px; top: 6px } .lotto-numbers i.monopoly-01,.lotto-numbers-list i.monopoly-01,.lotto-numbers i.monopoly-02,.lotto-numbers-list i.monopoly-02 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-01.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-01.svg') } .lotto-numbers i.monopoly-03,.lotto-numbers-list i.monopoly-03,.lotto-numbers i.monopoly-11,.lotto-numbers-list i.monopoly-11,.lotto-numbers i.monopoly-18,.lotto-numbers-list i.monopoly-18,.lotto-numbers i.monopoly-26,.lotto-numbers-list i.monopoly-26 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-03.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-03.svg') } .lotto-numbers i.monopoly-04,.lotto-numbers-list i.monopoly-04,.lotto-numbers i.monopoly-05,.lotto-numbers-list i.monopoly-05,.lotto-numbers i.monopoly-06,.lotto-numbers-list i.monopoly-06 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-04.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-04.svg') } .lotto-numbers i.monopoly-08,.lotto-numbers-list i.monopoly-08 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-08.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-08.svg') } .lotto-numbers i.monopoly-07,.lotto-numbers-list i.monopoly-07,.lotto-numbers i.monopoly-09,.lotto-numbers-list i.monopoly-09,.lotto-numbers i.monopoly-10,.lotto-numbers-list i.monopoly-10 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-07.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-07.svg') } .lotto-numbers i.monopoly-12,.lotto-numbers-list i.monopoly-12,.lotto-numbers i.monopoly-13,.lotto-numbers-list i.monopoly-13,.lotto-numbers i.monopoly-14,.lotto-numbers-list i.monopoly-14 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-12.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-12.svg') } .lotto-numbers i.monopoly-15,.lotto-numbers-list i.monopoly-15,.lotto-numbers i.monopoly-16,.lotto-numbers-list i.monopoly-16,.lotto-numbers i.monopoly-17,.lotto-numbers-list i.monopoly-17 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-15.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-15.svg') } .lotto-numbers i.monopoly-19,.lotto-numbers-list i.monopoly-19,.lotto-numbers i.monopoly-20,.lotto-numbers-list i.monopoly-20,.lotto-numbers i.monopoly-22,.lotto-numbers-list i.monopoly-22 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-19.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-19.svg') } .lotto-numbers i.monopoly-21,.lotto-numbers-list i.monopoly-21 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-21.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-21.svg') } .lotto-numbers i.monopoly-23,.lotto-numbers-list i.monopoly-23,.lotto-numbers i.monopoly-24,.lotto-numbers-list i.monopoly-24,.lotto-numbers i.monopoly-25,.lotto-numbers-list i.monopoly-25 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-23.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-23.svg') } .lotto-numbers i.monopoly-27,.lotto-numbers-list i.monopoly-27,.lotto-numbers i.monopoly-28,.lotto-numbers-list i.monopoly-28 { background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-27.png'); background-image: url('/content/dam/portal/images/draw-games/monopoly-tile-27.svg') } .lotto-numbers-list>span i { font-style: normal; font-weight: bold } .lotto-numbers-list>span i.powerball { color: #da2929 } .lotto-numbers-list>span i.megamillions { color: #075EDB } .lotto-numbers-list>span i.lotto { color: #2d7f67 } .lotto-numbers-list>span i.cash4life { color: #2d7f67 } .lotto-numbers-list>span i.millionaire4life { color: #05773d } .lotto-numbers-list>span i.redball { color: #e74c3c } .lotto-numbers-list>span i.greenball { color: #6ba539 } .lotto-numbers-list>span i.matched { text-decoration: underline; font-size: 1.1em } .lotto-numbers-list>span i[class^="monopoly-"] { display: inline-block; height: 24px; width: 22px; text-align: center; position: relative; top: 3px; line-height: 32px } .lotto-numbers-list>span i[class^="monopoly-"].monopoly-03,.lotto-numbers-list>span i[class^="monopoly-"].monopoly-08,.lotto-numbers-list>span i[class^="monopoly-"].monopoly-11,.lotto-numbers-list>span i[class^="monopoly-"].monopoly-18,.lotto-numbers-list>span i[class^="monopoly-"].monopoly-21,.lotto-numbers-list>span i[class^="monopoly-"].monopoly-26 { line-height: 35px } .fireball-combo-group { display: inline-block } .fireball-combo-group i { font-weight: bold; padding-right: 3px } .fireball { height: 33px!important; width: 47px!important; padding-top: 6px!important; margin-left: -3px!important; margin-top: -5px!important; padding-left: 10px!important; border: 0; color: #c52730!important; background-color: transparent; text-align: left!important; margin-left: 0!important } .lastest-draw-info .fireball { width: 54px!important; height: 37px!important } .lotto-numbers-list .fireball { color: white; background: url('/content/dam/portal/images/game-logos/fireball.png') no-repeat; background-size: cover; height: 20px!important; width: 28px!important; padding-top: 2px!important; margin-left: 0!important; margin-top: -5px!important; padding-left: 4px!important; display: inline-block; text-align: left } .lotto-numbers-list .pick-game { font-weight: bold; letter-spacing: 4px; white-space: normal } .lotto-numbers--cash-pop span { position: relative } .lotto-numbers--cash-pop span i { border-width: 3px; line-height: 22px } .lotto-numbers--cash-pop span::before { position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px; content: ''; display: block; border: solid 1px black; border-radius: 50% } .game-tile { background: #fff; overflow: hidden; border-radius: 2.5px; margin-bottom: 10px; position: relative; min-height: 304px } @media(min-width: 992px) { .game-tile { margin-bottom:20px } } .game-tile .game-image { margin-top: 7.5px; margin-bottom: 7.5px } .game-tile .game-image img { height: 70px } .game-tile .game-jackpot { clear: both } .game-tile .game-jackpot:before,.game-tile .game-jackpot:after { content: " "; display: table } .game-tile .game-jackpot:after { clear: both } .game-tile .game-info { font-family: 'Montserrat',sans-serif; background: #fef2c2; overflow: hidden; padding: 14px 3px 2px; text-align: center; color: #046a38; min-height: 118px; display: flex; flex-flow: column; align-items: center; justify-content: center; } .game-tile-cash4life .game-info { display: block !important; } .game-tile .game-info h5 { color: #222; white-space: nowrap; font-size: 11px } .game-tile .game-info .jackpot-amount { font-size: 31px; line-height: 30px; margin-top: 3px; margin-bottom: 3px } .game-tile .game-info .jackpot-amount.thousand { font-size: 25px; margin-top: 9px; line-height: 24px } .quickdraw-jackpot-amount{ font-size: 31px; line-height: 30px; } @media (min-width: 768px){ .quickdraw-btn{ max-width: 210px !important; } } .banner-double-bullseye{ color: white!important; background-color: #75c52f!important; border-color: white!important; } .text-white{ color: #ffffff; } .double-bullsye-odds{ border-bottom: none!important; text-align: center; } .game-tile .whiteball-promo { text-transform: uppercase; font-size: 17px; font-weight: bold; line-height: 20px; padding-top: 14px; display: inline-block; margin: auto; min-width: 220px; padding-bottom: 2px } .game-tile .whiteball { float: right; margin-right: 10px; margin-left: 16px; margin-top: -12px } .game-tile .cash-option-cash4life { clear: both; line-height: 16px } .game-tile .tagline { line-height: 14px; font-size: 10px; padding-left: 15px; padding-right: 15px; color: #6ba539 } .game-tile.game-tile-cash4life .jackpot-amount { margin-top: 1px; margin-bottom: 0 } .game-tile.game-tile-cash4life .highlight { margin-top: 8px } .game-tile.game-tile-cash4life .top-prize .cash-option,.game-tile.game-tile-cash4life .second-prize .cash-option { font-size: 11px } .game-jackpot--green-ball { display: flex; align-items: center; margin: 10px; gap: 1.2px; } @media (max-width: 767px) { .game-jackpot--green-ball { gap: 12px; } } .game-jackpot--green-ball .game-jackpot--green-ball__heading { color: white; font-weight: bold; margin: 0; font-size: 18px; max-width: 150px; } .game-jackpot--green-ball .game-jackpot--green-ball__ball { display: flex; text-align: center; min-width: 100px; position: relative; align-items: center; justify-content: center; } .game-jackpot--green-ball .game-jackpot--green-ball__ball__number { background: white; border-radius: 50%; width: 75px; height: 75px; color: black; font-size: 30px; font-weight: 600; padding-top: 2px; } .game-jackpot--green-ball .game-jackpot--green-ball__ribbon-img { position: absolute; max-width: 100px; bottom: 5px; } .game-jackpot--green-ball.game-jackpot--green-ball--for-header { justify-content: flex-end; margin-right: 30px; } .game-jackpot--green-ball.game-jackpot--green-ball--for-header .game-jackpot--green-ball__heading { color: #046a38; max-width: 155px; text-align: center; } .game-jackpot--green-ball.game-jackpot--green-ball--for-header .game-jackpot--green-ball__ball__number { border: 1px solid #3e3e3e; } @media (max-width: 660px) { .game-jackpot--green-ball.game-jackpot--green-ball--for-header { justify-content: center; margin-right: 0; } } .game-tile .cash-option { font-size: 9.5px; line-height: 15px; text-transform: uppercase; margin-bottom: -5px; clear: both } .game-tile .highlight { background: #fff; border-radius: 3px; color: #222; padding: 5px; overflow: hidden; font-size: 10px; line-height: 13px; display: inline-block; margin: 14px auto 0; width: 90% } .game-tile .highlight time { color: #046a38; font-weight: 700; display: inline; padding-left: 3px } .game-tile .highlight h4,.game-tile .highlight h3 { margin: 0 } .game-tile .highlight:first-child { margin-bottom: 5px } .game-tile .game-jackpot .highlight { font-size: 27px; line-height: 28px } .game-tile.game-tile-pick4 .jackpot-amount,.game-tile.game-tile-pick3 .jackpot-amount { font-size: 30px } .game-tile.game-tile-pick4 .highlight,.game-tile.game-tile-pick3 .highlight { margin-top: 8px } .game-tile.game-tile-cardcash .highlight { margin-top: 8px } .game-tile.game-tile-cardcash .cash-option { line-height: 9px } .game-tile.game-tile-monopoly .jackpot-amount { margin-top: 1px; margin-bottom: 0; font-size: 27px; line-height: 27px } .game-tile.game-tile-monopoly .game-jackpot { margin-top: -5px } .game-tile.game-tile-monopoly .jackpot2-amount { font-size: 16px; line-height: 18px } .game-tile.game-tile-monopoly .jackpot2-amount strong { font-size: 18px } .game-tile.game-tile-monopoly .highlight { margin-top: 8px } .game-tile.game-tile-cardcash .game-jackpot { margin-top: -5px } .game-tile.game-tile-cardcash .jackpot-amount { font-size: 16px; line-height: 20px; font-weight: bold } @media(min-width: 992px) and (max-width:1100px) { .game-tile.game-tile-cardcash .jackpot-amount { font-size:14.5px } } .game-tile.game-tile-cardcash .tagline { font-size: 11px } .game-tile .winning-numbers { padding: 10px 10px 50px; text-align: center; overflow: hidden; min-height: 122px; display: flex; flex-direction: column; justify-content: center } .game-tile .winning-numbers h5 { color: #6ba539 } .game-tile .winning-numbers .lotto-numbers { margin-top: 5px } .game-tile .winning-numbers .h6 { font-size: 9px; color: #6ba539; margin-top: 3px; margin-bottom: 2px } .game-tile .winning-numbers .daily-numbers { max-width: 300px; margin: 0 auto; overflow: visible; position: relative; z-index: 1 } .game-tile .winning-numbers .daily-numbers time { display: block!important; width: 100%!important } .game-tile .winning-numbers .daily-numbers+.daily-numbers { z-index: 0; margin-top: 0 } .game-tile .winning-numbers .midday,.game-tile .winning-numbers .evening { width: 50%; float: left } .game-tile .winning-numbers .midday .lotto-numbers span,.game-tile .winning-numbers .evening .lotto-numbers span { width: 18px } .game-tile .winning-numbers .midday .lotto-numbers span>i,.game-tile .winning-numbers .evening .lotto-numbers span>i { font-size: 11px; width: 19px; height: 19px; line-height: 19px } .game-tile .winning-numbers .btn { position: absolute; bottom: 10px; right: 10px; left: 10px; z-index: 500 } .game-tile h5 { font-size: 9.5px; margin: 0 -5px } .game-tile .top-prize,.game-tile .second-prize { width: 50%; float: left; margin-bottom: 5px } .game-tile .top-prize,.game-tile .second-prize { margin-top: -3px } .game-tile .top-prize { border-right: 1px solid #efd56f } .game-tile-instant-games { position: relative; padding: 10px 15px 44px } .game-tile-instant-games .game-image img { height: 90px; margin-bottom: 10px; margin-top: 2px } .game-tile-instant-games .btn { position: absolute; bottom: 10px; right: 10px; left: 10px } @media(min-width: 768px) and (max-width:991px) { .game-tile-instant-games { padding:10px 30px 44px } } .numbers-draw { display: flex; align-items: center } .numbers-draw .h6 { width: 75px; display: flex; flex-direction: column } .numbers-draw time { color: #555; font-weight: normal; font-size: .95em } .numbers-draw .lotto-numbers span { width: 22px } .numbers-draw .lotto-numbers span>i { font-size: 13px; width: 24px; height: 24px; line-height: 23.5px } .game-tile-monopoly { position: relative } .game-tile-monopoly .tagline { font-size: 13px; line-height: 15px; padding: 0 } @media(min-width: 1040px) { .game-tile-monopoly .tagline { line-height:16px } } .game-tile-monopoly .btn { position: absolute; bottom: 10px; right: 10px; left: 10px } .instants-gamepage-header .lower-content h5 { color: black } .registrationStep { margin-top: 5px } .registration-form { max-width: 560px } .registration-form .form-group { position: relative; z-index: 100 } .registration-form .form-control { background-color: transparent; z-index: 200 } .form-app-links { margin: 25px 0 } .form-app-links a { background-image: url("/content/dam/portal/images/footer/footer-icons.png"); text-indent: initial!important; background-repeat: no-repeat; text-indent: -999px; overflow: hidden } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .form-app-links a { background-image:url("/content/dam/portal/images/footer/footer-icons@2X.png"); background-size: 130px 131px } } .form-app-links a:hover { opacity: .8 } .form-app-links a.downloadapple { height: 42px; margin-bottom: 8px; display: inline-block; background: 0 } .form-app-links a.downloadapple img { width: auto; height: 42px } .form-app-links a.downloadandroid { height: 42px; margin-bottom: 8px; background: 0; display: inline-block } .form-app-links a.downloadandroid img { width: auto; height: 42px } .message-preferences #mobileNumHint { background: rgba(0,0,0,0.1); padding: 5px; border: solid 1px rgba(0,0,0,0.3); font-family: 'Montserrat', sans-serif; font-size: 14px } .select-all-group__section .panel-collapse { position: relative } @media screen and (min-width: 770px) { .select-all-group__section .panel-collapse { padding-right:70px!important } } .select-all-group__select-all-holder { width: 100%; display: block } @media screen and (min-width: 770px) { .select-all-group__select-all-holder { position:absolute!important; right: 0; top: 0; margin: 0!important; padding: 0!important; max-width: inherit; width: auto } } .select-all-group__select-all-holder label { margin-right: 0!important } .pagination-container { text-align: center; overflow: hidden; padding-bottom: 10px } .pagination { border: 0; padding: 0; margin: 0!important; list-style: none } .pagination>li>a,.pagination>li>span { font-size: 14px; background: 0; border: 0; color: #ccc; margin: 3px 4px; padding: 0; height: 22px; width: 22px; line-height: 22px; text-align: center; border-radius: 50% } .pagination>li>a:hover,.pagination>li>span:hover { color: #fff; background: #6ba539; border: 0 } .pagination>li>a.btn,.pagination>li>span.btn { padding: 3px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; margin: 2px 6px; width: auto; height: auto; color: #fff; background-color: #6ba539; border-color: #669d36 } .pagination>li>a.btn:hover,.pagination>li>span.btn:hover,.pagination>li>a.btn:focus,.pagination>li>span.btn:focus,.pagination>li>a.btn.focus,.pagination>li>span.btn.focus,.pagination>li>a.btn:active,.pagination>li>span.btn:active,.pagination>li>a.btn.active,.pagination>li>span.btn.active,.open>.dropdown-toggle.pagination>li>a.btn,.open>.dropdown-toggle.pagination>li>span.btn { color: #fff; background-color: #527f2c; border-color: #497027 } .pagination>li>a.btn:active,.pagination>li>span.btn:active,.pagination>li>a.btn.active,.pagination>li>span.btn.active,.open>.dropdown-toggle.pagination>li>a.btn,.open>.dropdown-toggle.pagination>li>span.btn { background-image: none } .pagination>li>a.btn.disabled,.pagination>li>span.btn.disabled,.pagination>li>a.btn[disabled],.pagination>li>span.btn[disabled],fieldset[disabled] .pagination>li>a.btn,fieldset[disabled] .pagination>li>span.btn,.pagination>li>a.btn.disabled:hover,.pagination>li>span.btn.disabled:hover,.pagination>li>a.btn[disabled]:hover,.pagination>li>span.btn[disabled]:hover,fieldset[disabled] .pagination>li>a.btn:hover,fieldset[disabled] .pagination>li>span.btn:hover,.pagination>li>a.btn.disabled:focus,.pagination>li>span.btn.disabled:focus,.pagination>li>a.btn[disabled]:focus,.pagination>li>span.btn[disabled]:focus,fieldset[disabled] .pagination>li>a.btn:focus,fieldset[disabled] .pagination>li>span.btn:focus,.pagination>li>a.btn.disabled.focus,.pagination>li>span.btn.disabled.focus,.pagination>li>a.btn[disabled].focus,.pagination>li>span.btn[disabled].focus,fieldset[disabled] .pagination>li>a.btn.focus,fieldset[disabled] .pagination>li>span.btn.focus,.pagination>li>a.btn.disabled:active,.pagination>li>span.btn.disabled:active,.pagination>li>a.btn[disabled]:active,.pagination>li>span.btn[disabled]:active,fieldset[disabled] .pagination>li>a.btn:active,fieldset[disabled] .pagination>li>span.btn:active,.pagination>li>a.btn.disabled.active,.pagination>li>span.btn.disabled.active,.pagination>li>a.btn[disabled].active,.pagination>li>span.btn[disabled].active,fieldset[disabled] .pagination>li>a.btn.active,fieldset[disabled] .pagination>li>span.btn.active { background-color: #6ba539; border-color: #669d36 } .pagination>li>a.btn .badge,.pagination>li>span.btn .badge { color: #6ba539; background-color: #fff } .pagination>li>a.btn.disabled,.pagination>li>span.btn.disabled { color: #fff; background-color: #ccc; border-color: #ccc; opacity: 100 } .pagination>li>a.btn.disabled:hover,.pagination>li>span.btn.disabled:hover,.pagination>li>a.btn.disabled:focus,.pagination>li>span.btn.disabled:focus,.pagination>li>a.btn.disabled.focus,.pagination>li>span.btn.disabled.focus,.pagination>li>a.btn.disabled:active,.pagination>li>span.btn.disabled:active,.pagination>li>a.btn.disabled.active,.pagination>li>span.btn.disabled.active,.open>.dropdown-toggle.pagination>li>a.btn.disabled,.open>.dropdown-toggle.pagination>li>span.btn.disabled { color: #fff; background-color: #b3b3b3; border-color: #adadad } .pagination>li>a.btn.disabled:active,.pagination>li>span.btn.disabled:active,.pagination>li>a.btn.disabled.active,.pagination>li>span.btn.disabled.active,.open>.dropdown-toggle.pagination>li>a.btn.disabled,.open>.dropdown-toggle.pagination>li>span.btn.disabled { background-image: none } .pagination>li>a.btn.disabled.disabled,.pagination>li>span.btn.disabled.disabled,.pagination>li>a.btn.disabled[disabled],.pagination>li>span.btn.disabled[disabled],fieldset[disabled] .pagination>li>a.btn.disabled,fieldset[disabled] .pagination>li>span.btn.disabled,.pagination>li>a.btn.disabled.disabled:hover,.pagination>li>span.btn.disabled.disabled:hover,.pagination>li>a.btn.disabled[disabled]:hover,.pagination>li>span.btn.disabled[disabled]:hover,fieldset[disabled] .pagination>li>a.btn.disabled:hover,fieldset[disabled] .pagination>li>span.btn.disabled:hover,.pagination>li>a.btn.disabled.disabled:focus,.pagination>li>span.btn.disabled.disabled:focus,.pagination>li>a.btn.disabled[disabled]:focus,.pagination>li>span.btn.disabled[disabled]:focus,fieldset[disabled] .pagination>li>a.btn.disabled:focus,fieldset[disabled] .pagination>li>span.btn.disabled:focus,.pagination>li>a.btn.disabled.disabled.focus,.pagination>li>span.btn.disabled.disabled.focus,.pagination>li>a.btn.disabled[disabled].focus,.pagination>li>span.btn.disabled[disabled].focus,fieldset[disabled] .pagination>li>a.btn.disabled.focus,fieldset[disabled] .pagination>li>span.btn.disabled.focus,.pagination>li>a.btn.disabled.disabled:active,.pagination>li>span.btn.disabled.disabled:active,.pagination>li>a.btn.disabled[disabled]:active,.pagination>li>span.btn.disabled[disabled]:active,fieldset[disabled] .pagination>li>a.btn.disabled:active,fieldset[disabled] .pagination>li>span.btn.disabled:active,.pagination>li>a.btn.disabled.disabled.active,.pagination>li>span.btn.disabled.disabled.active,.pagination>li>a.btn.disabled[disabled].active,.pagination>li>span.btn.disabled[disabled].active,fieldset[disabled] .pagination>li>a.btn.disabled.active,fieldset[disabled] .pagination>li>span.btn.disabled.active { background-color: #ccc; border-color: #ccc } .pagination>li>a.btn.disabled .badge,.pagination>li>span.btn.disabled .badge { color: #ccc; background-color: #fff } .pagination>li.active>a,.pagination>li.active>span { color: #fff; background: #6ba539 } .pagination>li.active>a:hover,.pagination>li.active>span:hover { background: #669d36 } .pagination>li.active>a:active,.pagination>li.active>span:active { background: #619634 } @media(max-width: 1050px) { .pagination-container { position:relative; padding-bottom: 30px; width: 100% } .pagination>li:first-child,.pagination>li:last-child,.pagination>li.prev,.pagination>li.next { position: absolute; top: 30px; left: 0 } .pagination>li:last-child,.pagination>li.next { left: auto; right: 0 } } .pagination-bootgrid .prev a,.pagination-bootgrid .next a { padding: 3px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; margin: 2px 6px; width: auto; height: auto; color: #fff; background-color: #6ba539; border-color: #669d36 } .pagination-bootgrid .prev a:hover,.pagination-bootgrid .next a:hover,.pagination-bootgrid .prev a:focus,.pagination-bootgrid .next a:focus,.pagination-bootgrid .prev a.focus,.pagination-bootgrid .next a.focus,.pagination-bootgrid .prev a:active,.pagination-bootgrid .next a:active,.pagination-bootgrid .prev a.active,.pagination-bootgrid .next a.active,.open>.dropdown-toggle.pagination-bootgrid .prev a,.open>.dropdown-toggle.pagination-bootgrid .next a { color: #fff; background-color: #527f2c; border-color: #497027 } .pagination-bootgrid .prev a:active,.pagination-bootgrid .next a:active,.pagination-bootgrid .prev a.active,.pagination-bootgrid .next a.active,.open>.dropdown-toggle.pagination-bootgrid .prev a,.open>.dropdown-toggle.pagination-bootgrid .next a { background-image: none } .pagination-bootgrid .prev a.disabled,.pagination-bootgrid .next a.disabled,.pagination-bootgrid .prev a[disabled],.pagination-bootgrid .next a[disabled],fieldset[disabled] .pagination-bootgrid .prev a,fieldset[disabled] .pagination-bootgrid .next a,.pagination-bootgrid .prev a.disabled:hover,.pagination-bootgrid .next a.disabled:hover,.pagination-bootgrid .prev a[disabled]:hover,.pagination-bootgrid .next a[disabled]:hover,fieldset[disabled] .pagination-bootgrid .prev a:hover,fieldset[disabled] .pagination-bootgrid .next a:hover,.pagination-bootgrid .prev a.disabled:focus,.pagination-bootgrid .next a.disabled:focus,.pagination-bootgrid .prev a[disabled]:focus,.pagination-bootgrid .next a[disabled]:focus,fieldset[disabled] .pagination-bootgrid .prev a:focus,fieldset[disabled] .pagination-bootgrid .next a:focus,.pagination-bootgrid .prev a.disabled.focus,.pagination-bootgrid .next a.disabled.focus,.pagination-bootgrid .prev a[disabled].focus,.pagination-bootgrid .next a[disabled].focus,fieldset[disabled] .pagination-bootgrid .prev a.focus,fieldset[disabled] .pagination-bootgrid .next a.focus,.pagination-bootgrid .prev a.disabled:active,.pagination-bootgrid .next a.disabled:active,.pagination-bootgrid .prev a[disabled]:active,.pagination-bootgrid .next a[disabled]:active,fieldset[disabled] .pagination-bootgrid .prev a:active,fieldset[disabled] .pagination-bootgrid .next a:active,.pagination-bootgrid .prev a.disabled.active,.pagination-bootgrid .next a.disabled.active,.pagination-bootgrid .prev a[disabled].active,.pagination-bootgrid .next a[disabled].active,fieldset[disabled] .pagination-bootgrid .prev a.active,fieldset[disabled] .pagination-bootgrid .next a.active { background-color: #6ba539; border-color: #669d36 } .pagination-bootgrid .prev a .badge,.pagination-bootgrid .next a .badge { color: #6ba539; background-color: #fff } .pagination-bootgrid .prev.disabled a,.pagination-bootgrid .next.disabled a { color: #fff; background-color: #ccc; border-color: #ccc; opacity: 100 } .pagination-bootgrid .prev.disabled a:hover,.pagination-bootgrid .next.disabled a:hover,.pagination-bootgrid .prev.disabled a:focus,.pagination-bootgrid .next.disabled a:focus,.pagination-bootgrid .prev.disabled a.focus,.pagination-bootgrid .next.disabled a.focus,.pagination-bootgrid .prev.disabled a:active,.pagination-bootgrid .next.disabled a:active,.pagination-bootgrid .prev.disabled a.active,.pagination-bootgrid .next.disabled a.active,.open>.dropdown-toggle.pagination-bootgrid .prev.disabled a,.open>.dropdown-toggle.pagination-bootgrid .next.disabled a { color: #fff; background-color: #b3b3b3; border-color: #adadad } .pagination-bootgrid .prev.disabled a:active,.pagination-bootgrid .next.disabled a:active,.pagination-bootgrid .prev.disabled a.active,.pagination-bootgrid .next.disabled a.active,.open>.dropdown-toggle.pagination-bootgrid .prev.disabled a,.open>.dropdown-toggle.pagination-bootgrid .next.disabled a { background-image: none } .pagination-bootgrid .prev.disabled a.disabled,.pagination-bootgrid .next.disabled a.disabled,.pagination-bootgrid .prev.disabled a[disabled],.pagination-bootgrid .next.disabled a[disabled],fieldset[disabled] .pagination-bootgrid .prev.disabled a,fieldset[disabled] .pagination-bootgrid .next.disabled a,.pagination-bootgrid .prev.disabled a.disabled:hover,.pagination-bootgrid .next.disabled a.disabled:hover,.pagination-bootgrid .prev.disabled a[disabled]:hover,.pagination-bootgrid .next.disabled a[disabled]:hover,fieldset[disabled] .pagination-bootgrid .prev.disabled a:hover,fieldset[disabled] .pagination-bootgrid .next.disabled a:hover,.pagination-bootgrid .prev.disabled a.disabled:focus,.pagination-bootgrid .next.disabled a.disabled:focus,.pagination-bootgrid .prev.disabled a[disabled]:focus,.pagination-bootgrid .next.disabled a[disabled]:focus,fieldset[disabled] .pagination-bootgrid .prev.disabled a:focus,fieldset[disabled] .pagination-bootgrid .next.disabled a:focus,.pagination-bootgrid .prev.disabled a.disabled.focus,.pagination-bootgrid .next.disabled a.disabled.focus,.pagination-bootgrid .prev.disabled a[disabled].focus,.pagination-bootgrid .next.disabled a[disabled].focus,fieldset[disabled] .pagination-bootgrid .prev.disabled a.focus,fieldset[disabled] .pagination-bootgrid .next.disabled a.focus,.pagination-bootgrid .prev.disabled a.disabled:active,.pagination-bootgrid .next.disabled a.disabled:active,.pagination-bootgrid .prev.disabled a[disabled]:active,.pagination-bootgrid .next.disabled a[disabled]:active,fieldset[disabled] .pagination-bootgrid .prev.disabled a:active,fieldset[disabled] .pagination-bootgrid .next.disabled a:active,.pagination-bootgrid .prev.disabled a.disabled.active,.pagination-bootgrid .next.disabled a.disabled.active,.pagination-bootgrid .prev.disabled a[disabled].active,.pagination-bootgrid .next.disabled a[disabled].active,fieldset[disabled] .pagination-bootgrid .prev.disabled a.active,fieldset[disabled] .pagination-bootgrid .next.disabled a.active { background-color: #ccc; border-color: #ccc } .pagination-bootgrid .prev.disabled a .badge,.pagination-bootgrid .next.disabled a .badge { color: #ccc; background-color: #fff } .pagination-bootgrid .first,.pagination-bootgrid .last { display: none } .table caption { padding-left: 10px } .fullwidth .table>thead>tr>th:first-child,.fullwidth .table>tbody>tr>th:first-child,.fullwidth .table>tfoot>tr>th:first-child,.fullwidth .table>thead>tr>td:first-child,.fullwidth .table>tbody>tr>td:first-child,.fullwidth .table>tfoot>tr>td:first-child { padding-left: 18px } .table tbody tr.persist-mobile th>span.text-normal { font-weight: normal } .table thead tr>td,.table .thead>td,.table thead tr>th,.table .thead>th { color: #6ba539; border-bottom: 1px solid #6ba539; font-size: 13px } .table tbody>tr:first-child td:nth-child(3) { margin-top: 8px } .table .lotto-numbers-list { display: block; } .table td[title="Date"] { white-space: nowrap } .table td[title="Remove"] { padding-bottom: 0; text-align: right } .table-striped-doubleplay > tbody > tr:nth-of-type(0n+1), .table-striped-doubleplay > tbody > tr:nth-of-type(0n+2), .table-striped-doubleplay > tbody > tr:nth-of-type(4n+1), .table-striped-doubleplay > tbody > tr:nth-of-type(4n+2), .table-striped>tbody>tr:nth-child(odd) { background-color: transparent } .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(0n+1), .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(0n+2), .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(4n+1), .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(4n+2), .table-odds-and-prizes.table-striped>tbody>tr:nth-child(odd) { background-color: rgba(254,242,194,0.5) } .table-striped-doubleplay > tbody > tr:nth-of-type(0n+1), .table-striped-doubleplay > tbody > tr:nth-of-type(0n+2), .table-striped-doubleplay > tbody > tr:nth-of-type(4n+1), .table-striped-doubleplay > tbody > tr:nth-of-type(4n+2), .table-striped>tbody>tr:nth-child(odd) { background-color: rgba(254,242,194,0.5) } .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(0n+1), .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(0n+2), .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(4n+1), .table-odds-and-prizes.table-striped-doubleplay > tbody > tr:nth-of-type(4n+2), .table-odds-and-prizes.table-striped>tbody>tr:nth-child(odd) { background-color: transparent } .table-striped>tbody>tr.thead { background: none!important } .table-odds-and-prizes-pick3 .table-striped>tbody>tr:nth-child(odd),.table-odds-and-prizes-pick4 .table-striped>tbody>tr:nth-child(odd),.table-odds-and-prizes-pick3 .table-striped>tbody>tr:nth-child(even),.table-odds-and-prizes-pick4 .table-striped>tbody>tr:nth-child(even) { background-color: transparent } .table-odds-and-prizes.table-odds-and-prizes-pick3 .table-striped>tbody>tr:nth-child(odd),.table-odds-and-prizes.table-odds-and-prizes-pick4 .table-striped>tbody>tr:nth-child(odd),.table-odds-and-prizes.table-odds-and-prizes-pick3 .table-striped>tbody>tr:nth-child(even),.table-odds-and-prizes.table-odds-and-prizes-pick4 .table-striped>tbody>tr:nth-child(even) { background-color: transparent } .table-odds-and-prizes-pick3 table>tbody>tr>th,.table-odds-and-prizes-pick4 table>tbody>tr>th { width: 20% } .table-odds-and-prizes-pick3 table:nth-child(odd).table.table-striped,.table-odds-and-prizes-pick4 table:nth-child(odd).table.table-striped { background-color: rgba(254,242,194,0.5) } .table-odds-and-prizes.table-odds-and-prizes-pick3 table:nth-child(odd).table.table-striped,.table-odds-and-prizes.table-odds-and-prizes-pick4 table:nth-child(odd).table.table-striped { background-color: transparent } @media(max-width: 1050px) { .table-winning-numbers-cash5.table.table-striped tbody>tr>td:first-child,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:first-child,.table-winning-numbers-cash5.table.table-striped thead>tr>th:first-child,.table-winning-numbers-pick6.table.table-striped thead>tr>th:first-child { width:30% } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(2),.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(2) { width: 50% } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(2):after,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(2):after { display: none } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3),.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3) { display: block; float: left; width: 10%; clear: none; overflow: visible; padding: 8px 0 8px!important; border: 0 } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3):before,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3):before { display: none; top: 0 } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3):after,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3):after { right: -20px; top: 50%; margin-top: -5px; position: absolute; content: ''; display: block; width: 10px; height: 10px; background-image: url("/content/dam/portal/images/icons/sort-up.svg"); background-repeat: no-repeat; background-position: 0 0 } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3).open,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3).open { border: 1px solid #6ba539 } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3).open>td,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3).open>td { display: block } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3).open+tr.open,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3).open+tr.open { border-top: 0 } .table-winning-numbers-cash5.table.table-striped tbody>tr>td:nth-child(3).open>td:nth-child(2):after,.table-winning-numbers-pick6.table.table-striped tbody>tr>td:nth-child(3).open>td:nth-child(2):after { background-image: url("/content/dam/portal/images/icons/sort-down.svg") } .table-winning-numbers-cash5.table.table-striped thead>tr>th:nth-child(2),.table-winning-numbers-pick6.table.table-striped thead>tr>th:nth-child(2) { width: 50% } .table-winning-numbers-cash5.table.table-striped thead>tr>th:nth-child(3),.table-winning-numbers-pick6.table.table-striped thead>tr>th:nth-child(3) { display: block; width: 20%; float: left; height: 35px } .table-winning-numbers-cash5.table.table-striped tbody>tr.open>td:first-child,.table-winning-numbers-pick6.table.table-striped tbody>tr.open>td:first-child { width: 30% } .table-winning-numbers-cash5.table.table-striped tbody>tr.open>td:nth-child(2),.table-winning-numbers-pick6.table.table-striped tbody>tr.open>td:nth-child(2) { width: 50% } } th.header,td.header { white-space: normal; cursor: pointer; border-radius: 2px 2px 0 0 } th.header>div,td.header>div { background-image: url("/content/dam/portal/images/icons/table-no-sorting.svg"); background-repeat: no-repeat; background-position: center left; position: relative; padding-left: 14px } th.header.sorter-false>div,td.header.sorter-false>div { background-image: none } th.w70,td.w70 { width: 70px } th.w80,td.w80 { width: 80px } th.w100,td.w100 { width: 100px } th.w120,td.w120 { width: 120px } th.headerSortDown>div,td.headerSortDown>div { background-image: url("/content/dam/portal/images/icons/sort-down.svg") } th.headerSortUp>div,td.headerSortUp>div { background-image: url("/content/dam/portal/images/icons/sort-up.svg") } .table-winning-numbers-pick .draw-time { display: none; font-size: 11.5px } .greenball-highlight,.redball-highlight { font-size: 11.5px; font-weight: bold } body.print-view .table { min-width: 800px } td .title-repsonsive { display: none } .table-presentation { border-collapse: collapse; border-spacing: 0; width: 100% } .table-vcenter>tbody>tr>td { vertical-align: middle } .table-center>tbody>tr>td { text-align: center } .table-winning-numbers td { min-height: 25px } .table-winning-numbers .xtra-row { min-height: 30px } @media(max-width: 1050px) { body:not(.print-view) .table-winning-numbers { overflow:hidden; display: block; font-size: 13px } body:not(.print-view) .table-winning-numbers .lotto-numbers-list { float: left } body:not(.print-view) .table-winning-numbers td .title-repsonsive { display: inline-block; width: 55%; color: #6ba539; font-weight: bold } body:not(.print-view) .table-winning-numbers thead,body:not(.print-view) .table-winning-numbers tbody,body:not(.print-view) .table-winning-numbers th,body:not(.print-view) .table-winning-numbers td,body:not(.print-view) .table-winning-numbers tr { display: block } body:not(.print-view) .table-winning-numbers thead>tr>th,body:not(.print-view) .table-winning-numbers tbody>tr>td,body:not(.print-view) .table-winning-numbers tbody>tr.open>td { display: none } body:not(.print-view) .table-winning-numbers thead>tr>th:first-child,body:not(.print-view) .table-winning-numbers tbody>tr>td:first-child,body:not(.print-view) .table-winning-numbers tbody>tr.open>td:first-child,body:not(.print-view) .table-winning-numbers thead>tr>th:nth-child(2),body:not(.print-view) .table-winning-numbers tbody>tr>td:nth-child(2),body:not(.print-view) .table-winning-numbers tbody>tr.open>td:nth-child(2) { display: block; width: 48%; float: left } body:not(.print-view) .table-winning-numbers thead>tr>th:nth-child(2),body:not(.print-view) .table-winning-numbers tbody>tr>td:nth-child(2),body:not(.print-view) .table-winning-numbers tbody>tr.open>td:nth-child(2) { width: 52% } body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers .lotto-numbers-list { margin-right: 12px } body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers thead>tr>th:first-child,body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers tbody>tr>td:first-child,body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers tbody>tr.open>td:first-child,body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers thead>tr>th:nth-child(2),body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers tbody>tr>td:nth-child(2),body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers tbody>tr.open>td:nth-child(2) { width: 33% } body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers thead>tr>th:nth-child(2),body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers tbody>tr>td:nth-child(2),body:not(.print-view) .table-winning-numbers.cardcash-winning-numbers tbody>tr.open>td:nth-child(2) { width: 67%; float: right } body:not(.print-view) .table-winning-numbers tbody>tr { clear: both; overflow: hidden } body:not(.print-view) .table-winning-numbers tbody>tr>td:nth-child(2) { position: relative } body:not(.print-view) .table-winning-numbers tbody>tr>td:nth-child(2):after { right: 10px; top: 50%; margin-top: -5px; position: absolute; content: ''; display: block; width: 10px; height: 10px; background-image: url("/content/dam/portal/images/icons/sort-up.svg"); background-repeat: no-repeat; background-position: 0 0 } body:not(.print-view) .table-winning-numbers tbody>tr.open { border: 1px solid #6ba539 } body:not(.print-view) .table-winning-numbers tbody>tr.open>td { display: block } body:not(.print-view) .table-winning-numbers tbody>tr.open+tr.open { border-top: 0 } body:not(.print-view) .table-winning-numbers tbody>tr.open>td:nth-child(2):after { background-image: url("/content/dam/portal/images/icons/sort-down.svg") } body:not(.print-view) .table-winning-numbers tbody>tr:first-child.open { border-top: 0 } body:not(.print-view) .table-winning-numbers tbody>tr:first-child td:nth-child(2):after { margin-top: -2px } body:not(.print-view) .table-winning-numbers td:nth-child(n+3) { overflow: hidden; position: relative; clear: both; padding: 4px 4px 4px 45%!important } body:not(.print-view) .table-winning-numbers td:nth-child(n+3):before { position: absolute; top: 4px; left: 8px; width: 48%; padding-right: 10px; content: attr(title) " :"; color: #6ba539; font-weight: bold; text-align: left; overflow: hidden; text-overflow: ellipsis; line-height: 12px } body:not(.print-view) .table-winning-numbers td:nth-child(3) { border-top: 1px solid #efefef; padding-top: 12px!important } body:not(.print-view) .table-winning-numbers td:nth-child(3):before { top: 12px } body:not(.print-view) .table-winning-numbers td:last-child { padding-bottom: 16px!important } body:not(.print-view) .table-winning-numbers-pick { overflow: hidden; display: block; font-size: 13px } body:not(.print-view) .table-winning-numbers-pick .lotto-numbers-list { float: left } body:not(.print-view) .table-winning-numbers-pick thead,body:not(.print-view) .table-winning-numbers-pick tbody,body:not(.print-view) .table-winning-numbers-pick th,body:not(.print-view) .table-winning-numbers-pick td,body:not(.print-view) .table-winning-numbers-pick tr,body:not(.print-view) .table-winning-numbers-pick .draw-time { display: block } body:not(.print-view) .table-winning-numbers-pick thead>tr>th,body:not(.print-view) .table-winning-numbers-pick tbody>tr>td,body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td { display: none } body:not(.print-view) .table-winning-numbers-pick thead>tr>th:first-child,body:not(.print-view) .table-winning-numbers-pick tbody>tr>td:first-child,body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td:first-child,body:not(.print-view) .table-winning-numbers-pick thead>tr>th:nth-child(3),body:not(.print-view) .table-winning-numbers-pick tbody>tr>td:nth-child(3),body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td:nth-child(3) { display: block; width: 52%; float: left } body:not(.print-view) .table-winning-numbers-pick thead>tr>th:nth-child(3),body:not(.print-view) .table-winning-numbers-pick tbody>tr>td:nth-child(3),body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td:nth-child(3) { width: 48% } body:not(.print-view) .table-winning-numbers-pick tbody>tr { clear: both; overflow: hidden } body:not(.print-view) .table-winning-numbers-pick tbody>tr>td:nth-child(3) { position: relative } body:not(.print-view) .table-winning-numbers-pick tbody>tr>td:nth-child(3):after { right: 10px; top: 50%; margin-top: -5px; position: absolute; content: ''; display: block; width: 10px; height: 10px; background-image: url("/content/dam/portal/images/icons/sort-up.svg"); background-repeat: no-repeat; background-position: 0 0 } body:not(.print-view) .table-winning-numbers-pick tbody>tr.open { border: 1px solid #6ba539 } body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td { display: block } body:not(.print-view) .table-winning-numbers-pick tbody>tr.open+tr.open { border-top: 0 } body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td:nth-child(3):after { background-image: url("/content/dam/portal/images/icons/sort-down.svg") } body:not(.print-view) .table-winning-numbers-pick tbody>tr.open>td:nth-child(2) { display: none } body:not(.print-view) .table-winning-numbers-pick tbody>tr:first-child.open { border-top: 0 } body:not(.print-view) .table-winning-numbers-pick td:nth-child(n+4) { position: relative; clear: both; padding: 4px 4px 4px 60%!important } body:not(.print-view) .table-winning-numbers-pick td:nth-child(n+4):before { position: absolute; top: 10px; left: 8px; width: 54%; padding-right: 10px; content: attr(title) ":"; color: #6ba539; font-weight: bold; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 12px } body:not(.print-view) .table-winning-numbers-pick td:last-child { padding-bottom: 16px!important } body:not(.print-view) .table-odds-and-prizes-pick3 .pd-table-responsive.table-striped tbody>tr td:nth-child(even),body:not(.print-view) .table-odds-and-prizes-pick4 .pd-table-responsive.table-striped tbody>tr td:nth-child(even) { background-color: transparent } body:not(.print-view) .table-odds-and-prizes-pick3 table>tbody>tr>th,body:not(.print-view) .table-odds-and-prizes-pick4 table>tbody>tr>th { width: auto } body:not(.print-view) .pd-table-responsive { display: block } body:not(.print-view) .pd-table-responsive thead,body:not(.print-view) .pd-table-responsive tbody,body:not(.print-view) .pd-table-responsive th,body:not(.print-view) .pd-table-responsive td,body:not(.print-view) .pd-table-responsive tr { display: block } body:not(.print-view) .pd-table-responsive:not(.tablesorter) thead tr,body:not(.print-view) .pd-table-responsive:not(.tablesorter) tr.thead { position: absolute; top: -9999px; left: -9999px } body:not(.print-view) .pd-table-responsive.tablesorter thead tr:before { content: 'Sort by'; color: #ccc; font-size: 11px; padding-left: 4px } body:not(.print-view) .pd-table-responsive.tablesorter thead tr th,body:not(.print-view) .pd-table-responsive.tablesorter tr.thead td { background: #f8f8f8; border-bottom-color: #ccc } body:not(.print-view) .pd-table-responsive.tablesorter thead tr th:not(.header),body:not(.print-view) .pd-table-responsive.tablesorter tr.thead td:not(.header) { position: absolute; top: -9999px; left: -9999px } body:not(.print-view) .pd-table-responsive.tablesorter thead tr th:first-child,body:not(.print-view) .pd-table-responsive.tablesorter tr.thead td:first-child { border-top: 1px solid #ccc } body:not(.print-view) .pd-table-responsive td { border: 0; position: relative; padding: 8px 4px 8px 55%!important; font-size: 13px; text-align: left } body:not(.print-view) .pd-table-responsive td .btn { display: block; width: 94%; margin-top: 10px } body:not(.print-view) .pd-table-responsive.table-striped tbody>tr { background: transparent; border-bottom: 2px solid #6ba539; padding-bottom: 8px; margin-bottom: 8px } body:not(.print-view) .pd-table-responsive.table-striped tbody>tr td:nth-child(even) { background-color: rgba(254,242,194,0.5) } body:not(.print-view) .pd-table-responsive.table-striped tbody>tr:last-child { border-bottom: 0 } body:not(.print-view) .pd-table-responsive tbody>tr td:last-child { border-bottom: 0 } body:not(.print-view) .pd-table-responsive td:before { position: absolute; top: 8px; left: 8px; width: 55%; padding-right: 10px; content: attr(title) " :"; color: #6ba539; font-weight: bold; text-align: left; overflow: hidden; text-overflow: ellipsis } body:not(.print-view) .pd-table-responsive td .lotto-numbers>span { width: 22px } body:not(.print-view) .pd-table-responsive td .lotto-numbers>span i { width: 21px; height: 21px } body:not(.print-view) .pd-table-responsive td .lotto-numbers>span.card-deck-hearts,body:not(.print-view) .pd-table-responsive td .lotto-numbers>span.card-deck-clubs,body:not(.print-view) .pd-table-responsive td .lotto-numbers>span.card-deck-diamonds,body:not(.print-view) .pd-table-responsive td .lotto-numbers>span.card-deck-spades { width: 26px } } .payouts-table { width: 80%; max-width: 400px; margin: 0 auto; border-top: solid 1px #333; border-right: solid 1px #333 } .payouts-table td { padding: 8px; text-align: center; border-bottom: solid 1px #333; border-left: solid 1px #333 } .fireball-table--no-lines { border: none!important } .fireball-table__head { background: url("/content/dam/portal/images/winning-numbers-header.png") center bottom; background-size: 100% 100%; border-bottom-color: #fdd653!important; padding: 0!important } .fireball-table__head--logo { display: block; height: 15px; width: auto; margin: 0 auto } .fireball-table__cell--head { background: #fdd653; position: relative; color: #e22932!important; border-bottom-color: #fdd653!important } @media(max-width: 1050px) { .fireball-table__head--small { margin-top:40px; position: relative } .fireball-table__head--logo-sm { width: 150px; height: 20px; display: block; position: absolute; top: -25px; left: 50%; margin-left: -75px; z-index: 900; background: url("/content/dam/portal/images/logo-fireball-no-pick.png") no-repeat; background-size: contain } .fireball-table__head--small::after { width: 100%; height: 30px; background: url("/content/dam/portal/images/winning-numbers-header.png") center bottom; background-size: 100% 100%; position: absolute; left: 0; top: -30px; right: 0; content: '' } .fireball-table__cell:nth-child(odd) { background-color: #fdd653!important } .fireball-table__cell:nth-child(even) { background-color: #fdd653!important } } .table__winning-numbers:nth-child(odd) .fireball-table__cell { background-color: #ffe58d } .table__winning-numbers:nth-child(even) .fireball-table__cell { background-color: #fdd653 } @media(max-width: 1050px) { body:not(.print-view) .table-winning-numbers-pick .fireball-table__cell::before { color:#e22932!important } } @media(max-width: 1050px) { .winning-numbers__headline--long { margin-bottom:20px!important } .winning-numbers__headline--long::before { line-height: 1 } } @media(min-width: 1050px) { .break-small { display:block } } .table--prizes-remain th { color: #6ba539; background-color: rgba(254,242,194,0.5) } .table--prizes-remain tr:nth-child(even) td { background-color: rgba(254,242,194,0.5) } .table--prizes-remain td,.table--prizes-remain th { text-align: center!important; padding: 3px; border-bottom: solid 1px #6ba539; border-left: solid 1px #6ba539 } .table--prizes-remain { width: 100%; border-top: solid 1px #6ba539; border-right: solid 1px #6ba539; font-size: 12px } @media(min-width: 1050px) { .table--prizes-remain { font-size:14px } } .glyphicon.invisible { display: none } .table--retailer-locations td { vertical-align: middle!important } @media(max-width: 500px) { .table--retailer-locations { font-size:12px!important } } .quick-draw-icon { display: block; width: 30px; height: 30px; content: ''; background-image: url('/content/dam/portal/images/game-logos/quick-draw-sm.png') } @media(min-width: 501px) { .quick-draw-icon { position:absolute; left: 0; top: 2px } } .quick-draw-location__store { position: relative } @media(min-width: 501px) { .quick-draw-location__store { padding-left:40px!important } } .quick-draw-search__options { margin-bottom: 10px } .quickdraw-retailers__search { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf } .quick-draw-search__search-type-col { float: left; display: block; margin-right: 20px } @media(max-width: 500px) { .quick-draw-search__search-type-col { width:100% } } .search-col--fields { float: left; margin-right: 15px } .search-col--buttons { float: left; margin-top: 14px } .quick-draw-search__options input:checked+.quick-draw-search__label { color: #046a38 } @media(max-width: 700px) { .cardcash-winning-numbers__win-tonight-row { min-height:40px!important; line-height: 12px!important } } .slick-slider { margin: 0 } .carousel-basic { position: relative } .carousel-basic img { width: 100% } .carousel-basic .carousel-prev,.carousel-basic .carousel-next { display: block; width: 30px; position: absolute; top: 0; bottom: 0; left: 0; text-align: center; opacity: .75; color: #fff; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); z-index: 1 } .carousel-basic .carousel-prev:hover,.carousel-basic .carousel-next:hover,.carousel-basic .carousel-prev:active,.carousel-basic .carousel-next:active { opacity: 1; text-shadow: 1px 1px 2px rgba(0,0,0,0.5) } .touch .carousel-basic .carousel-prev,.touch .carousel-basic .carousel-next { display: none!important } .carousel-basic .carousel-prev>span,.carousel-basic .carousel-next>span { position: absolute; width: 30px; height: 24px; text-align: center; line-height: 24px; font-size: 20px; top: 50%; margin-top: -12px; left: 0; right: 0 } .carousel-basic .carousel-next { left: auto; right: 0 } .carousel-basic li.slick-active button:before { color: #046a38 } .slick-dots { bottom: 2.5px } .slick-dots li { margin: 0 } .slick-dots li button:before { color: #ccc; color: rgba(0,0,0,0.5); font-size: 40px; line-height: 12px; height: 12px } @media(min-width: 660px) { .slick-dots li button:before { font-size:40px; line-height: 20px; height: 20px } } .slick-dotted.slick-slider { margin: 0 } @media(max-width: 480px) { .breadcrumb-container { padding-top:0 } } .breadcrumb { text-transform: capitalize; padding: 0; padding-left: 17px; padding-bottom: 6px; margin: 0; list-style: none; background: 0 } @media(max-width: 480px) { .breadcrumb { padding-left:6px } } .breadcrumb li { padding: 8px 1px; font-size: 13px } @media(max-width: 480px) { .breadcrumb li { line-height:16px; float: left } } .breadcrumb li.active { color: #6ba539 } .breadcrumb li a { color: #046a38 } @media(max-width: 480px) { .breadcrumb li a { display:block; text-overflow: ellipsis; overflow-x: hidden; float: left; max-width: 50px; white-space: nowrap } } .breadcrumb>li+li:before { content: ''; display: inline-block; float: left; background-image: url('/content/dam/portal/images/breadcrumb-arrow.svg'); background-repeat: no-repeat; width: 20px; height: 12px; position: relative; top: 3px } @media(max-width: 480px) { .breadcrumb>li+li:before { width:14px } } [data-toggle="popover"] { margin-left: 4px; margin-right: 4px; padding: 0; touch-action: manipulation; cursor: pointer; background-image: none; background: 0; border: rgba(0,0,0,0.1); font-size: 17px; display: inline-block; width: 21px; height: 21px; line-height: 17px; text-align: center; vertical-align: bottom; border-radius: 50%; color: #ccc; background: #fff; color: rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1); text-decoration: none!important } a[data-toggle="popover"] { line-height: 21px } [data-toggle="popover"]:hover { color: rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2) } [data-toggle="popover"] span { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1) } .help-tip { margin-left: 4px; margin-right: 4px; padding: 0; touch-action: manipulation; cursor: pointer; background-image: none; background: 0; border: rgba(0,0,0,0.1); font-size: 17px; display: inline-block; width: 21px; height: 21px; line-height: 17px; text-align: center; vertical-align: bottom; border-radius: 50%; color: #ccc; background: #fff; color: rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1); text-decoration: none!important } a.help-tip { line-height: 21px } .help-tip:hover { color: rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2) } .popover { min-width: 200px; color: #333 } .popover.top .arrow { top: auto!important } .popover-title { color: #333; font-size: 14px; font-family: 'Montserrat',sans-serif } .popover-content { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: normal; line-height: 18px } .table-options { text-align: right } .table-options .btn-link { color: #6ba539; font-size: 28px; height: 36px; margin: 5px; padding: 0; text-decoration: none; position: relative } .table-options .btn-link:hover { color: #5f9232 } .table-options .btn-link:active { color: #5a8a30; top: 1px } .table-options .btn-link:focus { border-color: transparent; box-shadow: none; outline: 0 } .table-options .btn-link .btn-icon-label { font-size: 16px; display: inline-block; line-height: 38px; padding-right: 4px; float: left } .table-search { overflow: hidden } .table-search form { margin: 15px 0; padding: 20px; position: relative; background-color: #fef2c2 } .table-search form .btn-close { padding: 0; font-size: 20px; text-decoration: none; position: absolute; top: 5px; right: 5px; color: #fff } .table-search form .btn-close:active { top: 6px } .table-search form .btn-close:focus { border-color: transparent; box-shadow: none; outline: 0 } .table-search form>h4 { margin-top: 0; margin-bottom: 20px } .in.table-search form:after { border: 15px solid transparent; border-bottom-color: #fef2c2; content: ''; position: absolute; top: -30px; right: 100px } @media(min-width: 992px) { .in.table-search form:after { right:110px } } @media(min-width: 768px) { .table-search form select.form-control { width:auto } } .table-search form .form-group { vertical-align: top } @media(min-width: 768px) { .table-search form .form-group { margin:0 10px } } .table-search form .form-group .error { display: block } .table-search form .date-search { width: 50%; float: left; padding-right: 10px } .table-search form .date-search .input-dateicon { width: 100% } @media(min-width: 768px) { .table-search form .date-search { width:auto; float: none; padding: 0 } .table-search form .date-search+.date-search { padding-right: 0; padding-left: 10px } .table-search form .date-search .input-dateicon { width: 135px } } .table-search form .form-group .btn { width: 100% } .table-search form .form-group .btn+.btn { margin-top: 10px } @media(min-width: 768px) { .table-search form .form-group .btn { width:auto; margin: 0 5px } .table-search form .form-group .btn+.btn { margin: 0 5px } } .table-search label.control-label { color: #6ba539; display: block; font-weight: bold; margin: 0 } .table-search-compact.table-search label.control-label { font-size: 10px; text-transform: uppercase } .touch .btn-print { display: none } .touch .table-search form:after { right: 58px } .bootgrid-header,.bootgrid-footer { margin: 15px 0 } .bootgrid-header a,.bootgrid-footer a { outline: 0 } .bootgrid-header .search,.bootgrid-footer .search { display: inline-block; margin: 0 20px 0 0; vertical-align: middle; width: 180px } .bootgrid-header .search .glyphicon,.bootgrid-footer .search .glyphicon { top: 0 } .bootgrid-header .search.search-field::-ms-clear,.bootgrid-footer .search.search-field::-ms-clear,.bootgrid-header .search .search-field::-ms-clear,.bootgrid-footer .search .search-field::-ms-clear { display: none } .bootgrid-header .pagination,.bootgrid-footer .pagination { margin: 0!important } .bootgrid-header .actionBar,.bootgrid-footer .infoBar { text-align: right } .bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu { text-align: left } .bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu .dropdown-item,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu .dropdown-item { cursor: pointer; display: block; margin: 0; padding: 3px 20px; white-space: nowrap } .bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu .dropdown-item:hover,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu .dropdown-item:hover,.bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu .dropdown-item:focus,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu .dropdown-item:focus { color: #262626; text-decoration: none; background-color: #f5f5f5 } .bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox,.bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox { margin: 0 2px 4px 0; vertical-align: middle } .bootgrid-header .actionBar .btn-group>.btn-group .dropdown-menu .dropdown-item.disabled,.bootgrid-footer .infoBar .btn-group>.btn-group .dropdown-menu .dropdown-item.disabled { cursor: not-allowed } .bootgrid-table a { outline: 0 } .bootgrid-table th>.column-header-anchor { color: #6ba539; cursor: not-allowed; display: block; position: relative; text-decoration: none } .bootgrid-table th>.column-header-anchor.sortable { cursor: pointer } .bootgrid-table th>.column-header-anchor>.text { display: inline; margin: 0 10px 0 0 } .bootgrid-table th>.column-header-anchor>.icon { font-size: 11px; display: inline } .bootgrid-table th:hover,.bootgrid-table th:active { background: #fafafa } .bootgrid-table td.loading,.bootgrid-table td.no-results { background: #fff; text-align: center } .bootgrid-table th.select-cell,.bootgrid-table td.select-cell { text-align: center; width: 30px } .bootgrid-table th.select-cell .select-box,.bootgrid-table td.select-cell .select-box { margin: 0; outline: 0 } footer h4 { color: #ffd100; border: 0; padding: 0; font-size: 16px } footer h4 a { color: #ffd100 } footer h4 a:hover,footer h4 a:active,footer h4 a:focus { color: rgba(255,209,0,0.8) } footer h6 { color: #ffd100; margin-top: -12px; font-size: 11px } footer ul { padding: 0 10px 0 0; margin: 0 } footer ul>li { list-style: none } footer ul>li a { color: #fff } footer ul>li a:hover,footer ul>li a:active,footer ul>li a:focus { color: rgba(255,255,255,0.8) } @media(max-width: 459px) { footer .col-xs-6 { width:100% } } footer .nav-pills li { display: inline-block; float: none; margin: 0 5px } footer .nav-pills a { color: #046a38; background: 0; padding: 0 4px; font-weight: bold } footer .nav-pills a:hover,footer .nav-pills a:active,footer .nav-pills a:focus { background: 0; color: rgba(4,106,56,0.8); text-decoration: underline } footer .social-links a { background-image: url("/content/dam/portal/images/footer/footer-icons.png"); background-repeat: no-repeat; text-indent: -999px; overflow: hidden } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { footer .social-links a { background-image:url("/content/dam/portal/images/footer/footer-icons@2X.png"); background-size: 130px 131px } } footer .social-links a:hover { opacity: .8 } footer .social-links a.facebook,footer .social-links a.twitter,footer .social-links a.youtube,footer .social-links a.instagram { width: 32px; height: 32px; margin-right: -3px; display: inline-block; position: relative; top: -4px } footer .social-links a.twitter { background-position: -33px 0 } footer .social-links a.youtube { background-position: -100px 0 } footer .social-links a.instagram { background-position: -65px 0 } footer .social-links a.downloadapple,footer .social-links a.downloadandroid { height: 42px; margin-bottom: 8px; display: block; background-position: 0 -40px } footer .social-links a.downloadandroid { background-position: 0 -90px } .footer-main { background-image: -webkit-linear-gradient(top,#6ba539 0,#046033 100%); background-image: -o-linear-gradient(top,#6ba539 0,#046033 100%); background-image: linear-gradient(to bottom,#6ba539 0,#046033 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6ba539',endColorstr='#ff046033',GradientType=0); padding: 35px 0 30px } @media(max-width: 768px) { .footer-main { padding:20px } } .footer-footnote { background: #fff; padding: 40px 0 } @media(max-width: 767px) { .footer-footnote { text-align:center } } .footer-footnote .nav-pills { width: 100%; text-align: center; margin-top: 30px } @media(max-width: 767px) { .footer-footnote li { width:100% } .footer-footnote li a { line-height: 30px } } .footer-footnote .logo { width: 70px; margin: 5px 25px 0 15px; float: left } @media(max-width: 767px) { .footer-footnote .logo { float:none; margin: 0 auto 25px } } .footer-footnote .copyright { overflow: hidden; text-align: left } @media(max-width: 767px) { .footer-footnote .copyright { padding-bottom:20px; border-bottom: 1px solid #046a38 } } .footer-footnote a { font-weight: bold; color: #333 } .state-links { background: #fef2c2; padding: 10px 0 } .state-links .nav-pills { width: 100%; text-align: center; line-height: 30px } .state-links .nav-pills li { width: 100%; line-height: 40px } @media(min-width: 992px) { .state-links .nav-pills li { width:auto; display: table-row; vertical-align: middle; display: inline-block; line-height: 60px } } .state-links .nav-pills a { line-height: 1em } @media(min-width: 992px) { .state-links .nav-pills a { margin-right:1px; margin-left: 1px; max-width: 150px; width: auto; display: table-cell; vertical-align: middle } } .state-links .nav-pills a img { margin: 5px } @media(min-width: 992px) { .state-links .nav-pills a img { margin:0 } } input[type=checkbox].checkbox-styled { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } input[type=checkbox].checkbox-styled+label.checkbox-styled { font-size: 16.25px; line-height: 1.5em; vertical-align: middle; cursor: pointer; padding-left: 60px; position: relative; min-height: 42px } input[type=checkbox].checkbox-styled+label.checkbox-styled i { position: absolute; top: 0; left: 0; display: block; height: 40px; width: 40px; display: inline-block; border: 1px solid #ccc; background: #fff; box-shadow: inset 1px 1px 10px rgba(0,0,0,0.05) } input[type=checkbox].checkbox-styled:checked+label.checkbox-styled i { box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); background-image: url('/content/dam/portal/images/forms/checkbox-tick.png') } @media all and (-webkit-min-device-pixel-ratio: 1.5) { input[type=checkbox].checkbox-styled:checked+label.checkbox-styled i { background-image:url('/content/dam/portal/images/forms/checkbox-tick@2X.png'); background-size: 40px 40px } } .lt-ie9 input[type=checkbox].checkbox-styled+label.checkbox-styled i { top: -2px; left: -2px } input[type=checkbox].checkbox-styled.checked+label.checkbox-styled i { background-image: url('/content/dam/portal/images/forms/checkbox-tick.png') } .slide-panel { position: relative; overflow: hidden; height: 60px } .slide-panel-inner { position: relative; overflow: hidden; top: 0; transition-property: all; transition-duration: .3s; transition-timing-function: cubic-bezier(0,1,0.5,1) } .active .slide-panel-inner { top: -60px } .slide-panel-content { height: 60px } .quickdraw-retailers__search .form-group--proximity { margin-bottom: 8px } .input-proximity { width: auto!important; display: inline-block!important } @media(min-width: 768px) { .form-group--proximity { margin-top:10px } } .retail-search--home form { padding-top: 35px!important } @media(max-width: 991px) { .panel-retail-search { padding:0 } } .retail-search { background-image: url('/content/dam/portal/images/retail-search/retail-search-bg.jpg'); height: 100px } .retail-search form { padding-top: 16px } .with-sidenav .retail-search form { width: 515px; margin-left: auto; margin-right: auto } .main-content .retail-search .container-fluid { padding-left: 20px } .with-sidenav .retail-search .container-fluid { padding: 0 } .main-content .retail-search { margin-bottom: 20px } @media(max-width: 992px) { .main-content .retail-search { margin-bottom:10px } } @media(max-width: 480px) { .retail-search { height:85px } } .retail-search .form-control,.retail-search .form-group { width: 460px; display: inline-block } .with-sidenav .retail-search .form-control,.with-sidenav .retail-search .form-group { width: 380px } .with-sidenav .retail-search .form-control input::-moz-placeholder,.with-sidenav .retail-search .form-group input::-moz-placeholder { font-size: 11.5px } .with-sidenav .retail-search .form-control input::-webkit-input-placeholder,.with-sidenav .retail-search .form-group input::-webkit-input-placeholder { font-size: 11.5px } .with-sidenav .retail-search .form-control input:-ms-input-placeholder,.with-sidenav .retail-search .form-group input:-ms-input-placeholder { font-size: 11.5px } @media(max-width: 480px) { .retail-search .form-control input::-moz-placeholder,.retail-search .form-group input::-moz-placeholder { font-size:10px } .retail-search .form-control input::-webkit-input-placeholder,.retail-search .form-group input::-webkit-input-placeholder { font-size: 10px } .retail-search .form-control input:-ms-input-placeholder,.retail-search .form-group input:-ms-input-placeholder { font-size: 10px } } .retail-search .form-group { position: relative } .retail-search .form-group label.error { position: absolute; top: 34px; left: 1px; right: 1px; border-radius: 0 0 2px 2px; color: #fff; font-size: 12px; background: #f82323; padding: 2px 6px } .retail-search .btn { min-width: 110px; margin-left: 5px } @media(max-width: 680px) { .with-sidenav .retail-search form { width:100%; padding: 5px } .with-sidenav .retail-search { margin-right: -10px; margin-left: -10px } .retail-search .form-control,.retail-search .form-group { width: 100%; display: block } .with-sidenav .retail-search .form-control,.with-sidenav .retail-search .form-group { width: 100% } .retail-search .form-control label.error,.retail-search .form-group label.error { right: 120px } .retail-search form { padding-top: 12px } .retail-search .form-group { margin-bottom: 8px } .retail-search .btn { float: right } } .retailer-list-hangout { margin-top: 5px; font-style: italic; color: #6ba539; line-height: normal } .interactivemap-list-panel .active .retailer-list-hangout { color: white } .retailer-map-legend { text-align: right; margin: 10px 0; padding-right: 10px } .retailer-map-legend img { width: 24px; height: auto } .rtl-search-page-form { padding-bottom: 20px } .reset-box-sizing,.reset-box-sizing *,.reset-box-sizing *:before,.reset-box-sizing *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .slick-vertical.slick-slider { padding-top: 20px; padding-bottom: 20px; margin-left: 0; margin-right: 0; position: relative } .slick-vertical.slick-slider .ticker-prev,.slick-vertical.slick-slider .ticker-next { margin: 0; position: absolute; left: 0; right: 0; text-align: center; cursor: pointer; background: 0; opacity: 1; width: 100%; border-radius: 0; box-shadow: none; color: #046a38; font-size: 15px; background: #fff; z-index: 400 } .slick-vertical.slick-slider .ticker-prev:hover,.slick-vertical.slick-slider .ticker-next:hover { color: #6ba539 } .slick-vertical.slick-slider .ticker-prev { top: 0 } .slick-vertical.slick-slider .ticker-next { bottom: 0; top: auto } .interactivemap-list-panel { position: absolute; left: 0; bottom: 0; width: 100%; height: 130px; z-index: 1; -webkit-transition: margin .3s ease-out; -o-transition: margin .3s ease-out; transition: margin .3s ease-out } @media(min-width: 768px) { .interactivemap-list-panel { width:280px; height: 690px; float: left; margin-left: -280px; position: relative } } .interactivemap-list-panel.active { margin: 0; box-shadow: 0 5px 0 0 rgba(0,0,0,0.1) } @media(min-width: 768px) { .interactivemap-list-panel.active { box-shadow:5px 0 0 0 rgba(0,0,0,0.1) } } .interactivemap-list-panel>h3 { display: none } .interactivemap-list-panel .slick-disabled span,.interactivemap-list-panel .slick-disabled:hover span { color: #f8f8f8 } .interactivemap-list { font-size: 12px; height: 130px } @media(min-width: 768px) { .interactivemap-list { height:690px } } .interactivemap-list.loading { overflow: hidden } .interactivemap-list .slick-list { overflow: visible } .district-dffices-map .interactivemap-list .slick-list { overflow: visible } @media(max-width: 548px) { .interactivemap-list .slick-list { max-width:310px } } @media(max-width: 320px) { .interactivemap-list .slick-list { max-width:270px } } .interactivemap-list .retailer { height: 130px; background: url('/content/dam/portal/images/icons/nj-map-marker.png') 7px 10px; background-repeat: no-repeat; background-size: 20px 25px; padding: 5px 35px; position: relative } .interactivemap-list .retailer:nth-child(odd) { background-color: rgba(254,242,194,0.5) } .interactivemap-list .retailer.active { background-color: #6ba539; color: #fff } .interactivemap-list .retailer.active a,.interactivemap-list .retailer.active .retailer-list-title,.interactivemap-list .retailer.active .btn { color: #fff } .interactivemap-list .retailer.add-more { background-image: none; padding: 0 20px; width: 100%!important; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.06) } .interactivemap-list .retailer.add-more::after { display: none } .interactivemap-list .retailer:after { content: ''; display: block; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin-top: -10px; background: url('/content/dam/portal/images/icons/ret-loc-arrow-right.png'); background-size: cover } .interactivemap-list .fetch-more-results { padding: 40px 26px 0 2px } .interactivemap-list .sprite-go { position: absolute; top: 9px; right: 5px } .interactivemap-list .label { display: inline-block; position: relative; height: 16px; line-height: 16px; border-radius: 2px 0 0 2px; padding: 0 8px 0 5px; margin-right: 10px } .interactivemap-list .label:before { content: ''; width: 0; height: 0; position: absolute; border-left: 8px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; top: 0; right: -8px } .interactivemap-list .label:after { content: ''; width: 2px; height: 2px; position: absolute } .interactivemap-list .label-keno { background: #0067ac } .interactivemap-list .label-keno:before { border-left-color: #0067ac } .interactivemap-list .label-draw { background: #961a49 } .interactivemap-list .label-draw:before { border-left-color: #961a49 } .interactivemap-list .label-scratchers { background: #ea4e2c } .interactivemap-list .label-scratchers:before { border-left-color: #ea4e2c } @media(max-width: 767px) { .interactivemap-list .slick-arrow { display:none!important } } .retailer-list-title { font-size: 14px; color: #333; padding-right: 24px; min-height: 18px; overflow: hidden; margin: 8px 0; max-height: 31px } .retailer-list-address { line-height: 1.2em } .retailer-list-hours,.retailer-list-tel { float: left; width: 50% } .retailer-list-tel { line-height: 27px } .retailer-list-tel a { color: #6ba539; font-weight: bold; font-size: 12px } .interactivemap { height: 690px } @media(max-width: 767px) { .interactivemap { height:480px!important } } .interactivemap,.interactivemap *,.interactivemap *:before,.interactivemap *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .interactivemap,.interactivemap *,.interactivemap *:before,.interactivemap *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .map-outer { overflow: hidden; position: relative; padding-bottom: 130px } @media(min-width: 768px) { .map-outer { padding-bottom:0 } } .mapinfo-title { font-weight: bold } .mapinfo-address,.mapinfo-title { max-width: 270px } .mapinfo-tel { margin-top: 5px; padding: 5px 2px 0; float: left } .mapinfo-tel+a { margin-top: 5px; padding: 5px 2px 0; float: right } .retailer-list-hours .popover-title { background: 0; border: 0; padding-bottom: 0; margin-bottom: 0 } .retailer-list-hours .btn { padding: 4px 6px; color: #6ba539; font-weight: bold; font-size: 12px } .retailer-list-hours .btn:focus { outline: 0; background: #6ba539; border-radius: 2px; color: #fff } .retailer-list-hours .btn:focus span { color: #fff } .retailer-list-hours .popover { margin-left: 18px } @media(max-width: 767px) { .retailer-list-hours .popover { margin-left:-46px } } .retailer-list-info { clear: both } .retailer-list-info:before,.retailer-list-info:after { content: " "; display: table } .retailer-list-info:after { clear: both } .retailer-hour { font-weight: bold; font-size: 11px; white-space: nowrap } .retailer-hour .day { font-weight: normal; display: inline-block; width: 80px } .retailer-hour .closed { color: #d9534f } .no-returned-results { margin: 10px } .retailer-legend { position: absolute; left: 0; top: 0; height: 20px; padding-left: 5px; font-size: 10px; font-style: italic; background: white; z-index: 500; width: 100% } .retailer--hang-play .retailer-list-title::before { content: "*"; font-weight: bold } .live-stream,.video-embed { margin: 0 auto; max-width: 690px } .live-stream iframe,.video-embed iframe { width: 100%!important; height: 180px!important } @media(min-width: 480px) { .live-stream iframe,.video-embed iframe { height:320px!important } } @media(min-width: 768px) { .live-stream iframe,.video-embed iframe { height:398px!important } } @media(min-width: 992px) { .live-stream iframe,.video-embed iframe { height:380px!important } } .captcha-widget .btn-link { margin-top: 22px; margin-right: 8px; color: #6ba539; font-size: 22px; line-height: 18px; padding-bottom: 4px } .loading { text-align: center; font-size: 10px; padding: 30px } .loading>div { width: 1em; height: 1em; margin: 0 .2em; display: inline-block; background: #6ba539; border-radius: 50%; position: relative } .loading>div:nth-child(1) { -webkit-animation: ease-in-out dot1 1s infinite; -o-animation: ease-in-out dot1 1s infinite; animation: ease-in-out dot1 1s infinite } .loading>div:nth-child(2) { -webkit-animation: ease-in-out dot2 1s infinite; -o-animation: ease-in-out dot2 1s infinite; animation: ease-in-out dot2 1s infinite } .loading>div:nth-child(3) { -webkit-animation: ease-in-out dot3 1s infinite; -o-animation: ease-in-out dot3 1s infinite; animation: ease-in-out dot3 1s infinite } .loading>div:nth-child(4) { -webkit-animation: ease-in-out dot4 1s infinite; -o-animation: ease-in-out dot4 1s infinite; animation: ease-in-out dot4 1s infinite } @-webkit-keyframes dot1 { 0% { top: 0 } 20% { top: -6.66666667px; opacity: .5 } 40% { top: 0 } } @keyframes dot1 { 0% { top: 0 } 20% { top: -6.66666667px; opacity: .5 } 40% { top: 0 } } @-webkit-keyframes dot2 { 20% { top: 0 } 40% { top: -6.66666667px; opacity: .5 } 60% { top: 0 } } @keyframes dot2 { 20% { top: 0 } 40% { top: -6.66666667px; opacity: .5 } 60% { top: 0 } } @-webkit-keyframes dot3 { 40% { top: 0 } 60% { top: -6.66666667px; opacity: .5 } 80% { top: 0 } } @keyframes dot3 { 40% { top: 0 } 60% { top: -6.66666667px; opacity: .5 } 80% { top: 0 } } @-webkit-keyframes dot4 { 60% { top: 0 } 80% { top: -6.66666667px; opacity: .5 } 100% { top: 0 } } @keyframes dot4 { 60% { top: 0 } 80% { top: -6.66666667px; opacity: .5 } 100% { top: 0 } } .toggle-switch { position: absolute; margin-left: -9999px; visibility: hidden } .toggle-switch+label { display: block; position: relative; cursor: pointer; outline: 0; padding: 2px; width: 80px; height: 40px; border: 1px solid rgba(0,0,0,0.1); background-color: #ccc; background: -webkit-linear-gradient(#eee 0,#f7f7f7 100%); background: -moz-linear-gradient(#eee 0,#f7f7f7 100%); background: -o-linear-gradient(#eee 0,#f7f7f7 100%); background: linear-gradient(#eee 0,#f7f7f7 100%); border-radius: 40px; font-size: 13.33333333px; color: #fff; line-height: 34px; text-transform: uppercase; font-weight: normal; text-align: left } .toggle-switch-wide.toggle-switch+label { width: 160px } .toggle-switch+label:before,.toggle-switch+label:after { display: block; position: absolute; top: 3px; left: 3px; bottom: 3px; content: "" } .toggle-switch+label:before { content: attr(data-switch-off); text-indent: 38.0952381px; right: 3px; background-color: #f5f5f5; border-radius: 40px; transition: background .4s; color: #bbb; box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.05); text-shadow: 1px 1px 1px #fff } .toggle-switch-wide.toggle-switch+label:before { text-indent: 44.44444444px } :checked.toggle-switch+label:before { content: attr(data-switch-on); color: #fff; text-indent: 10px; background-color: #6ba539; text-shadow: 1px 1px 1px #527f2c } .toggle-switch-wide:checked.toggle-switch+label:before { text-indent: 20px } .toggle-switch+label:after { width: 34px; background-color: #f7f7f7; border-radius: 100%; border: 1px solid #ececec; box-shadow: inset 0 0 0 5px #fff,0 2px 5px rgba(0,0,0,0.3); transition: margin .3s } :checked.toggle-switch+label:after { margin-left: 40px } .toggle-switch-wide:checked.toggle-switch+label:after { margin-left: 120px } .cardcash-deck>span,.cardcash-deck>.input-ball { display: inline-block; border: 1px solid #ccc; background-color: #FFF; text-indent: 0; font-weight: normal; height: 48px; border-radius: 2px; font-size: 16px; white-space: nowrap; word-break: break-all; padding: 8px 0; margin-right: 2px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); width: 36px; font-weight: bold; line-height: 13px } .cardcash-deck>span.card-deck-hearts,.cardcash-deck>.input-ball.card-deck-hearts,.cardcash-deck>span.card-deck-diamonds,.cardcash-deck>.input-ball.card-deck-diamonds { color: #f00 } .cardcash-deck>span.card-deck-spades,.cardcash-deck>.input-ball.card-deck-spades,.cardcash-deck>span.card-deck-clubs,.cardcash-deck>.input-ball.card-deck-clubs { color: #000 } .cardcash-deck>span.card-deck-highlight,.cardcash-deck>.input-ball.card-deck-highlight { background-color: rgba(102,255,0,0.3) } .cardcash-deck>span.cardcash-back,.cardcash-deck>.input-ball.cardcash-back { border: 3px double #eee; font: normal 100% / normal 'Montserrat',Helvetica,sans-serif; color: #fff; -o-text-overflow: clip; text-overflow: clip; background: -webkit-linear-gradient(135deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#6ba539 75%,#6ba539 100%,rgba(0,0,0,0) 386px,rgba(0,0,0,0) 100%),-webkit-linear-gradient(45deg,#6ba539 0,#6ba539 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),-webkit-linear-gradient(135deg,#6ba539 0,#6ba539 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),-webkit-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#6ba539 75%,#6ba539 100%,rgba(0,0,0,0) 386px,rgba(0,0,0,0) 100%),#fff; background: -moz-linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#6ba539 75%,#6ba539 100%,rgba(0,0,0,0) 386px,rgba(0,0,0,0) 100%),-moz-linear-gradient(45deg,#6ba539 0,#6ba539 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),-moz-linear-gradient(-45deg,#6ba539 0,#6ba539 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),-moz-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#6ba539 75%,#6ba539 100%,rgba(0,0,0,0) 386px,rgba(0,0,0,0) 100%),#fff; background: linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#6ba539 75%,#6ba539 100%,rgba(0,0,0,0) 386px,rgba(0,0,0,0) 100%),linear-gradient(45deg,#6ba539 0,#6ba539 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),linear-gradient(-45deg,#6ba539 0,#6ba539 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#6ba539 75%,#6ba539 100%,rgba(0,0,0,0) 386px,rgba(0,0,0,0) 100%),#fff; background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: 3px 3px; background-size: 3px 3px } .cardcash-deck>span em,.cardcash-deck>.input-ball em { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); font-size: 15px } .cardcash-deck p.alpha { color: #999; margin: 4px 0 0; font-weight: normal; font-size: 11px } .cardcash-deck.lotto-numbers-list span { text-align: center } @media(max-width: 480px) { .deck-sm>span { height:38px; padding: 6px 0; line-height: 10px; width: 28px; font-size: 12px } .deck-sm>span>em { font-size: 10px } } .lastest-draw-info.cardcash .winning-numbers .midday { overflow: hidden } @media(max-width: 767px) { .lastest-draw-info.cardcash .winning-numbers .midday .lotto-numbers { max-width:220px; overflow: hidden; margin: 0 auto } } .table-odds-and-prizes tbody tr td p { clear: left; margin: 0; padding: 5px 0 0 } .table-odds-and-prizes tbody tr td p.alpha { clear: none; margin: 4px 0 0; padding: 0; color: #999; font-weight: normal; font-size: 11px } .lotto-numbers.cardcash { display: inline-block; text-align: center } .table-search form .form-group .cardcash-select-group { margin: 0 5px; overflow: hidden } .table-search form .form-group .cardcash-select-group .cardcash-select { margin-right: 10px } .table-search form .form-group .cardcash-select-date .panel { background-color: transparent; border: 0 } .table-search form .form-group .cardcash-select-date .panel-group { margin: 0 } .table-search form .form-group .cardcash-select-date .panel-group .panel+.panel { margin: 0 } .table-search form .form-group .cardcash-select-date .panel-group .panel-body { padding: 0 } .table-search form .form-group .cardcash-select-date .panel-group .panel-body a.collapsed { display: block; margin: 15px 0 0 10px; color: #6ba539; font-weight: bold } @media(max-width: 767px) { .table-search form .form-group .cardcash-select-group .form-control.cardcash { margin:10px 0 } .table-search form .form-group .cardcash-select-date { margin-top: 10px } } @media(max-width: 320px) { .table-search form .form-group .cardcash-select-date .panel-group .panel-body a.collapsed { margin:0; float: left } } .typeahead { max-width: 200px; margin: 0 } .typeahead>li>a { white-space: normal; padding: 3px 10px } .nj-gallery__wrapper { background-color: #232323; overflow: hidden; padding: 10px } .nj-gallery__wrapper .slick-slide:focus { outline: 0 } .nj-gallery__wrapper .nj-gallery__left-container { float: left; width: 100%; margin-right: -300px } @media(max-width: 930px) { .nj-gallery__wrapper .nj-gallery__left-container { float:right; margin-right: 0 } } .nj-gallery__wrapper .nj-gallery__right-container { float: right; width: 300px } @media(max-width: 930px) { .nj-gallery__wrapper .nj-gallery__right-container { width:100% } } .nj-gallery__main-carousel { margin-left: 0; margin-right: 300px; padding-right: 10px; padding-left: 0; min-height: 320px } @media(max-width: 930px) { .nj-gallery__main-carousel { margin-right:0; padding: 0 } } .nj-gallery__main-carousel .slick-slide { text-align: center } .nj-gallery__main-carousel .slick-slide img { max-width: 100%; display: inline-block } .nj-gallery__main-carousel .slick-slide figure { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .nj-gallery__main-carousel .slick-slide .btn-view-lg { display: inline-block; border-radius: 2px; font-size: 12px; background-color: #6c7a89; padding: 5px 10px; color: #fff; text-transform: uppercase; margin: 10px; border: 0 } .nj-gallery__main-carousel .slick-arrow { width: 32px; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1 } .nj-gallery__main-carousel .slick-arrow:hover,.nj-gallery__main-carousel .slick-arrow:active { cursor: pointer; opacity: 1; text-shadow: 1px 1px 2px rgba(0,0,0,0.5) } @media(min-width: 992px) { .nj-gallery__main-carousel .slick-arrow { display:block!important } } @media(max-width: 991px) { .nj-gallery__main-carousel .slick-arrow { display:none!important } } .nj-gallery__main-carousel .slick-arrow>img { position: absolute; width: 32px; height: 32px; top: 35%; left: 0; right: 0 } .nj-gallery__main-carousel .slick-arrow.carousel-next { left: auto; right: 10px } .nj-gallery__main-carousel .slick-arrow.slick-disabled { opacity: .2; cursor: default } .nj-gallery__photo-details { float: right; width: 300px; border: 2px solid #000; margin: 0; overflow: hidden } @media(max-width: 930px) { .nj-gallery__photo-details { width:100% } } .nj-gallery__photo-details p { color: #fff } .nj-gallery__photo-details a { display: inline-block; color: #fff; text-decoration: underline } .nj-gallery__photo-details h3 { margin-top: 0 } .nj-gallery__photo-details .slick-arrow { display: none!important } .nj-gallery__photo-details-inner { padding: 10px 20px } .nj-gallery__nav { margin: -2px 0 0; float: right; width: 300px; border: 2px solid #000; padding: 10px 32px 10px 10px; overflow: hidden; min-height: 140px; display: block } .nj-gallery__nav .slick-slide { clear: both } .nj-gallery__nav .slick-slide:focus { outline: 0 } .nj-gallery__nav .slick-arrow { position: absolute; top: 3px; right: 2px; color: #fff; padding: 7px; font-size: 14px; width: 34px; height: 40px; display: block; text-align: center; cursor: pointer; z-index: 2 } .nj-gallery__nav .slick-arrow.carousel-next { top: 40px } @media(max-width: 930px) { .nj-gallery__nav { margin:10px 0; width: 100%; border-top: 2px solid #000 } } .nj-gallery__footer { color: #fff; text-align: right; padding-top: 10px; width: 100%; clear: both } .nj-gallery__thumb { width: 33%; float: left; cursor: pointer; height: 70px; border: 2px solid transparent; overflow: hidden; display: flex; align-items: center; justify-content: center } .nj-gallery__thumb>img { width: auto; height: 100% } .nj-gallery__thumb:hover { border: 2px solid rgba(255,255,255,0.2) } .slick-slide .nj-gallery__thumb--current,.slick-slide .nj-gallery__thumb--current:hover { border: 2px solid #ffd100 } .pswp .pswp__caption__center { text-align: center } .connect-with-us { padding: 30px 0 10px } .connect-with-us h6 { margin-bottom: 2px } .sociallink { font-size: 44px; display: inline-block } .sociallink,.sociallink:hover,.sociallink:active,.sociallink:focus { text-decoration: none } .sociallink--fb,.sociallink--fb:focus { color: #3b5998 } .sociallink--fb:hover { color: #355089 } .sociallink--fb:active { color: #314a7e } .sociallink--tw,.sociallink--tw:focus { color: #000000 } .sociallink--tw:hover { color: #000000 } .sociallink--tw:active { color: #000000 } .sociallink--yt,.sociallink--yt:focus { color: #cd201f } .sociallink--yt:hover { color: #bb1d1c } .sociallink--yt:active { color: #ae1b1a } .sociallink--ig,.sociallink--ig:focus { color: #3f729b } .sociallink--ig:hover { color: #39678c } .sociallink--ig:active { color: #355f82 } .index-carousel-wrap { overflow: hidden; margin-top: 10px; margin-left: -10px; margin-right: -10px; margin-bottom: 20px } .index-carousel-wrap .item { overflow: hidden } @media(min-width: 992px) { .index-carousel-wrap { margin-left:0; margin-right: 0 } } .index-secondchance { border-radius: 2px } .index-secondchance .text-content { padding: 0 20px } @media(min-width: 992px) { .index-secondchance { background-image:url('/content/dam/portal/images/homepage/second-chance-games-logos.png'); background-repeat: no-repeat; background-position: left bottom; min-height: 103px; margin-top: 20px } } .index-secondchance h2 { margin-bottom: 12px } .index-secondchance .btn { margin-bottom: 18px } @media(min-width: 768px) { .index-secondchance .btn { margin-top:45px } } @media(min-width: 992px) { .index-secondchance .btn { margin-top:36px } } .index-news { margin-top: -20px; padding-top: 20px; padding-bottom: 20px } .index-news article { position: relative; padding: 10px 0 20px } .index-news .read-more { position: absolute; bottom: 5px; right: 5px; color: #046a38; font-weight: bold; font-size: 14px } .index-news .read-more .glyphicon { left: 5px; top: 2px } .index-news .read-more:hover { color: #02391e } .index-news .read-more:active { color: #012011 } .index-ticket-promo { text-align: center } @media(min-width: 768px) { .index-ticket-promo table { min-height:366px; margin-left: 20px } } .index-ticket-promo .h1,.index-ticket-promo .h2 { margin: 0 } .index-ticket-promo .h1 { margin-bottom: 20px } .index-ticket-promo .h4 { max-width: 250px; margin-left: auto; margin-right: auto } @media(max-width: 991px) { .index-ticket-promo { margin:20px 20px; padding: 20px; border-top: 1px solid #6ba539 } } @media(max-width: 767px) { .index-ticket-promo img { margin-bottom:20px } } @media(max-width: 479px) { .index-ticket-promo td,.index-ticket-promo tr { display:block } } .index-right-promo { background-image: -webkit-linear-gradient(top,#064822 0,#37883b 100%); background-image: -o-linear-gradient(top,#064822 0,#37883b 100%); background-image: linear-gradient(to bottom,#064822 0,#37883b 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff064822',endColorstr='#ff37883b',GradientType=0); background-color: #37883b; text-align: left; overflow: hidden; color: #fff } @media(min-width: 992px) { .index-right-promo { min-height:283px; margin-bottom: 20px; margin-top: 10px } } @media(min-width: 1024px) { .index-right-promo { min-height:292px; margin-bottom: 20px } } @media(min-width: 1140px) { .index-right-promo { min-height:319px } } .winner-awareness { margin: 20px 0; padding: 10px; border-width: 2px; border-style: solid; font-weight: 600; color: #fff; border-color: #fdf300 } @media(min-width: 992px) { .winner-awareness { margin-top:0 } } .winner-awareness>a { color: inherit; text-decoration: underline } .winner-awareness.cash5 { background-color: #963d97; color: #FFF } .winner-awareness.cashpop { background-color: #f15722; color: #FFF } .winner-awareness.cardcash { background-color: #963a61 } .winner-awareness.pick6 { background-color: #ffd100; color: #000; border-color: #0065a4 } .winner-awareness.powerball { background-color: #d31c23 } .winner-awareness.megamillions { background-color: #0065a4 } .winner-awareness.cash4life { background-color: #2d7f67; border-color: #fff } .winner-awareness.instant-games { background-color: #fef2c2; color: #056839; border-color: #000 } .winner-awareness.jerseycash5 { background-color: #963d97; border-color: #ffd100 } .winner-awareness.fastplay { background-color: #f05224; border-color: #000 } .draw-game-jackpots--es .winning-numbers .btn-primary { display: none } .draw-game-jackpots--es .game-tile { min-height: inherit!important } .draw-game-jackpots--es .game-tile .winning-numbers { padding: 10px!important; min-height: 80px!important } .quick-draw-winner-feed { background: white; padding: 10px; border-radius: 2.5px; margin-bottom: 10px; position: relative; top: 0; bottom: 0 } @media(min-width: 768px) { .quick-draw-winner-feed { padding:0 215px 0 115px; margin-bottom: 20px } } .quick-draw-winner-feed__logo { width: 140px; margin: -10px auto } @media(min-width: 768px) { .quick-draw-winner-feed__logo { position:absolute; width: 85px; height: 85px; left: 10px; top: 50%; margin: -34px auto 0 auto } } .quick-draw-winner-feed__logo img { width: 100%; height: auto } .fast-play-draw-winner-feed-logo { width: 120px; margin: 0 auto; padding-bottom: 14px } @media(min-width: 768px) { .fast-play-draw-winner-feed-logo { position:absolute; width: 85px; height: 85px; left: 10px; top: 50%; margin: -22px auto 0 auto; padding-bottom: 0 } } .fast-play-draw-winner-feed-logo img { width: 100%; height: auto } .quick-draw-winner-feed__copy { background: #fef2c2; text-align: center; padding: 20px; box-sizing: border-box; font-family: 'Montserrat',sans-serif; color: #046a38; margin: 0 -10px 10px -10px; font-size: 17px } @media(min-width: 768px) { .quick-draw-winner-feed__copy { margin:0 } } .quick-draw-winner-feed__find-ret-btn { position: relative; z-index: 600 } @media(min-width: 768px) { .quick-draw-winner-feed__find-ret-btn { position:absolute; right: 20px; top: 50%; width: 160px; height: 34px; margin-top: -17px; z-index: 400 } } .quick-draw-winner-feed__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 300 } .main-outer--homepage .game-tile,.draw-games-tiles .game-tile,#drawGameJackpots .game-tile { display: flex; flex-direction: column; border: solid 1px #dfdfdf } .main-outer--homepage .game-tile time,.draw-games-tiles .game-tile time,#drawGameJackpots .game-tile time { color: black } .main-outer--homepage .game-tile .winning-numbers h5,.draw-games-tiles .game-tile .winning-numbers h5,#drawGameJackpots .game-tile .winning-numbers h5 { color: #636363!important } .main-outer--homepage .game-tile .game-info,.draw-games-tiles .game-tile .game-info,#drawGameJackpots .game-tile .game-info,.main-outer--homepage .game-tile .tagline,.draw-games-tiles .game-tile .tagline,#drawGameJackpots .game-tile .tagline { background-color: transparent; position: relative; z-index: 300; overflow: visible } .main-outer--homepage .game-tile .winning-numbers,.draw-games-tiles .game-tile .winning-numbers,#drawGameJackpots .game-tile .winning-numbers { background-color: white; flex-grow: 1; z-index: 200 } .main-outer--homepage .game-tile .game-nextdraw,.draw-games-tiles .game-tile .game-nextdraw,#drawGameJackpots .game-tile .game-nextdraw { position: relative; z-index: 300 } .main-outer--homepage .game-tile .game-jackpot h5,.draw-games-tiles .game-tile .game-jackpot h5,#drawGameJackpots .game-tile .game-jackpot h5 { color: white } .main-outer--homepage .game-tile.game-tile-pick3 .game-info,.draw-games-tiles .game-tile.game-tile-pick3 .game-info,#drawGameJackpots .game-tile.game-tile-pick3 .game-info,.main-outer--homepage .game-tile.game-tile-pick3 .lower-content,.draw-games-tiles .game-tile.game-tile-pick3 .lower-content,#drawGameJackpots .game-tile.game-tile-pick3 .lower-content { background-image: linear-gradient(-20deg,#1fb25a 0,#05773d 100%) } .main-outer--homepage .game-tile.game-tile-pick3 .game-info,.draw-games-tiles .game-tile.game-tile-pick3 .game-info,#drawGameJackpots .game-tile.game-tile-pick3 .game-info,.main-outer--homepage .game-tile.game-tile-pick3 .tagline,.draw-games-tiles .game-tile.game-tile-pick3 .tagline,#drawGameJackpots .game-tile.game-tile-pick3 .tagline,.main-outer--homepage .game-tile.game-tile-pick3 .lower-content,.draw-games-tiles .game-tile.game-tile-pick3 .lower-content,#drawGameJackpots .game-tile.game-tile-pick3 .lower-content,.main-outer--homepage .game-tile.game-tile-pick3 .lower-content h3,.draw-games-tiles .game-tile.game-tile-pick3 .lower-content h3,#drawGameJackpots .game-tile.game-tile-pick3 .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-pick4 .game-info,.draw-games-tiles .game-tile.game-tile-pick4 .game-info,#drawGameJackpots .game-tile.game-tile-pick4 .game-info,.main-outer--homepage .game-tile.game-tile-pick4 .lower-content,.draw-games-tiles .game-tile.game-tile-pick4 .lower-content,#drawGameJackpots .game-tile.game-tile-pick4 .lower-content { background-image: linear-gradient(-20deg,#ee3a43 0,#b00c28 100%) } .main-outer--homepage .game-tile.game-tile-pick4 .game-info,.draw-games-tiles .game-tile.game-tile-pick4 .game-info,#drawGameJackpots .game-tile.game-tile-pick4 .game-info,.main-outer--homepage .game-tile.game-tile-pick4 .tagline,.draw-games-tiles .game-tile.game-tile-pick4 .tagline,#drawGameJackpots .game-tile.game-tile-pick4 .tagline,.main-outer--homepage .game-tile.game-tile-pick4 .lower-content,.draw-games-tiles .game-tile.game-tile-pick4 .lower-content,#drawGameJackpots .game-tile.game-tile-pick4 .lower-content,.main-outer--homepage .game-tile.game-tile-pick4 .lower-content h3,.draw-games-tiles .game-tile.game-tile-pick4 .lower-content h3,#drawGameJackpots .game-tile.game-tile-pick4 .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-cash5 .game-info,.draw-games-tiles .game-tile.game-tile-cash5 .game-info,#drawGameJackpots .game-tile.game-tile-cash5 .game-info,.main-outer--homepage .game-tile.game-tile-cash5 .lower-content,.draw-games-tiles .game-tile.game-tile-cash5 .lower-content,#drawGameJackpots .game-tile.game-tile-cash5 .lower-content { background-image: linear-gradient(-20deg,#963c97 0,#630560 100%) } .main-outer--homepage .game-tile.game-tile-cash5 .game-jackpot,.draw-games-tiles .game-tile.game-tile-cash5 .game-jackpot,#drawGameJackpots .game-tile.game-tile-cash5 .game-jackpot,.main-outer--homepage .game-tile.game-tile-cash5 .game-info,.draw-games-tiles .game-tile.game-tile-cash5 .game-info,#drawGameJackpots .game-tile.game-tile-cash5 .game-info,.main-outer--homepage .game-tile.game-tile-cash5 .tagline,.draw-games-tiles .game-tile.game-tile-cash5 .tagline,#drawGameJackpots .game-tile.game-tile-cash5 .tagline,.main-outer--homepage .game-tile.game-tile-cash5 .lower-content,.draw-games-tiles .game-tile.game-tile-cash5 .lower-content,#drawGameJackpots .game-tile.game-tile-cash5 .lower-content,.main-outer--homepage .game-tile.game-tile-cash5 .lower-content h3,.draw-games-tiles .game-tile.game-tile-cash5 .lower-content h3,#drawGameJackpots .game-tile.game-tile-cash5 .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-pick6 .game-info,.draw-games-tiles .game-tile.game-tile-pick6 .game-info,#drawGameJackpots .game-tile.game-tile-pick6 .game-info,.main-outer--homepage .game-tile.game-tile-pick6 .lower-content,.draw-games-tiles .game-tile.game-tile-pick6 .lower-content,#drawGameJackpots .game-tile.game-tile-pick6 .lower-content { background-image: linear-gradient(-20deg,#009ddc 0,#005174 100%) } .main-outer--homepage .game-tile.game-tile-pick6 .game-info,.draw-games-tiles .game-tile.game-tile-pick6 .game-info,#drawGameJackpots .game-tile.game-tile-pick6 .game-info,.main-outer--homepage .game-tile.game-tile-pick6 .game-info h5,.draw-games-tiles .game-tile.game-tile-pick6 .game-info h5,#drawGameJackpots .game-tile.game-tile-pick6 .game-info h5,.main-outer--homepage .game-tile.game-tile-pick6 .tagline,.draw-games-tiles .game-tile.game-tile-pick6 .tagline,#drawGameJackpots .game-tile.game-tile-pick6 .tagline,.main-outer--homepage .game-tile.game-tile-pick6 .lower-content,.draw-games-tiles .game-tile.game-tile-pick6 .lower-content,#drawGameJackpots .game-tile.game-tile-pick6 .lower-content,.main-outer--homepage .game-tile.game-tile-pick6 .lower-content h3,.draw-games-tiles .game-tile.game-tile-pick6 .lower-content h3,#drawGameJackpots .game-tile.game-tile-pick6 .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-powerball .game-info,.draw-games-tiles .game-tile.game-tile-powerball .game-info,#drawGameJackpots .game-tile.game-tile-powerball .game-info,.main-outer--homepage .game-tile.game-tile-powerball .lower-content,.draw-games-tiles .game-tile.game-tile-powerball .lower-content,#drawGameJackpots .game-tile.game-tile-powerball .lower-content { background-image: linear-gradient(-20deg,#dd1a32 0,#8b080b 100%) } .main-outer--homepage .game-tile.game-tile-powerball .game-info,.draw-games-tiles .game-tile.game-tile-powerball .game-info,#drawGameJackpots .game-tile.game-tile-powerball .game-info,.main-outer--homepage .game-tile.game-tile-powerball .game-info h5,.draw-games-tiles .game-tile.game-tile-powerball .game-info h5,#drawGameJackpots .game-tile.game-tile-powerball .game-info h5,.main-outer--homepage .game-tile.game-tile-powerball .tagline,.draw-games-tiles .game-tile.game-tile-powerball .tagline,#drawGameJackpots .game-tile.game-tile-powerball .tagline,.main-outer--homepage .game-tile.game-tile-powerball .lower-content,.draw-games-tiles .game-tile.game-tile-powerball .lower-content,#drawGameJackpots .game-tile.game-tile-powerball .lower-content,.main-outer--homepage .game-tile.game-tile-powerball .lower-content h3,.draw-games-tiles .game-tile.game-tile-powerball .lower-content h3,#drawGameJackpots .game-tile.game-tile-powerball .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-megamillions .game-info,.draw-games-tiles .game-tile.game-tile-megamillions .game-info,#drawGameJackpots .game-tile.game-tile-megamillions .game-info,.main-outer--homepage .game-tile.game-tile-megamillions .lower-content,.draw-games-tiles .game-tile.game-tile-megamillions .lower-content,#drawGameJackpots .game-tile.game-tile-megamillions .lower-content { background-image: linear-gradient(-20deg,#0066a4 0,#00335e 100%) } .main-outer--homepage .game-tile.game-tile-megamillions .game-info,.draw-games-tiles .game-tile.game-tile-megamillions .game-info,#drawGameJackpots .game-tile.game-tile-megamillions .game-info,.main-outer--homepage .game-tile.game-tile-megamillions .game-info h5,.draw-games-tiles .game-tile.game-tile-megamillions .game-info h5,#drawGameJackpots .game-tile.game-tile-megamillions .game-info h5,.main-outer--homepage .game-tile.game-tile-megamillions .tagline,.draw-games-tiles .game-tile.game-tile-megamillions .tagline,#drawGameJackpots .game-tile.game-tile-megamillions .tagline,.main-outer--homepage .game-tile.game-tile-megamillions .lower-content,.draw-games-tiles .game-tile.game-tile-megamillions .lower-content,#drawGameJackpots .game-tile.game-tile-megamillions .lower-content,.main-outer--homepage .game-tile.game-tile-megamillions .lower-content h3,.draw-games-tiles .game-tile.game-tile-megamillions .lower-content h3,#drawGameJackpots .game-tile.game-tile-megamillions .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-cash4life .game-info,.main-outer--homepage .game-tile.game-tile-millionaire4life .game-info, .game-info,.draw-games-tiles .game-tile.game-tile-cash4life .game-info,.draw-games-tiles .game-tile.game-tile-millionaire4life .game-info,#drawGameJackpots .game-tile.game-tile-cash4life .game-info,#drawGameJackpots .game-tile.game-tile-millionaire4life .game-info,.main-outer--homepage .game-tile.game-tile-cash4life .lower-content,.draw-games-tiles .game-tile.game-tile-cash4life .lower-content,#drawGameJackpots .game-tile.game-tile-cash4life .lower-content { background-image: linear-gradient(-20deg,#067d68 0,#115543 100%) } .main-outer--homepage .game-tile.game-tile-cash4life .game-info,.main-outer--homepage .game-tile.game-tile-millionaire4life .game-info,.draw-games-tiles .game-tile.game-tile-cash4life .game-info,.draw-games-tiles .game-tile.game-tile-millionaire4life .game-info,#drawGameJackpots .game-tile.game-tile-cash4life .game-info,#drawGameJackpots .game-tile.game-tile-millionaire4life .game-info,.main-outer--homepage .game-tile.game-tile-cash4life .game-info h5,.draw-games-tiles .game-tile.game-tile-cash4life .game-info h5,#drawGameJackpots .game-tile.game-tile-cash4life .game-info h5,.main-outer--homepage .game-tile.game-tile-cash4life .tagline,.draw-games-tiles .game-tile.game-tile-cash4life .tagline,#drawGameJackpots .game-tile.game-tile-cash4life .tagline,.main-outer--homepage .game-tile.game-tile-cash4life .lower-content,.draw-games-tiles .game-tile.game-tile-cash4life .lower-content,#drawGameJackpots .game-tile.game-tile-cash4life .lower-content,.main-outer--homepage .game-tile.game-tile-cash4life .lower-content h3,.draw-games-tiles .game-tile.game-tile-cash4life .lower-content h3,#drawGameJackpots .game-tile.game-tile-cash4life .lower-content h3 { color: white!important } .main-outer--homepage .game-tile.game-tile-cardcash .game-info,.draw-games-tiles .game-tile.game-tile-cardcash .game-info,#drawGameJackpots .game-tile.game-tile-cardcash .game-info,.main-outer--homepage .game-tile.game-tile-cardcash .lower-content,.draw-games-tiles .game-tile.game-tile-cardcash .lower-content,#drawGameJackpots .game-tile.game-tile-cardcash .lower-content { background-image: linear-gradient(-20deg,#963a61 0,#451544 100%) } .main-outer--homepage .game-tile.game-tile-cardcash .game-info,.draw-games-tiles .game-tile.game-tile-cardcash .game-info,#drawGameJackpots .game-tile.game-tile-cardcash .game-info,.main-outer--homepage .game-tile.game-tile-cardcash .game-info h5,.draw-games-tiles .game-tile.game-tile-cardcash .game-info h5,#drawGameJackpots .game-tile.game-tile-cardcash .game-info h5,.main-outer--homepage .game-tile.game-tile-cardcash .tagline,.draw-games-tiles .game-tile.game-tile-cardcash .tagline,#drawGameJackpots .game-tile.game-tile-cardcash .tagline,.main-outer--homepage .game-tile.game-tile-cardcash .lower-content,.draw-games-tiles .game-tile.game-tile-cardcash .lower-content,#drawGameJackpots .game-tile.game-tile-cardcash .lower-content,.main-outer--homepage .game-tile.game-tile-cardcash .lower-content h3,.draw-games-tiles .game-tile.game-tile-cardcash .lower-content h3,#drawGameJackpots .game-tile.game-tile-cardcash .lower-content h3 { color: white!important } .home-tile-2 { border-radius: 2.5px; overflow: hidden; background: white; border: solid 1px #dfdfdf; position: relative; display: flex; flex-direction: column; margin-bottom: 20px } @media(min-width: 768px) { .home-tile-2 { height:115px } } .home-tile-2.home-tile-2--cashpop .home-tile-2__copy { background-image: linear-gradient(-20deg,#f15722 0,#f15722 100%); color: white } .home-tile-2.home-tile-2--fastplay { height: auto!important } @media(min-width: 768px) { .home-tile-2.home-tile-2--fastplay .home-tile-2__copy { flex-direction:row; justify-content: space-evenly } } .home-tile-2.home-tile-2--fastplay .home-tile-2__copy { background-image: linear-gradient(-20deg,#4c4d4f 0,#231f20 100%); color: white } .home-tile-2.home-tile-2--quick-draw .home-tile-2__copy { background-image: linear-gradient(-20deg,#003d7e 0,#140857 100%); color: white } @media(min-width: 768px) { .home-tile-2 .btn-primary { max-width:160px } } .home-tile-2 .home-tile-2__logo-holder { background: white; display: flex; align-items: center; justify-content: center; padding: 10px; max-width: 250px } @media(max-width: 767px) { .home-tile-2 .home-tile-2__logo-holder { min-width:100%; width: 100%; justify-content: center } } .home-tile-2 .home-tile-2__logo-holder img { width: 100%; height: auto; max-width: 125px } .home-tile-2 .home-tile-2__copy { padding: 10px; display: flex; align-items: center; justify-content: center; text-align: center; flex-grow: 1; flex-direction: column } .home-tile-2 .home-tile-2__copy .btn { position: relative; z-index: 900; margin-top: 5px } .home-tile-2 .home-tile-2__link { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } @media(min-width: 768px) { .home-tile-2 .home-tile-2__link { flex-grow:0 } } @media(min-width: 768px) { .home-tile-2 { flex-direction:row } .home-tile-2 .home-tile-2__logo-holder { flex-basis: 25% } .home-tile-2 .home-tile-2__copy { flex-basis: 75% } .home-tile-2.home-tile-2--fastplay .btn { margin: 0 10px 0 20px } } .home-tile-2__cashpop-numbers { background-image: linear-gradient(-20deg,#f15722 0,#f15722 100%); color: white!important; flex-grow: 1; display: flex; padding: 10px; justify-content: center; align-items: center; flex-direction: column } .home-tile-2__cashpop-numbers .cash-pop-header__draw-num { margin: 5px 0 } .home-tile-2__cashpop-numbers-det { padding-right: 20px; text-align: right } .home-tile-2__cashpop-numbers-det h5,.home-tile-2__cashpop-numbers-det h6 { color: white!important; margin: 0; padding: 0 } .home-tile-2__cashpop-numbers-group { display: flex; align-items: center } .home-tile-2__btn_row { min-width: 100%; margin-top: 10px; justify-content: center; display: flex } .index-second-chance { position: relative; padding: 10px 20px; background-image: url('/content/dam/portal/images/homepage/second-chance.png'); background-repeat: no-repeat; background-position: right 155px } .index-second-chance h2 { color: #fff; font-size: 22px; margin-top: 10px; margin-bottom: 10px } .index-second-chance .btn { position: absolute } @media(min-width: 992px) { .index-second-chance { min-height:283px } .index-second-chance .btn { bottom: 22px; right: 22px; left: 22px } } @media(min-width: 1024px) { .index-second-chance { min-height:292px } } @media(min-width: 1111px) { .index-second-chance { min-height:319px } } @media(min-width: 1113px) { .index-second-chance { min-height:320px } } @media(min-width: 480px) and (max-width:991px) { .index-second-chance { background-image:url("/content/dam/portal/images/homepage/second-chance-sm.png"); background-position: right bottom; min-height: 120px; margin-bottom: 10px } .index-second-chance .btn { bottom: 12px; right: 28px } .index-second-chance h2,.index-second-chance p { width: 64% } } @media(min-width: 480px) and (max-width:991px) and only screen and (-webkit-min-device-pixel-ratio:2),(min-width:480px) and (max-width:991px) and only screen and (min--moz-device-pixel-ratio:2),(min-width:480px) and (max-width:991px) and only screen and (-o-min-device-pixel-ratio:2),(min-width:480px) and (max-width:991px) and only screen and (min-device-pixel-ratio:2),(min-width:480px) and (max-width:991px) and only screen and (min-resolution:192dpi),(min-width:480px) and (max-width:991px) and only screen and (min-resolution:2dppx) { .index-second-chance { background-image:url("/content/dam/portal/images/homepage/second-chance-sm@2.png"); background-size: 194px 105px } } @media(max-width: 479px) { .index-second-chance { background-image:url("/content/dam/portal/images/homepage/second-chance-sm.png"); background-position: right bottom; background-size: 140px 76px; padding-bottom: 50px } .index-second-chance h2,.index-second-chance p { width: 100% } } @media(max-width: 479px) and only screen and (-webkit-min-device-pixel-ratio:2),(max-width:479px) and only screen and (min--moz-device-pixel-ratio:2),(max-width:479px) and only screen and (-o-min-device-pixel-ratio:2),(max-width:479px) and only screen and (min-device-pixel-ratio:2),(max-width:479px) and only screen and (min-resolution:192dpi),(max-width:479px) and only screen and (min-resolution:2dppx) { .index-second-chance { background-image:url("/content/dam/portal/images/homepage/second-chance-sm@2.png"); background-size: 140px 76px } } .registration .panel-title a { cursor: default } .registration .panel-title a[data-toggle] { cursor: pointer } .registration .panel-title a .icon-tick { color: #6ba539; font-size: 24px; margin-left: 6px; margin-top: -4px; line-height: 16px; top: 4px; display: none } .registration .panel-heading.complete .icon-tick { display: inline-block } .registration .panel-heading.disabled { opacity: .7 } .registration .panel-heading.disabled a { cursor: default } .registration .bg-primary .form-group { margin-bottom: 9px } @media(max-width: 768px) { form .form-inline .form-control { display:inline-block } } @media(max-width: 360px) { form .form-group-dob .form-control { display:block; float: none; clear: both; margin-bottom: 9px } } .catalog-instants { position: relative; clear: both; margin-left: -5px; margin-right: -5px } .catalog-instants:before,.catalog-instants:after { content: " "; display: table } .catalog-instants:after { clear: both } .filter-group { border: 1px solid #f8f8f8; background: #fdfdfd; padding: 8px; margin-bottom: 5px; clear: both } .filter-group:before,.filter-group:after { content: " "; display: table } .filter-group:after { clear: both } @media(max-width: 768px) { .filter-group span.title { display:none } } .filter-group .filters a,.filter-group a[data-sort],.filter-group a[data-toggle="collapse"] { color: #333; border: 1px solid #f3f3f3; text-decoration: none; background: #fff; border-radius: 3px; display: inline-block; padding: 4px 8px; margin-left: 6px; transition: background-color .5s ease } .filter-group .filters a:hover,.filter-group a[data-sort]:hover,.filter-group a[data-toggle="collapse"]:hover { transition: all .2s ease; box-shadow: inset 0 0 2px rgba(0,0,0,0.2); border: 1px solid #eee } .filter-group .filters a:active,.filter-group a[data-sort]:active,.filter-group a[data-toggle="collapse"]:active { transition: all .2s ease; box-shadow: inset 0 0 7px rgba(0,0,0,0.2); border: 1px solid #e9e9e9 } .filter-group .filters a.filtered,.filter-group a[data-sort].filtered,.filter-group a[data-toggle="collapse"].filtered { background-color: #6ba539; color: #fff } .filter-group .filters a+a[data-toggle="collapse"],.filter-group a[data-sort]+a[data-toggle="collapse"],.filter-group a[data-toggle="collapse"]+a[data-toggle="collapse"] { margin-top: 4px } .filter-group a[data-toggle="collapse"] { display: none } @media(max-width: 768px) { .filter-group a[data-toggle="collapse"] { display:block } } .filter-group a[data-sort] { float: right } .filter-group a[data-sort] .caret { visibility: visible; transform: rotate(180deg); transition: .3s } .filter-group a[data-sort].desc .caret,.filter-group a[data-sort].asc .caret { visibility: visible; transform: rotate(0deg); transition: .3s } .filter-group a[data-sort].asc .caret { border-top-color: transparent; border-bottom: 4px solid #333; margin-top: -4px } .filter-group .ig-search-cta { margin-left: 10px } .filter-group .ig-search-cta .ig-search-link { color: #6ba539; display: inline-block } @media(max-width: 768px) { .filter-group a { margin-left:0!important } .filter-group .filters a,.filter-group a[data-sort] { display: block; float: left; width: 49%; margin: 0; margin-top: 8px } .filter-group .filters a:nth-child(2n+1),.filter-group a[data-sort]:nth-child(2n+1) { float: right } .filter-group .filters { overflow: hidden; display: block; clear: both } .filter-group .filters:before,.filter-group .filters:after { content: " "; display: table } .filter-group .filters:after { clear: both } .filter-group .filters a[data-sort="price"],.filter-group a[data-sort="newest"] { float: none; display: none; width: 100% } .filter-group>.form-group { margin-bottom: 5px } .filter-group>.form-group+.separator { line-height: 12px; -webkit-transform: translate(0,6px); -ms-transform: translate(0,6px); -o-transform: translate(0,6px); transform: translate(0,6px) } } @media(min-width: 768px) { .filter-group .collapse { display:block } } .catalog-item { float: left; padding: 3.33333333px; width: 50% } @media(min-width: 480px) { .catalog-item { padding:5px } } @media(max-width: 370px) { .catalog-item { padding:2.5px; width: 100% } } @media(min-width: 768px) { .catalog-item { width:33.3% } } @media(min-width: 992px) { .catalog-item { width:25% } } .catalog-item .top-prize { line-height: 18px; padding: 4px 0 0 } .catalog-item h4 { margin-bottom: 0; color: #046a38; font-size: 16px; line-height: 22px; overflow: hidden; height: 22px; position: relative; white-space: nowrap } .catalog-item h4 .text-fade { background-image: -webkit-linear-gradient(left,rgba(253,253,253,0) 0,#fdfdfd 100%); background-image: -o-linear-gradient(left,rgba(253,253,253,0) 0,#fdfdfd 100%); background-image: linear-gradient(to right,rgba(253,253,253,0) 0,#fdfdfd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fdfdfd',endColorstr='#fffdfdfd',GradientType=1); top: 0; right: 0; bottom: 0; max-height: 100%; position: absolute; width: 45px } .catalog-item .game-number { margin: 4px 0; font-weight: bold; color: #6ba539 } .catalog-item p { margin: 0 } .catalog-item .price { display: block; color: #046a38; font-size: 16px; padding-top: 3px } .catalog-item img { max-width: 100%; width: 100%; } .catalog-item .btn { margin-top: 10px; display: block } .catalog-item-inner { overflow: hidden; padding: 10px; border: 1px solid #f8f8f8; background: #fdfdfd; border-radius: 2px } .catalog-item-inner .odds { text-align: left } .catalog-item-inner p { display: block } @media(max-width: 480px) { .catalog-instants { margin-left:-5px; margin-right: -5px } } .scratch-offs-banner { padding-bottom: 0; padding-top: 0; border: solid 1px #dfdfdf } .scratch-offs-banner h2 { text-align: center } .scratch-offs-banner .title-image { display: none } @media(min-width: 992px) { .scratch-offs-banner { padding-right:0; padding-left: 10px } .scratch-offs-banner .title-image { display: block; margin: 15px 20px 0 0 } .scratch-offs-banner .title-image,.scratch-offs-banner h2 { float: left } } @media(min-width: 992px) { .scratch-offs-banner h2 { margin-top:30px; width: 274px; font-size: 20px } } .instant-ticket-links { height: 130px; overflow: hidden; padding: 30px 0 0 0; margin: 0 auto; max-width: 665px; clear: both } @media(min-width: 992px) { .instant-ticket-links { height:136px; clear: none; padding: 60px 40px 0 0; float: right } } .instant-ticket-links>a { display: block; -webkit-transform: rotate(12.5deg); -ms-transform: rotate(12.5deg); -o-transform: rotate(12.5deg); transform: rotate(12.5deg); width: 158px; float: left; margin-left: -65px; -webkit-transition: margin .125s ease-in-out; -o-transition: margin .125s ease-in-out; transition: margin .125s ease-in-out } .instant-ticket-links>a:first-child { margin-left: 0 } @media(min-width: 992px) { .instant-ticket-links>a:hover { margin-top:-30px } } .instant-ticket-links>a:active { padding: 5px } .instant-ticket-links>a img { width: 100%; box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1) } @media(max-width: 520px) { .instant-ticket-links { display:none } } .instants-search .filter-group { padding: 15px 10px } .instants-search .filter-group .form-group label,.instants-search .filter-group .form-group input { display: block } @media(min-width: 992px) { .instants-search .filter-group .form-group input { width:150px } } .instants-search .filter-group .form-group label { font-size: 10px; margin-bottom: 0; text-transform: uppercase; color: #6ba539 } .instants-search .filter-group .separator { margin: 0 20px; color: #6ba539; font-weight: 600; display: block; text-align: center } @media(min-width: 768px) { .instants-search .filter-group .separator { display:inline-block; position: relative; top: 8px } } @media(min-width: 992px) { .instants-search .filter-group .btn { margin-left:10px } } .layout-vertical .catalog-item { width: 100%; display: block; padding: 0 } .layout-vertical .catalog-item img,.layout-vertical .catalog-item p { display: none } .layout-vertical .catalog-item a { float: right } .layout-vertical .catalog-item h4,.layout-vertical .catalog-item p.price,.layout-vertical .catalog-item p.game-number,.layout-vertical .catalog-item span { display: inline-block; color: #333 } .layout-vertical .catalog-item h4,.layout-vertical .catalog-item p,.layout-vertical .catalog-item span,.layout-vertical .catalog-item .btn { position: static; margin: 0; font-size: 12px; padding: 0; line-height: 15px; height: auto; overflow: hidden } .layout-vertical .catalog-item h4 { width: 120px } .layout-vertical .catalog-item .btn { background: 0; border: 0 } .layout-vertical .catalog-item .catalog-item-inner { padding: 10px 5px 5px; border-radius: 0; border: 0; border-bottom: 1px solid #f8f8f8; padding-left: 160px; position: relative } .layout-vertical .catalog-item p.game-number { position: absolute; left: 5px; top: 10px } .layout-vertical .catalog-item:nth-child(even) .catalog-item-inner { background: #fff } .instants-gamepage-header { font-family: 'Montserrat',sans-serif } .instants-gamepage-header h2 { padding-top: 20px; margin-top: 0; margin-bottom: 10px } .instants-gamepage-header .h3 { margin-top: 10px; margin-bottom: 0; padding-bottom: 10px } .instants-gamepage-header .start-draw,.instants-gamepage-header .ticket-price { clear: both; float: none } .instants-gamepage-header .start-draw h5,.instants-gamepage-header .ticket-price h5 { display: inline-block; padding-right: 5px; margin: 0; width: 50% } .instants-gamepage-header .start-draw .h5,.instants-gamepage-header .ticket-price .h5 { display: inline-block; font-weight: bold; margin: 5px auto; background: #fff; padding: 5px 11px; border-radius: 2px; color: #046a38 } .instants-gamepage-header .est-jackpot { font-weight: bold; text-transform: uppercase; margin: 0 } .instants-gamepage-header .amount { margin: 0; font-size: 32px } @media(max-width: 767px) { .instants-gamepage-header .prize-info,.instants-gamepage-header .instants-info { background:#fef2c2; margin-left: -10px; margin-right: -10px; padding: 0 10px; overflow: hidden } } @media(min-width: 480px) { .instants-gamepage-header .ticket-price,.instants-gamepage-header .start-draw { float:left } .instants-gamepage-header .ticket-price h5,.instants-gamepage-header .start-draw h5 { width: auto } .instants-gamepage-header .start-draw { float: right; clear: right } } @media(min-width: 768px) { .instants-gamepage-header .est-jackpot { margin-top:20px } .instants-gamepage-header .est-jackpot,.instants-gamepage-header .amount,.instants-gamepage-header .odds,.instants-gamepage-header .jersey-jackpot-date { text-align: right; padding-right: 10px } .instants-gamepage-header .jersey-jackpot-date { padding-bottom: 10px } .instants-gamepage-header .prize-info { float: right } .instants-gamepage-header .instants-info { float: left } } .instants-gamepage-thumb { text-align: center } .instants-gamepage-thumb img { margin: 0 auto 10px; width: 100%; max-width: 160px; max-height: 180px } @media(min-width: 768px) { .instants-gamepage-thumb img { margin-bottom:0; padding: 10px 0 20px } } @media(min-width: 992px) { .instants-gamepage-thumb img { padding:0 0 10px } } .banner-more-btn-wrap { margin-top: 20px } @media(min-width: 768px) { .banner-more-btn-wrap { margin-top:0; padding-left: 7% } } img.game-schedule { margin-bottom: 20px } @media(min-width: 992px) { img.game-schedule { margin-bottom:40px } } .draw-games-tiles.dailygames { margin-top: 10px } .draw-games-tiles h2 { font-size: 18px; text-transform: uppercase } .draw-games-tiles .img-center { min-height: 100px } .draw-games-tiles .btn-block { margin-top: 10px } .draw-games-tiles .play-responsibly-tile img { margin: 0 auto; display: block } @media(min-width: 768px) { .draw-games-tiles .dreams-a-chance-tile p,.draw-games-tiles .play-responsibly-tile p { min-height:60px } .draw-games-tiles.dailygames .dreams-a-chance-tile p,.draw-games-tiles.dailygames .play-responsibly-tile p { min-height: 102px } .has-greenball.draw-games-tiles.dailygames .dreams-a-chance-tile p,.has-greenball.draw-games-tiles.dailygames .play-responsibly-tile p { min-height: 124px } } @media(min-width: 992px) { .draw-games-tiles .lower-content { min-height:128px; padding-top: 20px } .draw-games-tiles .lower-content .btn-block { margin-top: 48px } } @media(min-width: 1093px) { .draw-games-tiles .dreams-a-chance-tile p,.draw-games-tiles .play-responsibly-tile p { min-height:107.5px } .draw-games-tiles .lower-content { min-height: 100px } } @media(max-width: 767px) { .draw-games-tiles .col-xs-6 { width:100% } } @media(max-width: 796px) and (min-width:768px) { .draw-games-tiles .lower-content { min-height:111px } .draw-games-tiles .lower-content .btn-block { margin-top: 40px } } @media(min-width: 480px) { .dreams-a-chance-tile { background-image:url('/content/dam/portal/images/draw-games/dreams-a-chance-bg.png'); background-position: right 8px; background-repeat: no-repeat } .dreams-a-chance-tile h2 { margin-top: 76px!important } } .main-outer .jackpot-page-header { margin-bottom: 10px } .draw-games-header { position: relative; border: solid 1px #ababab } @media(min-width: 768px) { .draw-games-header { margin-bottom:20px; height: 153px } } .draw-games-header.jackpot-page { height: auto } .draw-games-header .lower-content { display: none } .draw-games-header.jackpot-page .lower-content { display: block } @media(min-width: 992px) { .draw-games-header .lower-content { padding-left:20px } } .draw-games-header h2 { margin-bottom: 0 } .draw-games-header .game-image { width: 180px; margin: 0 auto; display: none } .draw-games-header .game-image img { height: 110px } @media(min-width: 768px) { .draw-games-header .game-image { margin:0 0 0 20px; display: block } } @media(max-width: 767px) { .draw-games-header .draw-games-banner-jackpot-info { text-align:center; display: none } } @media(min-width: 768px) { .draw-games-header.powerball,.draw-games-header.megamillions,.draw-games-header.monopoly,.draw-games-header.pick6 { font-size:13px; background-image: url('/content/dam/portal/images/headers/draw-games-powerball-sm.png'); background-position: right 14px; background-repeat: no-repeat } .draw-games-header.powerball .draw-games-banner-jackpot-info,.draw-games-header.megamillions .draw-games-banner-jackpot-info,.draw-games-header.monopoly .draw-games-banner-jackpot-info,.draw-games-header.pick6 .draw-games-banner-jackpot-info { position: absolute; top: 58px; right: 323px; width: 198px; color: #fff; text-align: center; font-family: 'Montserrat',sans-serif; line-height: 1 } .draw-games-header.powerball .amount,.draw-games-header.megamillions .amount,.draw-games-header.monopoly .amount,.draw-games-header.pick6 .amount { font-size: 40px; line-height: 44px } .draw-games-header.powerball .tagline,.draw-games-header.megamillions .tagline,.draw-games-header.monopoly .tagline,.draw-games-header.pick6 .tagline { width: 104px; margin: 0 auto } .draw-games-header.megamillions { background-image: url('/content/dam/portal/images/headers/draw-games-mega-sm.png'); background-position: right 0; background-repeat: no-repeat } .draw-games-header.megamillions .draw-games-banner-jackpot-info { right: 310px } .draw-games-header.megamillions .draw-games-banner-jackpot-info { color: #333 } .draw-games-header.megamillions .amount { color: #dc0714 } .draw-games-header.megamillions>.game-image { width: 150px; margin-top: 10px; margin-bottom: 5px } .draw-games-header.megamillions>.game-image img { height: 93px } .draw-games-header.pick6 { background-image: url('/content/dam/portal/images/headers/draw-games-pick6.png'); background-position: right -4px; background-repeat: no-repeat } .draw-games-header.pick6 .draw-games-banner-jackpot-info { color: white; top: 54px; right: 394px } .draw-games-header.pick6 .amount { color: white } .draw-games-header.pick6 .game-image img { width: 140px; height: 90px } .draw-games-header.pick6 .game-image { width: 140px; height: 95px; margin-top: 10px; margin-bottom: 5px } .draw-games-header.monopoly { background-image: url('/content/dam/portal/images/headers/draw-games-monopoly-sm.png'); background-position: right 0; background-repeat: no-repeat } .draw-games-header.monopoly .game-image { width: 120px; height: 95px; margin-bottom: 20px } .landing-page-header.draw-games-header.monopoly { background-image: url('/content/dam/portal/images/headers/jackpot-games-monopoly-tablet.png'); background-position: right bottom; height: 236px; margin-bottom: 20px } .landing-page-header.draw-games-header.monopoly .game-image { width: 100px } .draw-games-header.monopoly .draw-games-banner-jackpot-info { color: #333; top: 14px; right: 372px; width: 140px } .draw-games-header.monopoly .draw-games-banner-jackpot-info .amount { line-height: 38px } .draw-games-header.monopoly .draw-games-banner-jackpot-info .est-jackpot { text-transform: uppercase } .draw-games-header.monopoly .amount2 { font-size: 13px; line-height: 11px; display: table-row; text-transform: uppercase } .draw-games-header.monopoly .amount2 span { display: table-cell; text-align: left; vertical-align: middle } .draw-games-header.monopoly .count { font-size: 29px; padding-right: 2px } .draw-games-header.landing-page-header h3 { font-size: 24px } .draw-games-header.landing-page-header .game-image { position: absolute; top: 0; right: 10px; width: 120px } .draw-games-header.dailygames .game-image { display: none } } @media(min-width: 768px) and (min-width:992px) { .draw-games-header.powerball,.draw-games-header.megamillions,.draw-games-header.monopoly,.draw-games-header.pick6 { background-image:url('/content/dam/portal/images/headers/draw-games-powerball.png') } } @media(min-width: 768px) and (min-width:992px) { .draw-games-header.powerball .draw-games-banner-jackpot-info,.draw-games-header.megamillions .draw-games-banner-jackpot-info,.draw-games-header.monopoly .draw-games-banner-jackpot-info,.draw-games-header.pick6 .draw-games-banner-jackpot-info { right:343px } } @media(min-width: 768px) and (min-width:992px) { .draw-games-header.megamillions { background-image:url('/content/dam/portal/images/headers/draw-games-mega.png') } .draw-games-header.megamillions .draw-games-banner-jackpot-info { right: 343px } } @media(min-width: 768px) and (min-width:992px) { .draw-games-header.pick6 { background-image:url('/content/dam/portal/images/headers/draw-games-pick6.png') } .draw-games-header.pick6 .draw-games-banner-jackpot-info { right: 394px } } @media(min-width: 768px) and (min-width:992px) { .draw-games-header.monopoly { background-image:url('/content/dam/portal/images/headers/draw-games-monopoly-sm.png') } .draw-games-header.monopoly .game-image { width: 160px } } @media(min-width: 768px) and (min-width:992px) { .landing-page-header.draw-games-header.monopoly { background-image:url('/content/dam/portal/images/headers/jackpot-games-monopoly.png'); background-position: right bottom; height: 236px; margin-bottom: 20px; background-size: 724px 213px } .landing-page-header.draw-games-header.monopoly .game-image { width: 120px } .landing-page-header.landing-page-header.draw-games-header.monopoly .draw-games-banner-jackpot-info { top: 48px; right: 132px; left: auto } } @media(min-width: 768px) and (min-width:992px) and (min-width:992px) { .landing-page-header.landing-page-header.draw-games-header.monopoly .draw-games-banner-jackpot-info { top:28px; right: 268px; left: auto } } @media(min-width: 768px) and (max-width:1040px) { .landing-page-header.draw-games-header.monopoly { background-image:url('/content/dam/portal/images/headers/jackpot-games-monopoly-tablet.png'); background-size: 450px 162px } .landing-page-header.draw-games-header.monopoly .game-image { width: 100px } .landing-page-header.landing-page-header.draw-games-header.monopoly .draw-games-banner-jackpot-info { top: 62px; right: 80px; left: auto } } @media(max-width: 925px) { .draw-games-header.dailygames .col-sm-4 { width:100% } } @media(min-width: 926px) { .draw-games-header.dailygames { background-image:url('/content/dam/portal/images/headers/dailygames-header.png'); background-position: right 0; height: 236px; margin-bottom: 20px; background-repeat: no-repeat } .draw-games-header.dailygames .game-image { height: 38px; top: 22px; right: 176px; right: 92px; display: block } .draw-games-header.dailygames .game-image img { height: 38px } .draw-games-header.dailygames .game-image.image2 { right: 176px } .draw-games-header.dailygames .game-image.image3 { right: 5px } .draw-games-header.dailygames .game-image.image3 img { height: 42px } } .draw-games-header .game-links { overflow: hidden; text-align: center; padding-bottom: 10px } @media(min-width: 768px) { .draw-games-header .game-links { overflow:visible; position: absolute; top: 10px; right: 10px } } .draw-games-header .game-links .game-image { position: relative; margin: 10px 0; width: 66px; display: inline-block } @media(min-width: 480px) { .draw-games-header .game-links .game-image { width:80px } } @media(min-width: 768px) { .draw-games-header .game-links .game-image { display:block; float: left; margin: 0 } } .draw-games-header .game-links .game-image img { position: relative; width: 80%; max-height: 36px } @media(min-width: 768px) { .draw-games-header .game-links .game-image:hover img,.draw-games-header .game-links .game-image:active img { width:84%; max-width: 188% } .draw-games-header .game-links .game-image:hover .shadow,.draw-games-header .game-links .game-image:active .shadow { width: 60%; margin-left: -30%; background: rgba(0,0,0,0.05) } .draw-games-header .game-links .game-image:active img { top: 2px } } .draw-games-header .shadow { -webkit-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; content: ' '; display: block; background: rgba(0,0,0,0.025); width: 76%; height: 10px; border-radius: 160% / 200%; position: absolute; top: 35px; left: 50%; z-index: 0; margin-left: -38% } .main-content .game-page-banner { margin-top: -10px } @media(min-width: 724px) { .game-page-banner .game-image { margin:0 0 0 30px } } .game-page-banner img { width: 100%; height: auto } .game-page-banner .est-jackpot,.game-page-banner .amount { font-family: 'Montserrat',sans-serif; font-weight: bold } @media(min-width: 660px) { .game-page-banner .primary-and-secondary-jackpot { float:right } } .game-page-banner .top-prize,.game-page-banner .second-prize { float: left; width: 50% } @media(min-width: 660px) { .game-page-banner .top-prize,.game-page-banner .second-prize { width:auto; padding-left: 20px } } .game-page-banner .h1,.game-page-banner h2,.game-page-banner .est-jackpot,.game-page-banner .amount,.game-page-banner .tagline,.game-page-banner .ex-url { text-align: right; text-transform: uppercase; margin: 0; padding-right: 30px } @media(max-width: 991px) { .game-page-banner .h1,.game-page-banner h2,.game-page-banner .est-jackpot,.game-page-banner .amount,.game-page-banner .tagline,.game-page-banner .ex-url { padding-right:20px } } @media(max-width: 660px) { .game-page-banner .h1,.game-page-banner h2,.game-page-banner .est-jackpot,.game-page-banner .amount,.game-page-banner .tagline,.game-page-banner .ex-url { padding-right:10px } } @media(max-width: 660px) { .game-page-banner .h1,.game-page-banner h2,.game-page-banner .est-jackpot,.game-page-banner .amount,.game-page-banner .tagline,.game-page-banner .ex-url { text-align:center } } .game-page-banner .ex-url { text-transform: none; font-size: 13px } .game-page-banner .h1,.game-page-banner .amount { font-size: 38px; margin-top: 34px; color: #046a38 } @media(max-width: 660px) { .game-page-banner .h1 { margin-top:4px } } .game-page-banner .tagline { font-size: 14.5px; color: #6ba539; font-family: 'Montserrat',sans-serif; font-weight: bold } .game-page-banner .est-jackpot { margin-top: 20px } .cash5.game-page-banner .est-jackpot { margin-top: 30px } .game-page-banner .amount { margin-top: 0; line-height: 40px } .cash4life.game-page-banner .amount { font-size: 32px } @media(max-width: 660px) { .game-page-banner { padding-bottom:10px } .game-page-banner .est-jackpot { margin-top: 10px } .game-page-banner .col-xs-3,.game-page-banner .col-xs-4,.game-page-banner .col-xs-5,.game-page-banner .col-xs-6,.game-page-banner .col-xs-7,.game-page-banner .col-xs-8,.game-page-banner .col-xs-9 { width: 100% } } .greenball-highlight { color: #6ba539 } .redball-highlight { color: #e74c3c } .lastest-draw-info .multipler h5 { margin-top: 0; text-align: center } @media(min-width: 724px) { .lastest-draw-info.lower-content { padding-top:17.5px } .lastest-draw-info.pick4,.lastest-draw-info.pick3 { padding-top: 5px } .lastest-draw-info .multipler { float: left; overflow: hidden; margin-top: 11px } } .lastest-draw-info .h6 { font-size: 10px; color: #6ba539; margin-bottom: 0 } @media(min-width: 724px) { .lastest-draw-info .h6 { margin-bottom:4.5px } } .lastest-draw-info h5,.lastest-draw-info h6 { color: white } .lastest-draw-info .next-draw { padding-right: 10px; text-align: center; padding-top: 1px; clear: both } @media(min-width: 840px) { .lastest-draw-info .next-draw { float:right; text-align: right; clear: none } } .lastest-draw-info .next-draw h5 { margin-top: 5px; display: block; text-align: center; margin-bottom: 0 } @media(min-width: 724px) { .lastest-draw-info .next-draw h5 { display:inline-block; margin-top: 5px } } .lastest-draw-info .next-draw .h5 { display: inline-block; font-weight: bold; margin-top: 0; margin-left: auto; margin-right: auto; background: #fff; padding: 5px 11px; border-radius: 2px; color: #046a38; margin-bottom: 0 } @media(min-width: 724px) { .lastest-draw-info .next-draw .h5 { margin-top:5px; margin-left: 5px } } .pick4.lastest-draw-info .next-draw .h5,.pick3.lastest-draw-info .next-draw .h5 { margin-top: 0 } .lastest-draw-info .winning-numbers { padding-top: 5px; text-align: center; padding-bottom: 10px } .pick4.lastest-draw-info .winning-numbers,.pick3.lastest-draw-info .winning-numbers { padding-top: 0 } .lastest-draw-info .winning-numbers .lotto-numbers { padding-top: 5px } @media(min-width: 724px) { .lastest-draw-info .winning-numbers { float:left; text-align: left } .lastest-draw-info .winning-numbers .legend,.lastest-draw-info .winning-numbers .midday,.lastest-draw-info .winning-numbers .evening { float: left; padding-right: 13px; padding-left: 13px; text-align: center } .lastest-draw-info .winning-numbers .midday,.lastest-draw-info .winning-numbers .evening { min-width: 180px } .lastest-draw-info .winning-numbers .lotto-numbers { padding: 0 } } .lastest-draw-info .winning-numbers.has-whiteball { position: relative } @media(min-width: 724px) { .lastest-draw-info .winning-numbers.has-whiteball { padding-right:95px } .lastest-draw-info .winning-numbers.has-whiteball.redball-draw { padding-bottom: 15px } } @media(max-width: 710px) { .lastest-draw-info .winning-numbers.has-whiteball { padding-right:0; overflow: hidden } } @media(max-width: 723px) { .lastest-draw-info .winning-numbers.has-whiteball { padding-bottom:76px } } .lastest-draw-info .winning-numbers .greenball-info,.lastest-draw-info .winning-numbers .redball-info { padding-top: 10px; clear: both } .lastest-draw-info.cash5 { padding: 20px; } @media (min-width: 797px) { .lastest-draw-info.cash5 .new-game-page-winning-numbers__col { align-items: flex-start; } } .lastest-draw-info .winning-numbers .greenball-info:before,.lastest-draw-info .winning-numbers .redball-info:before,.lastest-draw-info .winning-numbers .greenball-info:after,.lastest-draw-info .winning-numbers .redball-info:after { content: " "; display: table } .lastest-draw-info .winning-numbers .greenball-info:after,.lastest-draw-info .winning-numbers .redball-info:after { clear: both } @media(min-width: 724px) { .lastest-draw-info .winning-numbers .legend { text-align:right; padding-right: 15px; width: 240px } } .lastest-draw-info .winning-numbers .legend h5,.lastest-draw-info .winning-numbers .legend h6 { color: white; margin: 0 } .lastest-draw-info .winning-numbers .legend h5.greenball,.lastest-draw-info .winning-numbers .legend h6.greenball { color: #6ba539 } .lastest-draw-info .winning-numbers .legend h5.redball,.lastest-draw-info .winning-numbers .legend h6.redball { color: #e74c3c } .lastest-draw-info .winning-numbers .legend h5 { font-size: 13.5px } .pick4.lastest-draw-info .winning-numbers .legend h5,.pick3.lastest-draw-info .winning-numbers .legend h5 { line-height: 26px } @media(min-width: 724px) { .pick4.lastest-draw-info .winning-numbers .legend h5,.pick3.lastest-draw-info .winning-numbers .legend h5 { margin-top:25.1px } } .pick4.lastest-draw-info .winning-numbers .legend h5.greenball,.pick3.lastest-draw-info .winning-numbers .legend h5.greenball,.pick4.lastest-draw-info .winning-numbers .legend h5.redball,.pick3.lastest-draw-info .winning-numbers .legend h5.redball { margin-top: 0 } .lastest-draw-info .winning-numbers .legend h6 { font-weight: normal; font-size: 11.5px } .pick4.lastest-draw-info .winning-numbers .legend h6+h5,.pick3.lastest-draw-info .winning-numbers .legend h6+h5 { margin-top: 5px } .lastest-draw-info .whiteball { position: absolute } @media(min-width: 724px) { .lastest-draw-info .whiteball { right:15px; top: 25.1px } .lastest-draw-info .whiteball.redball-draw { top: 4px } } @media(max-width: 710px) { .lastest-draw-info .whiteball { top:96px; right: auto; left: 20px } } @media(max-width: 723px) { .lastest-draw-info .whiteball { left:50%; margin-left: -30px; top: 164px } .lastest-draw-info .whiteball.redball-draw { top: 90px } } .whiteball { position: relative; padding: 0 } .whiteball span { width: 60px } .whiteball span>i { width: 60px; height: 60px; border-radius: 50%; line-height: 36px; font-size: 26px } .whiteball span.ribbon { display: block; width: 83px; height: 26px; position: absolute; margin-left: -41.5px; left: 50%; top: 32px; background-image: url("/content/dam/portal/images/daily-games/whiteball-ribbon.png") } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .whiteball span.ribbon { background-image:url("/content/dam/portal/images/daily-games/whiteball-ribbon@2X.png"); background-size: 83px 26px } } .game-page-banner.cash4life .top-prize>div { border-right: 1px solid rgba(0,0,0,0.1) } @media(max-width: 360px) { .game-page-banner.cash4life .tagline { font-size:13px } .game-page-banner.cash4life .amount { font-size: 28px } } .td-X { background-size: 22px 20px; background-repeat: no-repeat; height: 20px; line-height: 22px; font-size: 18px; color: #222; display: block; padding-left: 22px; margin-left: 5px; font-weight: bold } .td-X.cash5 { background-image: url('/content/dam/portal/images/game-logos/cash5-X.png'); background-image: url('/content/dam/portal/images/game-logos/cash5-X.svg') } .td-X.pick6 { background-image: url('/content/dam/portal/images/game-logos/pick6-X.png'); background-image: url('/content/dam/portal/images/game-logos/pick6-X.svg') } td .td-X { background-size: 18px 16px; padding-left: 19px; margin-left: 0; height: 16px; line-height: 16px; font-size: 15px } @media(max-width: 1050px) { td .td-X { padding-left:18px } } td.xtra-bg { background: rgba(118,186,231,0.4) } tr:nth-child(even) td.xtra-bg { background: rgba(118,186,231,0.7) } .table tr th.xtra-bg { background: rgba(118,186,231,0.4); border-color: rgba(118,186,231,0.7); border-top: 0 } .table tr th.pick6-bg { background-color: rgba(254,242,194,0.5) } .table tr.no-border th { border: 0 } .table tr th.xtra-th-bg,.table tr th.pick6-th-bg { vertical-align: top; padding: 0; max-width: 500px } .table tr th.xtra-th-bg img,.table tr th.pick6-th-bg img { width: 100% } @media(max-width: 660px) { body:not(.print-view) .pd-table-responsive.table-striped tbody>tr td.xtra-bg:nth-child(even) { background:rgba(118,186,231,0.7) } body:not(.print-view) .pd-table-responsive.table-striped tbody>tr td.xtra-bg:nth-child(even):before { color: #1d70a7 } body:not(.print-view) .pd-table-responsive.table-striped tbody>tr td.xtra-bg:nth-child(odd) { background: rgba(118,186,231,0.4) } body:not(.print-view) .pd-table-responsive.table-striped tbody>tr td.xtra-bg:nth-child(odd):before { color: #1d70a7 } } .main-content.game-end { padding: 10px 20px 0 } .lower-content .legend h6 time,.lower-content .quick-draw-header__draw-num { color: white!important } .lower-content h5,.lower-content .h6,.lower-content .h6 time { color: white } .lower-content .h5 time { color: black } .lower-content.pick3 { background-image: linear-gradient(-20deg,#1fb25a 0,#05773d 100%) } .lower-content.pick4 { background-image: linear-gradient(-20deg,#ee3a43 0,#b00c28 100%) } .lower-content.cash5 { background-image: linear-gradient(-20deg,#963c97 0,#630560 100%) } .lower-content.pick6 { background-image: linear-gradient(-20deg,#009ddc 0,#005174 100%) } .lower-content.powerball { background-image: linear-gradient(-20deg,#dd1a32 0,#8b080b 100%) } .lower-content.megamillions { background-image: linear-gradient(-20deg,#0066a4 0,#00335e 100%) } .lower-content.cash4life { background-image: linear-gradient(-20deg,#067d68 0,#115543 100%) } .lower-content.millionaire4life { background-image: linear-gradient(-20deg,#067d68 0,#115543 100%) } .lower-content.quick-draw { background-image: linear-gradient(-20deg,#003d7e 0,#140857 100%) } .lower-content.cash-pop { background-image: linear-gradient(-20deg,#f15722 0,#f15722 100%) } .lower-content.cardcash { background-image: linear-gradient(-20deg,#451544 0,#451544 100%) } .cashpop-game-header { font-size: 28px; text-align: center!important } .pick3.game-page-banner .whiteball,.pick4.game-page-banner .whiteball { width: 60px; margin: 30px auto 0 auto } .pick3.game-page-banner .winning-numbers .legend,.pick4.game-page-banner .winning-numbers .legend { width: 100% } @media(max-width: 660px) { .pick3 .game-image,.pick4 .game-image { margin:0 0 0 20px!important } .pick3 .whiteball,.pick4 .whiteball { position: absolute; right: 20px; top: 20px } } .new-game-page-header { border-radius: 2px; background-color: white; margin-bottom: 10px; overflow: hidden; border: 1px solid #dfdfdf } .new-game-page-header .whiteball { width: 60px } .new-game-page-logo-bar { display: flex; flex-direction: row; align-items: center; padding: 0 10px; min-height: 150px } .new-game-page-logo-bar .new-game-page-logo-bar__col { max-width: 50%; width: 50%; display: flex } .new-game-page-logo-bar .new-game-page-logo-bar__col--logo img { width: 150px; height: auto } @media(max-width: 320px) { .new-game-page-logo-bar .new-game-page-logo-bar__col--logo img { width:120px } } .new-game-page-logo-bar .new-game-page-logo-bar__col--whiteball { justify-content: center; align-items: center } .new-game-page-logo-bar .new-game-page-logo-bar__col--whiteball .whiteball span>i { width: 80px; height: 80px; font-size: 38px; line-height: 46px } .new-game-page-logo-bar .new-game-page-logo-bar__col--whiteball .ribbon { display: block; width: 104px; height: 33px; background-size: contain; background-repeat: no-repeat; top: 42px } .new-game-page-winning-numbers { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 15px } @media(max-width: 796px) { .new-game-page-winning-numbers { flex-direction:column } } .new-game-page-winning-numbers__current { flex-grow: 1; display: flex; justify-content: center; align-items: center; flex-direction: column } .new-game-page-winning-numbers__current h6 { font-size: 10px!important; color: white!important; margin: 0 0 5px 0!important } .new-game-page-next-draw { background-color: white; border-radius: 2px; padding: 2px 10px; text-align: center; font-weight: bold; color: black } .new-game-page-winning-numbers__time { font-size: 10px } .new-game-page-winning-numbers__next-draw { flex-grow: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: right } .new-game-page-winning-numbers__next-draw media(max-width:796px) { margin-top: 20px!important } .new-game-page-winning-numbers__col { flex-grow: 1; padding-right: 15px; text-align: center; display: flex; flex-direction: column } @media(max-width: 796px) { .new-game-page-winning-numbers__col { min-width:100%; padding-right: 0; margin-bottom: 15px } } .new-game-page-winning-numbers__title { font-size: 12px!important; color: white!important; margin: 0 0 2px 0!important; text-transform: uppercase; font-weight: bold; font-family: 'Montserrat',sans-serif } .new-game-page-winning-numbers__numbers-wrapper { display: flex; flex-direction: row; min-width: 100%; justify-content: center } @media(max-width: 796px) { .new-game-page-winning-numbers__numbers-wrapper { flex-direction:column } } .new-game-page-winning-numbers__header,h2.new-game-page-winning-numbers__header { color: white!important; font-size: 13.5px; margin: 0 0 10px 0; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding-right: 10px; min-width: 100%; width: 100%; text-align: center; font-size: 15px } @media(max-width: 796px) { .new-game-page-winning-numbers__header,h2.new-game-page-winning-numbers__header { padding-right:0 } } .new-game-page-winning-numbers--pick3 { background-image: linear-gradient(-20deg,#1fb25a 0,#05773d 100%) } .new-game-page-winning-numbers--pick4 { background-image: linear-gradient(-20deg,#ee3a43 0,#b00c28 100%) } @media(min-width: 797px) { .new-game-page-logo-bar--pick3 { background:url('/content/dam/portal/images/headers/pick3-game-page-bg.png') 240px center no-repeat } .new-game-page-logo-bar--pick4 { background: url('/content/dam/portal/images/headers/pick4-game-page-bg.png') 240px center no-repeat } } .lower-banner { overflow: hidden; padding: 10px; background-position: right top; background-repeat: no-repeat; display: none; background-position-y: -70px; } @media(min-width: 992px) { .lower-banner { padding:10px 20px; display: block } } .lower-banner .game-image { width: 170px; } @media(max-width: 767px) { .lower-banner .game-image { margin:0 auto } } .lower-banner .game-image img { width: 170px } .lower-banner.scratch-offs { background-image: url('/content/dam/portal/images/scratch-offs/instants-promo-bg.png'); background-position: right bottom; background-repeat: no-repeat } .lower-banner.scratch-offs img { float: left; padding: 10px } .lower-banner.scratch-offs>h3 { float: left; padding: 20px; color: #ffd100; font-size: 23px } .lower-banner.monopoly { background-position: right bottom; background-image: url('/content/dam/portal/images/headers/monopoly-game-page-bg.png') } .lower-banner.powerball { background-position: right 2px; background-image: url('/content/dam/portal/images/headers/powerball-game-page-bg.png') } .lower-banner.megamillions { background-position: right 6px; background-image: url('/content/dam/portal/images/headers/megamillions-game-page-bg.png') } .lower-banner.cash4life { background-image: url('/content/dam/portal/images/headers/cash4life-game-page-bg.png') } .lower-banner.pick6 { background-position: right -56px; background-image: url('/content/dam/portal/images/headers/pick6-game-page-bg.png') } .lower-banner.pick4 { background-position: right -36px; background-image: url('/content/dam/portal/images/headers/pick4-game-page-bg.png') } .lower-banner.pick3 { background-position: right -66px; background-image: url('/content/dam/portal/images/headers/pick3-game-page-bg.png') } .lower-banner.cash5 { background-position: right -20px; background-image: url('/content/dam/portal/images/headers/cash5-xtra-game-page-bg.png') } .lower-banner.quick-draw { background-image: url('/content/dam/portal/images/headers/quickdraw-game-page-bg.png') } .lower-banner .next-draw { padding-right: 10px; text-align: center; padding-top: 1px; clear: both } @media(min-width: 840px) { .lower-banner .next-draw { float:right; text-align: right; clear: none } } .lower-banner .next-draw h5 { margin-top: 5px; display: block; text-align: center; margin-bottom: 0 } @media(min-width: 724px) { .lower-banner .next-draw h5 { display:inline-block; margin-top: 5px } } .lower-banner .next-draw .h5 { display: inline-block; font-weight: bold; margin-top: 0; margin-left: auto; margin-right: auto; background: #fff; padding: 5px 11px; border-radius: 2px; color: #046a38; margin-bottom: 0 } @media(min-width: 724px) { .lower-banner .next-draw .h5 { margin-top:5px; margin-left: 5px } } .pick4.lower-banner .next-draw .h5,.pick3.lower-banner .next-draw .h5 { margin-top: 0 } @media(min-width: 768px) { .lower-banner .next-draw { float:none; text-align: left } } .lower-banner .next-draw h5 { color: #333; display: block; text-align: left; margin-top: 28px; line-height: 16px } .lower-banner .next-draw .h5 { margin: 5px 0 0 } .lower-banner .next-draw--quick-draw { margin-top: 20px } .lower-banner .est-jackpot { font-family: 'Montserrat',sans-serif; font-weight: bold; text-align: right; text-transform: uppercase; margin: 0; padding-right: 30px; margin-top: 20px; font-size: 14px; text-align: left; margin-top: 28px; line-height: 16px } @media(max-width: 991px) { .lower-banner .est-jackpot { padding-right:20px } } @media(max-width: 660px) { .lower-banner .est-jackpot { padding-right:10px } } @media(max-width: 660px) { .lower-banner .est-jackpot { text-align:center } } .cash5.lower-banner .est-jackpot { margin-top: 30px } .lower-banner .amount { font-family: 'Montserrat',sans-serif; font-weight: bold; text-align: right; text-transform: uppercase; margin: 0; padding-right: 30px; font-size: 38px; margin-top: 34px; color: #046a38; margin-top: 0; line-height: 40px; font-size: 30px; line-height: 30px; text-align: left; font-weight: normal } @media(max-width: 991px) { .lower-banner .amount { padding-right:20px } } @media(max-width: 660px) { .lower-banner .amount { padding-right:10px } } @media(max-width: 660px) { .lower-banner .amount { text-align:center } } .cash4life.lower-banner .amount { font-size: 32px } .lower-banner .tagline { text-align: right; text-transform: uppercase; margin: 0; padding-right: 30px; font-size: 14.5px; color: #6ba539; font-family: 'Montserrat',sans-serif; font-weight: bold; font-size: 14px; text-align: left } @media(max-width: 991px) { .lower-banner .tagline { padding-right:20px } } @media(max-width: 660px) { .lower-banner .tagline { padding-right:10px } } @media(max-width: 660px) { .lower-banner .tagline { text-align:center } } .lower-banner .h1 { text-align: right; text-transform: uppercase; margin: 0; padding-right: 30px; font-size: 38px; margin-top: 34px; color: #046a38; text-align: left; margin-top: 18px } @media(max-width: 991px) { .lower-banner .h1 { padding-right:20px } } @media(max-width: 660px) { .lower-banner .h1 { padding-right:10px } } @media(max-width: 660px) { .lower-banner .h1 { text-align:center } } @media(max-width: 660px) { .lower-banner .h1 { margin-top:4px } } .lower-banner .primary-and-secondary-jackpot>div { float: left } [data-link] { cursor: pointer } [data-link]:hover { opacity: .75; filter: alpha(opacity=75) } .news-archive h2 { margin-top: 0 } @media(max-width: 660px) { .news-archive .col-xs-8,.news-archive .col-xs-4 { width:100% } } .news-archive-link { background-color: #fff; border: 1px solid rgba(0,0,0,0.06); border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); display: block; padding: 8px 2px 6px 6px; line-height: 26px; margin-bottom: 10px; text-align: center; font-weight: bold } .news-archive-link:hover,.news-archive-link:active { text-decoration: none } .news-archive-link [class^="icon-"],.news-archive-link [class*=" icon-"] { color: #6ba539; display: block; margin: 0 4px 3px 1px; font-size: 24px; float: left; text-decoration: none; line-height: 18px } .news-archive-link>span { line-height: 26px!important } @media(min-width: 992px) { .news-archive-link { text-align:left } .news-archive-link span { float: left; margin-right: 3px } } @media(max-width: 660px) { .news-archive-link { text-align:left } .news-archive-link span { float: left; margin-right: 10px } } .headline-print-bar { position: relative; padding-right: 100px } .headline-print-bar__buttons { position: absolute; right: 0; top: -6px } .headline-print-bar__btn,.headline-print-bar_btn:visited,.headline-print-bar_btn:focus { font-size: 30px; color: #6ba539; text-decoration: none!important } .headline-print-bar__btn:hover,.headline-print-bar_btn:visited:hover,.headline-print-bar_btn:focus:hover { color: #5f9232 } .news__title { color: #6ba539; margin-bottom: 40px } .news-thumb__row { margin-bottom: 10px } .news-thumb { width: 100%; max-width: 350px; height: auto; margin: 0 auto; display: block } .clover-club-sections .panel { overflow: hidden } .clover-club-sections .bg-primary { overflow: hidden; padding: 10px } .clover-club-sections .bg-primary h3 { text-align: center } .clover-club-sections .bg-primary p { margin-bottom: 9px } .clover-club-sections .right-content { margin-top: 15px } .clover-club-sections.second-chance .panel-body { padding-left: 7.5px; padding-right: 7.5px } .clover-club-sections.second-chance .img-center { margin-top: 15px } .clover-club-sections.second-chance .img-center.x-img { padding-top: 15px } @media(min-width: 599px) { .clover-club-sections .left-content,.clover-club-sections .right-content { margin:0; float: left; width: 50%; margin-bottom: 15px } .clover-club-sections .left-content .btn-block,.clover-club-sections .right-content .btn-block { margin-bottom: -15px } .clover-club-sections .left-content { border-right: 1px solid rgba(0,0,0,0.06) } } @media(min-width: 992px) { .clover-club-sections .col-md-4-center { padding:0 5px } .clover-club-sections .col-md-4-left { padding-right: 5px } .clover-club-sections .col-md-4-right { padding-left: 5px } } @media(min-width: 992px) and (max-width:1100px) { .clover-club-sections h2 { font-size:19px } } .clover-club-sections .img-center { height: 110px } .page-title .vip-icon { width: 80px; margin: -10px 10px 0 -6px } .my-account-settings-panel img { float: left; padding-right: 5px; margin-top: -5px } .my-account-settings-panel .h2 { overflow: hidden; margin-top: 5px; padding-top: 5px; padding-left: 5px } .my-account-notifications-panel .img-center { position: relative } .my-account-notifications-panel .img-center .messages-count { position: absolute; top: 70px; left: 50%; margin-left: 8px } .messages-count { border-radius: 50%; background: #6ba539; display: block; width: 19px; height: 19px; font-size: 13px; line-height: 19px; text-align: center; color: #fff } .form-my-preferences { overflow: hidden } .form-my-preferences .panel h3 { margin-bottom: 5px; font-size: 16px; line-height: 1 } .form-my-preferences .checkbox ~ h3 { margin-top: 25px } .text-content .form-my-preferences { padding-bottom: 20px } @media(min-width: 992px) { .text-content .form-my-preferences { padding-bottom:40px } } .form-my-preferences h2 { margin-top: 27px } .form-my-preferences .checkbox label { font-weight: normal } .form-my-preferences label { font-weight: normal } .form-my-preferences .panel { margin-bottom: 10px } @media(min-width: 992px) { .form-my-preferences .col-md-4 .panel-body { min-height:170px } } .form-my-preferences .form-inline .checkbox { margin-right: 60px } @media(max-width: 991px) { .form-my-preferences .form-inline .checkbox { display:block } } .form-group-switches { overflow: hidden } .form-group-switches .toggle-switch-label { font-weight: bold; font-family: 'Montserrat',sans-serif; color: #6ba539; text-transform: uppercase; display: inline-block; margin-top: 25px; vertical-align: top; padding: 0 10px; font-size: 16px } .form-group-switches .toggle-switch-container { display: inline-block; float: right; margin-top: 17px; margin-right: 20px } @media(min-width: 992px) { .form-group-switches .toggle-switch-container { margin-right:0; float: none } } .insta-pref__amount { display: block; text-align: center } .insta-pref__option { width: 11%; max-width: 50px; text-align: center } #instExtras { margin-top: 20px; padding-left: 1px; display: none } .message-preferences { margin: 0; padding: 0; list-style: none } .message-preferences .select-all-group__sub-section { display: block; padding-left: 10px } .message-preferences li { font-size: 18px; font-family: 'Montserrat',sans-serif!important; border: solid 1px rgba(0,0,0,0.06); border-radius: 3px; margin-bottom: 10px; position: relative } .message-preferences li label { margin: 0 } .message-preferences li h3 { text-transform: uppercase; margin: 0 10px 0 10px!important; padding: 0; color: #046a38; font-size: 16px } .message-preferences li ul,.message-preferences li .form-group.mobile-num-group { list-style: none; margin: 0; padding: 0; border-left: solid 15px transparent } .message-preferences li ul li,.message-preferences li .form-group.mobile-num-group li { border: 0; padding: 10px; color: #6ba539; font-size: 12px; text-transform: uppercase; margin-bottom: 0 } .message-preferences li ul li label,.message-preferences li .form-group.mobile-num-group li label { margin-left: 5px; display: inline } .message-preferences li ul li ul li { list-style: none; font-family: 'Montserrat', sans-serif!important; color: black; font-size: 12px; display: inline-block; text-transform: none; padding: 0; margin: 10px 10px 10px 0 } .message-preferences li ul li ul li label { font-weight: normal; margin-left: 0; margin-right: 15px } .main-outer .jackpot-games-banner { margin-bottom: 20px } .my-notifications table { margin-top: 18px } .my-notifications table th:last-child,.my-notifications table td:last-child { padding-left: 0; text-align: right } .my-notifications .pagination-container { margin-top: 18px } .my-notifications .subject-link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block } @media(min-width: 300px) { .my-notifications .subject-link { width:175px } } @media(min-width: 360px) { .my-notifications .subject-link { width:195px } } @media(min-width: 480px) { .my-notifications .subject-link { width:auto } } .modal #headerImage,.modal #templateContainer { width: 100%!important; max-width: 600px!important } .modal #bodyCell { padding: 0!important } .my-submissions-highlight-strip { color: #333; background-color: #fef2c2; padding: 15px 25px; line-height: 34px; margin-top: 10px } a.my-submissions-highlight-strip:hover { background-color: #fde790 } ul.second-chance-input,ul.tc-input { margin: 0 auto 10px; padding: 0; max-width: 765px; clear: both } ul.second-chance-input li,ul.tc-input li { position: relative; list-style: none; margin: 0; padding: 0 } ul.second-chance-input li .second-chance-ticket,ul.tc-input li .second-chance-ticket { position: relative; padding: 15px 15px 5px 70px; border-left: 1px solid rgba(0,0,0,0.14); border-right: 1px solid rgba(0,0,0,0.14); background: white } ul.second-chance-input li .second-chance-ticket .btn-link:hover,ul.tc-input li .second-chance-ticket .btn-link:hover,ul.second-chance-input li .second-chance-ticket .btn-link:focus,ul.tc-input li .second-chance-ticket .btn-link:focus,ul.second-chance-input li .second-chance-ticket .btn-link,ul.tc-input li .second-chance-ticket .btn-link { color: #6ba539 } ul.second-chance-input li .second-chance-ticket .error,ul.tc-input li .second-chance-ticket .error { clear: both; display: block; font-size: 11px; min-width: 74px } ul.second-chance-input li .second-chance-ticket .clear-ticket-btn,ul.tc-input li .second-chance-ticket .clear-ticket-btn { position: relative; width: 40px; padding-left: 0; padding-right: 0 } ul.second-chance-input li .second-chance-ticket .clear-ticket-btn span,ul.tc-input li .second-chance-ticket .clear-ticket-btn span { color: #6ba539 } @media(max-width: 470px) { ul.second-chance-input li .second-chance-ticket,ul.tc-input li .second-chance-ticket { padding:10px } } @media(min-width: 991px) and (max-width:1070px) { ul.second-chance-input li .second-chance-ticket,ul.tc-input li .second-chance-ticket { padding:10px } } @media(max-width: 400px) { ul.second-chance-input li .second-chance-ticket .input-game-no,ul.tc-input li .second-chance-ticket .input-game-no,ul.second-chance-input li .second-chance-ticket .input-serial-no,ul.tc-input li .second-chance-ticket .input-serial-no { padding:3px; font-size: 11px } ul.second-chance-input li .second-chance-ticket .input-game-no,ul.tc-input li .second-chance-ticket .input-game-no { width: 60px!important } ul.second-chance-input li .second-chance-ticket .input-serial-no,ul.tc-input li .second-chance-ticket .input-serial-no { width: 105px!important } } ul.second-chance-input li .second-chance-ticket__label,ul.tc-input li .second-chance-ticket__label { position: absolute; left: 15px } @media(max-width: 470px) { ul.second-chance-input li .second-chance-ticket__label,ul.tc-input li .second-chance-ticket__label { position:relative } } @media(min-width: 991px) and (max-width:1070px) { ul.second-chance-input li .second-chance-ticket__label,ul.tc-input li .second-chance-ticket__label { position:relative } } ul.second-chance-input li .tc-ticket,ul.tc-input li .tc-ticket { margin: 0; padding-top: 12px; padding-bottom: 8px; border-left: 1px solid rgba(0,0,0,0.14); border-right: 1px solid rgba(0,0,0,0.14); background-color: #fff; overflow: hidden } @media(max-width: 991px) { ul.second-chance-input li .tc-ticket,ul.tc-input li .tc-ticket { padding-top:6px } } ul.second-chance-input li .tc-ticket input::-ms-clear,ul.tc-input li .tc-ticket input::-ms-clear { display: none } @media(min-width: 992px) and (max-width:1020px) { ul.second-chance-input li .tc-ticket .col-sm-9,ul.tc-input li .tc-ticket .col-sm-9 { padding-left:0; padding-right: 0 } } ul.second-chance-input li .tc-ticket *[for^="gameNumber"],ul.tc-input li .tc-ticket *[for^="gameNumber"] { max-width: 74px } @media(max-width: 320px) { ul.second-chance-input li .tc-ticket *[for^="gameNumber"],ul.tc-input li .tc-ticket *[for^="gameNumber"] { max-width:200px } } ul.second-chance-input li .tc-ticket .error,ul.tc-input li .tc-ticket .error { clear: both; display: block; font-size: 11px; min-width: 74px } ul.second-chance-input li .tc-ticket .clear-ticket-btn,ul.tc-input li .tc-ticket .clear-ticket-btn { padding-left: 0; padding-right: 0 } ul.second-chance-input li .tc-ticket .clear-ticket-btn span,ul.tc-input li .tc-ticket .clear-ticket-btn span { color: #6ba539 } ul.second-chance-input li:first-child .second-chance-ticket,ul.tc-input li:first-child .second-chance-ticket,ul.second-chance-input li:first-child .tc-ticket,ul.tc-input li:first-child .tc-ticket { padding-top: 16px; border-top: 1px solid rgba(0,0,0,0.14) } @media(max-width: 991px) { ul.second-chance-input li:first-child .second-chance-ticket,ul.tc-input li:first-child .second-chance-ticket,ul.second-chance-input li:first-child .tc-ticket,ul.tc-input li:first-child .tc-ticket { padding-top:10px } } ul.second-chance-input li .ticket-bg,ul.tc-input li .ticket-bg { height: 18px; background-image: url('/content/dam/portal/images/forms/second-chance.png'); background-position: left top; background-repeat: no-repeat; margin-left: -1px; margin-right: 8px } ul.second-chance-input li .ticket-bg i,ul.tc-input li .ticket-bg i { width: 10px; float: right; margin-right: -10px; height: 18px; display: block; background-image: url('/content/dam/portal/images/forms/second-chance.png'); background-position: right top; background-repeat: no-repeat } ul.second-chance-input li:last-child .ticket-bg,ul.tc-input li:last-child .ticket-bg { background-position: left bottom } ul.second-chance-input li:last-child .ticket-bg i,ul.tc-input li:last-child .ticket-bg i { background-position: right bottom } ul.second-chance-input .form-group,ul.tc-input .form-group { padding-left: 15px; padding-right: 10px; vertical-align: top; display: inline-block } ul.second-chance-input .form-group input,ul.tc-input .form-group input { width: 130px; display: inline-block; vertical-align: top } .second-chance-lbz-list { padding: 10px; padding-top: 20px } .second-chance-lbz-list:nth-child(odd) { background-color: rgba(254,242,194,0.5) } .second-chance-lbz-list h3 { margin-top: 0 } .second-chance-lbz-list .row img { margin-left: auto; margin-right: auto } .second-chance-lbz-list .main-content { background: transparent } @media(max-width: 660px) { .second-chance-lbz-list .col-xs-3,.second-chance-lbz-list .col-xs4,.second-chance-lbz-list .col-xs-5,.second-chance-lbz-list .col-xs-7,.second-chance-lbz-list .col-xs-8,.second-chance-lbz-list .col-xs-9 { width:100%; padding: 10px } .second-chance-lbz-list h3 { padding: 10px } .second-chance-lbz-list .heading-offset { margin-top: 0 } } .second-chance-ticket__promo-icon,.second-chance-ticket__promo-area { display: none } .second-chance-ticket--bonus { position: relative; padding-top: 15px!important } .second-chance-ticket--bonus .replay-ticket-amount { color: white; position: relative; z-index: 400; padding-top: 13px; padding-bottom: 8px } .second-chance-ticket--bonus label,.second-chance-ticket--bonus .clear-ticket-btn span { color: white!important } .second-chance-ticket--bonus .form-group { margin-bottom: 0 } .second-chance-ticket--bonus .second-chance-ticket__promo-area { display: block; position: absolute; z-index: 200; top: 5px; right: 5px; bottom: 0; left: 5px; border-radius: 5px } .second-chance-ticket--bonus .second-chance-ticket__inputs { position: relative; max-width: 320px } .second-chance-ticket--bonus .second-chance-ticket__promo-icon { display: block; position: absolute; z-index: 250; top: -32px; right: auto; left: 193px; width: 35px; height: 36px; background-size: contain; background-repeat: no-repeat; content: '' } @media(max-width: 300px) { .second-chance-ticket--bonus .second-chance-ticket__promo-icon { left:auto; right: 5px; top: -35px; width: 30px; height: 30px } } @media(min-width: 355px) { .second-chance-ticket--bonus .second-chance-ticket__promo-icon { top:-2px; right: 5px; left: auto } } .second-chance-ticket--bonus .col-sm-10,.second-chance-ticket--bonus label,.second-chance-ticket--bonus .second-chance-ticket__inputs { position: relative; z-index: 300 } @media(min-width: 661px) { .pd-table-responsive [data-column-id="winners"],.pd-table-responsive [data-column-id="WINNERS"] { width:320px } .pd-table-responsive .actions { display: inline-block; float: right; text-align: right; white-space: nowrap } .pd-table-responsive .btn { margin-left: 4px } } @media(min-width: 768px) and (max-width:991px) { .pd-table-responsive [data-column-id="winners"],.pd-table-responsive [data-column-id="WINNERS"] { width:180px } .pd-table-responsive .actions .btn { display: block } .pd-table-responsive .actions .btn ~ .btn { margin-top: 10px } } .second-chance-ticket__inputs .has-error { padding-bottom: 35px!important } @media(min-width: 400px) { .second-chance-ticket__inputs .has-error { padding-bottom:27px!important } } .second-chance-ticket__inputs .form-group { position: relative } .second-chance-ticket__inputs .form-group .glyphicon-remove { display: none } .second-chance-ticket__inputs .form-group .error { padding: 5px; position: absolute; font-size: 11px; line-height: 1 } .replay-ticket-amount { text-align: right } .second-chance-ticket__label--lbz { position: relative!important; padding-bottom: 5px; left: 5px!important } .second-chance-ticket--lbz { padding-left: 15px!important } @media(min-width: 900px) { .second-chance-ticket--lbz { padding-left:220px!important } .second-chance-ticket__label--lbz { left: 5px; top: 15px; position: absolute!important } } .second-chance-play-responsibly { border-color: rgba(0,0,0,0.14); border: 0!important } .second-chance-play-responsibly .text { clear: both; padding-top: 15px } .second-chance-play-responsibly .bg-primary { padding-bottom: 0 } .lbz-play-responsibly { padding: 0 30px 0 10px; margin: 0 20px; font-size: 12px; padding-top: 10px; margin-top: 10px; border-top: solid 1px rgba(0,0,0,0.15) } .lbz-play-responsibly .play-responsibly__icon { width: 40px } @media(min-width: 992px) { .second-chance-input-outer { width:100%; margin-right: -350px; float: left } .second-chance-input-form .second-chance-input-outer .center { margin-right: 350px } .second-chance-input-outer ul.second-chance-input { margin-right: 350px } .second-chance-entry-calculator,.second-chance-play-responsibly { float: right; width: 330px } } .second-chance-entry-calculator { border-color: rgba(0,0,0,0.14) } .second-chance-entry-calculator .text { clear: both; padding-top: 15px } .second-chance-entry-calculator .bg-primary { padding-bottom: 0 } .second-chance-entry-calculator-label { float: left; width: 50% } .second-chance-entry-calculator-label { float: left; width: 50%; font-size: 20px; line-height: 30px; font-weight: bold; text-align: center; font-family: 'Montserrat',sans-serif } .second-chance-entry-calculator-total { font-family: 'Montserrat',sans-serif; float: right; margin-right: 8%; font-size: 20px; line-height: 30px; padding-right: 12px; padding-left: 12px; text-align: center; color: #fff; background: #0063be } .second-chance-entry-calculator-total.limit { background: #f82323 } .tc-form { max-width: 570px } .tc-form .tc-ticket { padding-left: 10px; padding-right: 10px } .tc-form .tc-ticket .form-group { padding-top: 2.5px; padding-left: 2.5px; padding-right: 2.5px; padding-bottom: 10px; margin-bottom: 0 } .tc-form .tc-ticket label small { font-weight: normal } @media(max-width: 479px) { .tc-form .tc-ticket { padding-right:5px } } @media(max-width: 479px) { .tc-form { margin:-10px } .tc-form .btn-group .btn { padding: 6px; font-size: 12px } } .tc-form .form-group .input-dateicon { width: 116px } .tc-form .form-control { padding-left: 8px; padding-right: 8px } .tc-form .form-control::-moz-placeholder { font-size: 11px; transform: translateY(2px); position: relative; opacity: 1 } .tc-form .form-control:-ms-input-placeholder { font-size: 11px; transform: translateY(2px); position: relative } .tc-form .form-control::-webkit-input-placeholder { font-size: 11px; transform: translateY(2px); position: relative } .tc-form .form-control.input-3 { width: 58px } .tc-form .form-control.input-4 { width: 64px } .tc-form .form-control.input-5 { width: 70px } .tc-form .form-control.input-6 { width: 76px } .tc-form .form-control.input-7 { width: 82px } .tc-form .form-control.input-8 { width: 88px } .tc-form .form-control.input-9 { width: 94px } .tc-form .form-control.input-10 { width: 100px } .tc-form .ticket-front,.tc-form .ticket-back { float: left; padding: 0 2px } .tc-form .ticket-front { margin-right: 10px } .tc-modal .datepicker { left: 30px!important; margin-top: -8px } @media(min-width: 768px) { .tc-modal .datepicker { margin-top:-30px } } .tc-group-label { clear: both; display: block; text-align: center; color: #6ba539; font-size: 10px; height: 16px; text-transform: uppercase; position: relative } .tc-group-label:before { position: absolute; left: -4px; right: -4px; height: 12px; top: -14px; content: ' '; border: 1px solid; border-top: 0 } .tc-img-modal-btn { width: 220px; float: left; text-align: center; margin: 5px } .tc-img-modal-btn>span { display: block; padding: 0 0 5px } .tc-img-modal-btn>img { max-height: 60px } .tc-result { text-align: center } .tc-result .tc-icon { height: 80px } .tc-result .icon-success { font-size: 80px; line-height: 80px; color: #6ba539 } .tc-result .table,.tc-result p { text-align: left } @media(max-width: 767px) { .tc-result { margin:0 -7.5px } .tc-result .table th,.tc-result .table td { font-size: 12px; padding: 5px!important } .tc-result .table th { font-size: 11px } } .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .75s; animation-duration: .75s } @keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 20% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.06,1.06,1.06); transform: scale3d(1.06,1.06,1.06) } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .bounce-in { -webkit-animation-name: bounceIn; animation-name: bounceIn } .live-draw-time { margin-bottom: 16.2px; overflow: hidden; background-color: #f8f8f8; border: 1px solid #f8f8f8 } .live-draw-time img { float: left; margin: 0 7px } .live-draw-time h3 { margin-top: 28px; font-size: 12px; text-transform: uppercase } .live-draw-time h3 span { display: block; color: #046a38 } @media(max-width: 991px) { .live-draw-time { background:transparent } .live-draw-time .col-md-6 { display: block; width: 100%; overflow: hidden } .live-draw-time .col-md-6 ~ .col-md-6 { background-color: #f8f8f8 } .live-draw-time img { width: 40px; height: 40px; margin: 0 3px 0 0 } .live-draw-time h3 { margin-top: 10px; margin-bottom: 0 } } .live-draw-panel-height { margin-top: 10px } .live-draw-panel-height .h2 { margin-top: 5px } .live-draw-panel-height img { width: 80px; float: left; margin-top: 5px; margin-right: 7px } @media(min-width: 992px) { .live-draw-panel-height img { width:101px } .live-draw-panel-height .btn { width: 100% } .col-md-8 .live-draw-panel-height .panel-body,.col-md-4 .live-draw-panel-height .panel-body { min-height: 174px } } @media(max-width: 991px) { .live-draw-panel-height img { display:none } } .giving-back-lp,.annual-reports { text-align: center } @media(min-width: 992px) { .giving-back-lp .col-md-3,.annual-reports .col-md-3 { padding-left:5px; padding-right: 5px } .giving-back-lp .col-md-3:first-child,.annual-reports .col-md-3:first-child { padding-left: 10px } .giving-back-lp .col-md-3:last-child,.annual-reports .col-md-3:last-child { padding-right: 10px } } .giving-back-lp .link-icon-left,.annual-reports .link-icon-left { display: block; padding-top: 2.5px; margin-bottom: 5px } @media(min-width: 992px) { .giving-back-lp .bg-primary,.annual-reports .bg-primary { padding-left:10px; padding-right: 10px } } .annual-reports { text-align: left } .annual-reports .img-center { padding: 10px } .annual-reports .bg-primary { padding-top: 7.5px; padding-bottom: 7.5px } @media(min-width: 480px) { .annual-reports .col-xs-6:nth-child(odd) { clear:left } } @media(min-width: 992px) { .annual-reports .col-xs-6:nth-child(odd) { clear:none } .annual-reports .col-xs-6:nth-child(4) { clear: left } } @media(max-width: 620px) { .annual-reports .col-xs-6 { display:block; width: 100% } } .bg-highlight td h4 { color: #fff; margin: 5px 0 } .retail-login-label { margin-top: 18px; font-size: 14px; line-height: 24px; font-weight: bold; color: #555; text-align: center } .retail-login-label ~ .btn { margin-bottom: 18px; max-width: 300px; margin-left: auto; margin-right: auto } @media(min-width: 768px) { .retail-login-label { text-align:left } } .become-a-retailer { margin-bottom: 28px } .become-a-retailer h2 { margin-left: -10px } .become-a-retailer h2 .icon-new-retailer { font-size: 34px; float: left; top: -4px; margin-bottom: 4px; margin-right: 4px } .become-a-retailer .retailer-graphic { margin-bottom: -18px; padding-left: 10px } .become-a-retailer.retailer-clover { background-image: url('/content/dam/portal/images/retailers/retailer-clover.png'); background-position: left top; background-repeat: no-repeat; padding-left: 27% } @media(max-width: 1020px) { .become-a-retailer.retailer-clover { background-position:-60px top } } @media(max-width: 960px) { .become-a-retailer.retailer-clover { padding-left:37% } } @media(max-width: 860px) { .become-a-retailer.retailer-clover { padding-left:0; background: 0 } } .reset-box-sizing,.reset-box-sizing *,.reset-box-sizing *:before,.reset-box-sizing *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .retailer-map,.retialer-map__outer { width: 100%; min-height: 340px } .retailer-map,.retialer-map__outer,.retailer-map *,.retialer-map__outer *,.retailer-map *:before,.retialer-map__outer *:before,.retailer-map *:after,.retialer-map__outer *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .retailer-map,.retialer-map__outer,.retailer-map *,.retialer-map__outer *,.retailer-map *:before,.retialer-map__outer *:before,.retailer-map *:after,.retialer-map__outer *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } @media(min-width: 992px) { .retailer-map,.retialer-map__outer { margin:0 0 0 20px; float: right; width: 340px } } .map-results .loading { margin-top: 30px } @media(min-width: 992px) { .map-results { font:left; margin-right: 360px } } .quick-draw-retailers__header--lrg { margin-bottom: 5px } .quick-draw-retailers__header--sm { margin-bottom: 10px } @media(max-width: 990px) { .quick-draw-retailers__header--sm { margin-top:20px } } .retailer-map,.retailer-map-legend { margin-bottom: 10px } .retailer-map-legend__col { width: 50%; float: left; font-size: 12px; margin-bottom: 5px; text-align: center } @media(max-width: 450px) { .retailer-map-legend__full { display:block; text-align: center } } .panel-default.panel-tv-stations { text-align: center; margin-bottom: 10px } .panel-default.panel-tv-stations a { display: block; padding: 10px 0 } .panel-default.panel-tv-stations a:hover,.panel-default.panel-tv-stations a:focus { opacity: .75; filter: alpha(opacity=75) } .panel-default.panel-tv-stations img { width: 100%; max-width: 150px; margin: 0 auto } @media(min-width: 768px) { .table-responsive.game-schedule { overflow-x:inherit } } .tv-table.table { margin-bottom: 30px } .tv-table.table thead tr>th { text-align: center; border-bottom: 2px solid #6ba539 } .tv-table.table tr>td { background-color: #fef2c2; font-size: .9em; font-weight: bold; text-align: center; vertical-align: middle; border: 2px solid #fef6d6 } .tv-table.table tbody>tr:first-child>td { border-top: 0 } .tv-table.table tr>.secondary { background-color: #f9e06f } .tv-table.table .slant-color { background: #fedc71; background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#fedc71),color-stop(49%,#fedc71),color-stop(51%,#ffc523),color-stop(100%,#ffc523)); background: -webkit-linear-gradient(144deg,#fedc71 0,#fedc71 49%,#ffc523 51%,#ffc523 100%); background: linear-gradient(144deg,#fedc71 0,#fedc71 49%,#ffc523 51%,#ffc523 100%); background: -moz-linear-gradient(120deg,#fedc71 0,#fedc71 49%,#ffc523 51%,#ffc523 100%) } .tv-table.table .game-image,.tv-table.table .img-center { text-align: center } .tv-table.table .game-image img,.tv-table.table .img-center img { height: 50px; max-width: 120px } .tv-table.table .game-name { padding: 3px } .contact-location-block { margin-top: 18px } .contact-info-block h3:first-child { margin-top: 0 } @media(min-width: 992px) { .contact-location-block { margin-top:72px } } .didiwingames .daily-numbers { width: 100%!important; max-width: 100%!important } .didiwingames .daily-numbers time { display: block!important } .didiwingames .fireball { width: 32px!important; height: 24px!important; position: relative!important; top: 0; padding-left: 6px!important; padding-top: 4px!important; z-index: 300 } .didiwingames .game-tile { border: 1px solid rgba(0,0,0,0.06); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 10px; min-height: 194px } .didiwingames .not-available { font-size: 12px } @media(min-width: 768px) { .didiwingames .row { margin-left:-5px; margin-right: -5px } .didiwingames .col-xs-1,.didiwingames .col-sm-1,.didiwingames .col-md-1,.didiwingames .col-lg-1,.didiwingames .col-xs-2,.didiwingames .col-sm-2,.didiwingames .col-md-2,.didiwingames .col-lg-2,.didiwingames .col-xs-3,.didiwingames .col-sm-3,.didiwingames .col-md-3,.didiwingames .col-lg-3,.didiwingames .col-xs-4,.didiwingames .col-sm-4,.didiwingames .col-md-4,.didiwingames .col-lg-4,.didiwingames .col-xs-5,.didiwingames .col-sm-5,.didiwingames .col-md-5,.didiwingames .col-lg-5,.didiwingames .col-xs-6,.didiwingames .col-sm-6,.didiwingames .col-md-6,.didiwingames .col-lg-6,.didiwingames .col-xs-7,.didiwingames .col-sm-7,.didiwingames .col-md-7,.didiwingames .col-lg-7,.didiwingames .col-xs-8,.didiwingames .col-sm-8,.didiwingames .col-md-8,.didiwingames .col-lg-8,.didiwingames .col-xs-9,.didiwingames .col-sm-9,.didiwingames .col-md-9,.didiwingames .col-lg-9,.didiwingames .col-xs-10,.didiwingames .col-sm-10,.didiwingames .col-md-10,.didiwingames .col-lg-10,.didiwingames .col-xs-11,.didiwingames .col-sm-11,.didiwingames .col-md-11,.didiwingames .col-lg-11,.didiwingames .col-xs-12,.didiwingames .col-sm-12,.didiwingames .col-md-12,.didiwingames .col-lg-12 { padding-left: 5px; padding-right: 5px } .didiwingames .game-tile .winning-numbers { padding: 10px 5px 48px } .didiwingames .game-tile h5 { margin: 0 } .didiwingames .game-tile .game-image img { height: 60px } .didiwingames .game-tile.game-tile-instant-games .game-image img { height: 90px } .didiwingames .game-tile .lotto-numbers { font-size: 0 } .didiwingames .game-tile .lotto-numbers span { width: 25px } .didiwingames .game-tile .lotto-numbers span>i { font-size: 12px; width: 24px; height: 24px; line-height: 24px } .didiwingames .game-tile .lotto-numbers.pick6 { font-size: 0 } .didiwingames .game-tile .lotto-numbers.pick6 span { width: 23.5px } .didiwingames .game-tile .lotto-numbers.pick6 span>i { font-size: 12px; width: 22px; height: 22px; line-height: 22px } .didiwingames .game-tile .lotto-numbers.cardcash-deck { display: inline-block } .didiwingames .game-tile .lotto-numbers.cardcash-deck>span { width: 36px } .didiwingames .game-tile .winning-numbers .daily-numbers { margin: 0!important; padding: 0!important; width: 100%!important; max-width: 100% } .didiwingames .game-tile .winning-numbers .daily-numbers .lotto-numbers { font-size: 0 } .didiwingames .game-tile .winning-numbers .daily-numbers .lotto-numbers span { width: 20px } .didiwingames .game-tile .winning-numbers .daily-numbers .lotto-numbers span>i { width: 19px; height: 19px; line-height: 19px; font-size: 11px } } .fast-play-barcode-panel { text-align: center; clear: both; margin-top: 16px } .fast-play-barcode-panel .panel-body { padding-left: 5px; padding-right: 5px } @media print { .fast-play-barcode-panel .panel-body { padding-left: 25px; padding-right: 25px } } .fast-play-barcode-panel h4 { padding-left: 30px; padding-right: 30px } .recent-winners { background: #fef2c2; position: relative; margin: 15px -20px 20px -20px; padding: 10px } @media(max-width: 768px) { .recent-winners { margin:0 -20px 20px -20px } } .recent-winners>.btn-close { position: absolute; right: 13px } .recent-winners .table-striped>tbody>tr:nth-child(even) { background-color: rgba(255,255,255,0.5) } .recent-winners .table caption { font-size: 19px; color: #046a38 } .recent-winners .table .thead>td { color: #000 } .in.recent-winners .table:after { border: 15px solid transparent; border-bottom-color: #fef2c2; content: ''; position: absolute; top: -30px; right: 35px } .table-options .btn-rct .glyphicon { position: relative; right: -4px; top: 2px; -webkit-transition: -webkit-transform .3s; transition: transform .3s } .table-options .btn-rct.collapsed .glyphicon { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg) } .csoon { transform: skewX(-20deg) skewY(0); background: #ffd100; color: #046a38; padding: 10px; font-size: 14px; height: 28px; line-height: 12px; display: inline-block; text-transform: uppercase } .csoon b { display: inline-block; transform: skewX(20deg) skewY(0) } .fast-play-barcode { max-width: 300px; width: 100%; padding: 20px 10px; margin-top: 8px; margin-bottom: 18px; background: #fff; border: 1px solid #eee; border-radius: 2px } @media(min-width: 768px) { .fast-play-barcode { max-width:360px; padding: 20px } } @media print { .printBarCode { text-align: left!important } .printBarCode *,.printBarCode .main-outer,.printBarCode .main-content,.printBarCode .panel-body { padding: 0!important; margin: 0!important; text-align: left!important; float: right } .printBarCode .instants-gamepage-header .col-sm-9,.printBarCode .instants-gamepage-header .lower-content,.printBarCode h3,.printBarCode p,.printBarCode table,.printBarCode .collapse,.printBarCode .lower-content,.printBarCode .retail-search,.printBarCode .breadcrumb-container,.printBarCode footer,.printBarCode button,.printBarCode .nj-mobile-logo,.printBarCode .csoon { display: none!important } .printBarCode h1.page-title { margin: 0; clear: both; font-size: 16px!important; font-weight: normal; text-align: left; float: left } .printBarCode .fast-play-barcode-panel { border-color: transparent; background: transparent } .printBarCode h4 { margin: 0; padding: 0; clear: both!important; font-size: 8px!important; line-height: 14px!important; font-weight: normal!important } .printBarCode .title-image { display: block!important } .printBarCode img { padding: 10px 0!important } .printBarCode .print-img { position: relative; display: block; height: 50px; width: 100%; display: block!important } .printBarCode .print-img .title-image { display: block!important; width: auto; height: 50px; padding: 0 0 0!important; margin: 0 auto!important; position: relative; text-align: center!important; float: none!important } .printBarCode img.fast-play-barcode { padding: 0!important; margin: 10px 0 20px!important; width: 100%!important; border: 0 } .printBarCode span.print-legal { display: block!important; font-size: .5em } .printBarCode [role="main"] { float: right!important; max-width: 260px; border-radius: 4px; border: 1px solid #ccc; padding: 10px!important } } .fast-play-banner { display: flex; justify-content: space-between; align-items: center } .fast-play-banner .est-jackpot { padding: 0; margin: 0 } .fast-play-banner .amount { padding: 0 } .fast-play-banner .jersey-jackpot-date { padding: 0 } @media(max-width: 660px) { .fast-play-banner { flex-direction:column } } .fast-play-banner__headline { margin: 0 20px!important; padding: 0!important; text-align: center; font-size: 36px } @media(max-width: 660px) { .fast-play-banner__headline { margin:10px 0!important; font-size: 20px!important } } @media(max-width: 960px) { .fast-play-banner__headline { font-size:26px } } .fast-play-banner__prize-info { margin: 0!important; background-color: transparent!important; min-width: 220px; text-align: right } @media(max-width: 660px) { .fast-play-banner__prize-info { text-align:center } } .hot-cold { margin: 40px 0 20px 0 } .hot-cold__tile { background: white; border-radius: 4px; text-align: center; padding: 20px 0; margin-bottom: 20px; border: solid 1px #dadada; cursor: pointer; transition: .3s opacity linear; box-sizing: border-box } .hot-cold__tile.not-selected { opacity: .7 } .hot-cold__tile.selected,.hot-cold__tile:hover { border: solid 3px #6fa63d; opacity: 1; padding: 18px 0 } .hot-cold__game-logo { height: 70px; width: auto } @media(max-width: 992px) { .hot-cold__game-logo { height:40px } } @media(max-width: 395px) { .hot-cold__game-logo { height:30px } } .hot-cold__draw-select { text-align: center; color: #6ba539; font-family: 'Montserrat',sans-serif; font-size: 18px; text-transform: uppercase; border: solid 1px #dadada; margin-top: 0!important } .hot-cold__inline-block { display: inline-block; font-weight: bold } .form-control--hot-cold { width: auto; display: inline-block } .hot-cold__drop-down { margin: 0 10px } .hot-cold__generate-block { margin: 10px 0 0 0 } @media(max-width: 560px) { .hot-cold__generate-block { display:block } } @media(min-width: 992px) { .hot-cold__generate-block { margin:0 0 0 25px } } .hot-cold__results { border: solid 1px #dadada; border-radius: 4px; background-size: cover; padding: 10px; color: white; clear: both } .hot-cold__results:before,.hot-cold__results:after { content: " "; display: table } .hot-cold__results:after { clear: both } .hot-cold__results .cardcash-deck span { text-align: center } @media(max-width: 992px) { .hot-cold__results { margin-bottom:10px } } .hot-cold__results--hot { background: url(/content/dam/portal/images/hot-cold/hot-cold-background--hot.jpg) center bottom } .hot-cold__results--cold { background: url(/content/dam/portal/images/hot-cold/hot-cold-background--cold.jpg) center bottom } .hot-cold__numbers { float: left } .hot-cold__number { float: left; border-radius: 50%; background: white; margin: 0 2px 2px 0; font-size: 22px; font-weight: bold; font-family: 'Montserrat',sans-serif; text-align: center; width: 45px; height: 45px; line-height: normal } .hot-cold__number--hot { color: #d40000 } .hot-cold__number--cold { color: #004b7c } .hot-cold__percent { font-size: 12px; color: black; font-weight: bold; margin-top: -5px } .hot-cold__percent--cards { margin-top: 1px; font-size: 12px } @media(min-width: 480px) { .hot-cold__numbers--bonus { margin-left:10px } } .hot-cold__image-header { margin-bottom: 15px } .hot-cold__error { background: #f2dede; border: solid 2px #f82323; color: #f82323; text-align: center; font-size: 14px; font-weight: bold; display: none } .hot-cold__number--fireball { background: #ff6e00; color: white } .hot-cold__number--fireball .hot-cold__percent { color: white } .hot-cold__number--megaplier { background: #ffac27; color: #fff } .hot-cold__number--megaplier .hot-cold__percent { color: #fff } .hot-cold__number--cash-ball { background: #2d7f67; color: white } .hot-cold__number--cash-ball .hot-cold__percent { color: white } .hot-cold__number--cash5 { background: #93498f; color: #fff } .hot-cold__number--cash5 .hot-cold__percent { color: #fff } .hot-cold__number--powerball { background: #da2929; color: white } .hot-cold__number--powerball .hot-cold__percent { color: white } .sweepstake { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #fef2c2 } .sweepstake__header { color: #046a38; text-transform: uppercase; font-size: 16px; font-weight: bold } .sweekpstake__content { margin: 10px 0 } .sweepstake__prize-header { color: #046a38; text-transform: uppercase; font-weight: bold } .sweepstake__deadline { margin-top: 10px; color: #6ba539; font-weight: bold } .sweepstake__thumb { margin-right: 20px } .sweepstake__thumb img { width: 100%; height: auto } .summer-event__tile { cursor: pointer } .summer-event__tile-thumbnail { width: 100%; min-height: 150px; display: block } .summer-event__tile-thumbnail img { width: 100%; height: auto } .summer-event__info { padding: 10px 10px 10px 65px; position: relative } .summer-event__date-col { position: absolute; width: 50px; left: 5px; top: 10px; text-align: center; font-weight: bold; font-size: 15px; text-transform: uppercase; font-family: 'Montserrat',sans-serif } .summer-event__month { margin: 0 0 3px 0; text-transform: uppercase } .summer-event__date { font-size: 26px; margin-top: -6px; color: #046a38 } .summer-event__day { font-size: 15px; margin-top: -20px; color: #6ba539; text-transform: uppercase } .summer-event__title { margin: 0 0 5px 0; min-height: 40px; color: #6ba539 } .summer-event__title a { color: #6ba539 } .summer-event__time { margin-top: 10px; min-height: 40px } .summer-event__location { min-height: 50px } .summer-event__detail-thumbnail { display: block; width: 100%; min-height: 150px } @media(min-width: 768px) { .summer-event__detail-thumbnail { width:400px; height: 280px; position: absolute; right: 0; top: 0 } } .summer-event__detail-info { padding: 10px } @media(min-width: 768px) { .summer-event__detail { position:relative; min-height: 281px; padding-right: 400px } } .summer-event__share .connect-with-us { padding-top: 0 } .leaderboards-table-position { max-width: 60px } .leaderboards__competition-details { background-color: rgba(254,242,194,0.5); padding: 15px; font-size: 15px; color: #046a38; text-align: center } .leaderboards__competition-details p { margin: 0; padding: 0 } .leaderboards__time-stamp { font-size: 13px; margin-top: 7px; color: #333 } .winners-banner { color: white } @media(min-width: 992px) { .winners-banner { display:flex } } .winners-banner__col-winnings,.winners-banner__col-winners,.winners-banner__col-slogan { position: relative; min-height: 71px; display: flex; justify-content: center; flex-direction: column; padding-top: 25px; padding-bottom: 25px; font-family: 'Montserrat',sans-serif } .winners-banner__col-winnings,.winners-banner__col-winners { background-color: #046a38; text-align: center } .winners-banner__col-slogan { background-color: #6ba539; font-size: 18px; font-weight: bold; text-align: center; flex-grow: 1 } .winners-banner__slogan-large { font-size: 36px; color: #f6d117 } .winners-banner__slogan-small { position: relative } .winners-banner__slogan-small span { font-size: 10px } .winners-banner__label { font-weight: thin } @media(min-width: 768px) { .winners-banner__label { font-size:16px } } .winners-banner__total { font-size: 24px; font-weight: bold } @media(min-width: 768px) { .winners-banner__total { font-size:28px } } @media(min-width: 768px) and (max-width:1050px) { .winners-banner__total { font-size:24px } } .winners-banner__sub-text { font-size: 10px } @media(min-width: 992px) { .winners-banner__sub-text { position:absolute; width: 100%; bottom: 10px; text-align: center } } .winners-carousel { background: linear-gradient(to bottom,#fef2c2 0,#fff 100%); padding-top: 40px; padding-bottom: 40px; box-shadow: inset 0 12px 5px -5px rgba(0,0,0,0.13); text-align: center; overflow: hidden } .winners-maps { margin-left: 30px; margin-bottom: 20px; text-align: center; clear: both } .winners-maps:before,.winners-maps:after { content: " "; display: table } .winners-maps:after { clear: both } .winners-maps__col { width: 100%; max-width: 330px; margin-right: 30px; display: inline-block } .winners-maps__map { background-color: red; min-height: 550px; position: relative } .winners-maps-legend { position: absolute; width: 18%; bottom: 40px; left: 10px; min-height: 100px; padding-bottom: 5px; min-width: 150px; background: white } .winners-maps-legend__title { background-color: #353431; color: white; font-family: 'Montserrat',sans-serif; text-align: center; width: 100%; padding: 5px; margin-bottom: 5px; font-size: 10px; text-transform: uppercase } .winners-maps-legend__key { padding: 4px 10px 4px 10px; font-size: 11px; display: flex; justify-content: flex-start; align-items: center; text-align: left; line-height: 1 } .winners-maps-legend__key::before { content: ''; display: inline-flex; min-width: 30px; height: 15px; background-color: #046a38; margin-right: 5px } .winners-maps-legend__key.winners-maps-legend__key--circle::before { content: ''; display: inline-flex; min-width: 15px; height: 15px; background-color: #046a38; margin-right: 5px; border-radius: 50% } .winners-maps-legend__key:nth-child(2)::before { opacity: .85 } .winners-maps-legend__key:nth-child(3)::before { opacity: .7 } .winners-maps-legend__key:nth-child(4)::before { opacity: .55 } .winners-maps-legend__key:nth-child(5)::before { opacity: .4 } .winners-maps-legend__key:nth-child(6)::before { opacity: .25 } .winners-maps-legend__key:nth-child(7)::before { opacity: .1 } .w-responsivGallery-info { display: flex; justify-content: space-between; align-items: center } @media(max-width: 560px) { .w-responsivGallery-info { text-align:center; flex-direction: column } } .responsivGallery-position { margin-top: 0; line-height: initial; align-items: center } @media(max-width: 560px) { .responsivGallery-position { text-align:center!important } } .btn--full-story { background-color: #6ba542; text-decoration: none; display: block; padding: 10px; color: white; white-space: nowrap; display: flex; justify-content: center; align-items: center; height: 30px; margin-left: 5px; border-radius: 2px; border: solid 1px #5e9438; font-family: 'Montserrat',sans-serif; text-transform: uppercase; font-weight: bold; font-size: 11px } @media(max-width: 560px) { .btn--full-story { margin:10px auto 0 auto } } .btn--full-story:hover,.btn--full-story:active { background-color: #5e9438; text-decoration: none; color: white } .winners-games { font-family: 'Montserrat',sans-serif; line-height: 1.1; text-transform: uppercase } @media(min-width: 992px) { .winners-games { position:relative; padding-left: 285px } } .winners-games__tile-col { padding: 10px; width: 100%; float: none!important } @media(min-width: 992px) { .winners-games__tile-col { width:275px; position: absolute; left: 0; top: 0 } } .winners-games__carousel { width: 100% } .winners-games__totals { padding: 10px; text-align: center } .winners-games__winning { margin-bottom: 11px; font-weight: normal; line-height: .85; margin-top: 15px } .winners-games__by-game { font-weight: bold!important; color: #6ba539 } .winners-games__game-tile { color: #414141; height: 17px!important; max-height: 175px!important; min-height: 175px!important; margin-right: 10px; float: left } .winners-games__spacer { border-top: solid 1px rgba(0,0,0,0.13); border-bottom: 0; margin: 10px auto; max-width: 15px; width: 100%; max-width: 150px } .winners-games__amount { color: #046a38; font-weight: bold; font-size: 19px; line-height: .95 } .winners-games__logo { height: 50px; width: auto; margin: 0 auto } .winners-games__game-info { padding: 5px; background: #fef2c2 } .winners-games__desc { margin: 15px 0 20px 0 } .winners-games__label { font-size: 11px; margin-top: 4px } @media(max-width: 560px) { .winners-games__carousel { width:100%; clear: both } } .winners-games .slick-arrow { position: absolute; top: 0; z-index: 3; display: block; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; top: 50%; border: 0 } .winners-games .slick-next:before,.winners-games .slick-prev:before { border: solid #6ba539!important; border-width: 0 5px 5px 0!important; display: block; padding: 5px; content: ''!important } .winners-games .slick-prev { left: -3px; transform: rotate(135deg) } .winners-games .slick-next { right: 2px; transform: rotate(-45deg) } .winners-games .slick-list { margin-right: 15px; margin-left: 15px } .TEST-modal { padding-bottom: 10px } .mob-alert { position: relative; margin: 0 auto; top: -500px; z-index: 800 } .mob-alert__cover { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: black; opacity: .8; z-index: 500; box-sizing: border-box } .mob-alert { background: white; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.21); max-width: 450px; margin: 0 auto } .mob-alert__message { padding-bottom: 0; color: black } .mob-alert__row { position: relative; padding: 3px 0 3px 105px } .mob-alert__label,.mob-alert__table th { font-weight: bold; font-size: 14px } .mob-alert__label { display: block; position: absolute; left: 0; top: 0; color: #046a38 } .mob-alert__table { text-align: left } .mob-alert__table th { padding: 10px 0 5px 0; color: #046a38 } .mob-alert__table .icon-my-tickets:before { position: relative; top: 3px; font-size: 18px; margin-right: 5px; color: #046a38 } .mob-alert__table td { padding: 3px 0 } .mob-alert-header { position: relative; background-image: -webkit-linear-gradient(top,#046a38 0,#5fa539 100%); background-image: -o-linear-gradient(top,#046a38 0,#5fa539 100%); background-image: linear-gradient(to bottom,#046a38 0,#5fa539 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff046a38',endColorstr='#ff5fa539',GradientType=0); padding: 15px 35px 15px 80px; color: white } .mob-alert-header__message { font-size: 16px; font-weight: bold } .mob-alert-header__message span { display: block; font-family: Montserrat,sans-serif; text-transform: uppercase; font-size: 18px } @media(min-width: 370px) { .mob-alert-header__message span { font-size:24px } } .mob-alert-header__icon { position: absolute; left: 15px; top: 8px; font-size: 50px; color: #ffc72c } @media(min-width: 370px) { .mob-alert-header__icon { top:13px } } .mob-alert__row--prize-amt,.mob-alert__label--prize-amt { font-size: 24px; text-transform: uppercase; font-family: 'Montserrat',sans-serif; line-height: 1 } .mob-alert__message .btn-primary { text-transform: uppercase } .mob-alert__row--prize-amt { position: relative; padding: 3px 0 6px 75px; font-weight: bold; color: #6ba539; margin-top: 10px; padding-top: 12px; border-top: solid 1px #cdcdcd } .mob-alert__label--prize-amt { color: #046a38; font-size: 18px; top: 16px } @media(max-width: 992px) { .mob-alert__td-full { width:100%; display: block } } .mob-alert-header__message--no-icon { padding-left: 20px } .btn-claim-instructions { margin-bottom: 10px } @keyframes jiggle { 0% { transform: translate(2px,1px) rotate(0deg) } 20% { transform: translate(-3px,0px) rotate(1deg) } 40% { transform: translate(1px,-1px) rotate(1deg) } 60% { transform: translate(-3px,1px) rotate(0deg) } 80% { transform: translate(-1px,-1px) rotate(1deg) } 100% { transform: translate(1px,-2px) rotate(-1deg) } } .jiggle { animation-name: jiggle; animation-duration: .5s; transform-origin: 50% 50%; animation-iteration-count: 3; animation-timing-function: linear } .quick-draw-header__draw-num { padding: 3px 0 5px 0 } .lotto-numbers--quick-draw { max-width: 350px } .lotto-numbers--quick-draw span { margin-bottom: 5px } @media(max-width: 767px) { .lotto-numbers--quick-draw { margin:0 auto } } .quick-draw .winning-numbers .legend { margin-top: 5px } @media(max-width: 1050px) { .table-winning-numbers-quick-draw .winning-numbers-quick-draw { padding-right:27px } } .table-winning-numbers-quick-draw .lotto-numbers--quick-draw { max-width: 220px; display: inline-block; vertical-align: middle } .table-winning-numbers-quick-draw .lotto-numbers--quick-draw span { width: 18px } .table-winning-numbers-quick-draw .lotto-numbers--quick-draw span i { background-color: transparent; border: 0; padding: 0; line-height: normal; width: auto; height: auto } .panel-heading--quick-draw { background-color: #2a4d75!important; font-size: 16px; font-weight: bold; padding-top: 16px; border-color: #4b6586!important } .panel-heading--quick-draw a { color: white } .panel-heading--quick-draw .lotto-numbers span i { margin-bottom: 0; border-color: white!important } .panel-heading--quick-draw.active { background-image: linear-gradient(to bottom,#ffa230 0,#f2522c 100%); border-color: #f2522c!important } .odss-prizes__panel-heading--quick-draw { position: relative } @media(min-width: 1050px) { .odss-prizes__panel-heading--quick-draw { top:4px } } .quick-draw-ball--on { background-color: #2b4a71!important } .table-odds-and-prizes--quick-draw td { vertical-align: middle!important } .table-odds-and-prizes--quick-draw tr { border-bottom: solid 2px #bdbdbd; padding-top: 10px } .table-odds-and-prizes--quick-draw tr .lotto-numbers { padding-top: 5px } .table-odds-and-prizes--quick-draw .num-count { display: inline-block; width: 40px; font-weight: bold; font-size: 16px; margin-right: 10px; float: left } @media(min-width: 1050px) { .table-odds-and-prizes--quick-draw .num-count { padding-top:8px } } @media(max-width: 640px) { .hide-balls--quick-draw-header { display:none } .panel-title--quick-draw { width: 100% } } @media(max-width: 1050px) { .hide-balls--quick-draw { display:none } } .quick-draw-overall-odds { font-size: 16px; font-weight: bold; text-align: right } .watch-drawings__form { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #c1c1c1; clear: both } .watch-drawings__form:before,.watch-drawings__form:after { content: " "; display: table } .watch-drawings__form:after { clear: both } @media(max-width: 919px) { .watch-drawings__input-group { margin-bottom:15px } } @media(min-width: 920px) { .watch-drawings__input-group { margin-right:20px; float: left } } .watch-drawings__input-header { font-size: 14px; color: #046a38; font-weight: bold; margin-bottom: 4px } @media(min-width: 640px) { .watch-drawings__input-header { margin:5px 10px 0 0; float: left } } @media(min-width: 640px) { .watch-drawings__form-input { width:auto; display: inline-block } } .watch-drawings__controls { text-align: center } .wath-drawings__control-btn { width: 100%; margin-bottom: 5px } @media(min-width: 600px) { .wath-drawings__control-btn { width:auto; display: inline-block } } @media(min-width: 600px) { .wath-drawings__control-btn--center { margin-left:20px; margin-right: 20px } } .bullseye { color: white!important; background-color: #b5032a!important; border-color: white!important } .winning-numbers--bullseye { color: #b5032a; font-weight: bold } .winning-numbers--double-bullseye { color: #75c52f; font-weight: bold } .table thead tr>th.winning-numbers--bullseye { color: #b5032a; font-weight: bold } .table thead tr>th.winning-numbers--double-bullseye { color: #75c52f; font-weight: bold } .quick-draw-odds { display: block; background-image: linear-gradient(to top,#6ba539 0,#046033 100%) } @media(min-width: 768px) { .quick-draw-odds { display:flex; flex-direction: row } } .quick-draw-odds__tab-nav-outer { display: flex } .quick-draw-odds__tab-nav-outer a { text-decoration: none!important } @media(min-width: 768px) { .quick-draw-odds__tab-nav-outer { flex-basis:240px; flex-grow: 0 } } .quick-draw-odds__nav-content { flex-direction: column; padding: 10px 5px; margin: 0; color: white } @media(min-width: 922px) { .quick-draw-odds__nav-content { flex-direction:row; padding: 10px } } .quick-draw-odds--cashpop .quick-draw-odds__tab-nav li { width: 25%!important } .quick-draw-odds__tab-nav { list-style: none; padding: 0; margin: 0; width: 100% } .quick-draw-odds__tab-nav li { width: 20%; float: left; border-bottom: solid 1px rgba(255,255,255,0.3); border-right: solid 1px rgba(255,255,255,0.3) } @media(min-width: 768px) { .quick-draw-odds__tab-nav li { width:100%; float: none; border-right: 0; border-bottom: solid 1px rgba(255,255,255,0.3)!important } } .quick-draw-odds__tab-nav li:nth-child(5) { border-right: 0 } .quick-draw-odds__tab-nav li:nth-child(6) { border-bottom: 0 } .quick-draw-odds__tab-nav li:nth-child(7) { border-bottom: 0 } .quick-draw-odds__tab-nav li:nth-child(8) { border-bottom: 0 } .quick-draw-odds__tab-nav li:nth-child(9) { border-bottom: 0 } .quick-draw-odds__tab-nav li:nth-child(10) { border-bottom: 0; border-right: 0 } .quick-draw-odds__tab-nav li.active .quick-draw-odds__nav-content { background-color: #092e71 } .quick-draw-odds__tab-nav li.active .quick-draw-odds__nav-content a { text-decoration: none!important } .quick-draw-odds__tabs { display: flex; flex-grow: 1; padding: 10px; border-top: solid 1px rgba(255,255,255,0.3) } @media(min-width: 768px) { .quick-draw-odds__tabs { border-left:solid 1px rgba(255,255,255,0.3); border-top: 0 } } .quick-draw-odds__tabs .tab-content { border: 0; padding: 0; width: 100%; color: white; background-color: transparent } .quick-draw-odds__tabs tr:nth-child(even) td { background: rgba(0,0,0,0.1) } .quick-draw-odds__tabs th { color: white!important; border-bottom: solid 1px rgba(255,255,255,0.8) } .quick-draw-odds__tabs td::before { color: white!important } .quick-draw-odds__balls { display: none } @media(min-width: 768px) { .quick-draw-odds__balls { display:block } } .quick-draw-odds__balls .lotto-numbers span { width: 17px } .quick-draw-odds__balls .lotto-numbers span i { width: 18px; height: 18px; border: 0 } .quick-draw-odds__number-spots { min-width: 100%; text-align: center; font-size: 9px } @media(min-width: 768px) { .quick-draw-odds__number-spots { text-align:left; font-size: 11px; margin-bottom: 5px } } .quick-draw-odds__spots { display: block; font-size: 16px; font-weight: bold } @media(min-width: 768px) { .quick-draw-odds__spots { display:inline; font-size: 15px; font-weight: normal; margin-bottom: 8px } } .quick-draw-odds__table { font-size: 15px; margin-bottom: 0; } .quick-draw-odds__table tbody tr:last-child { background-color: #fef2c2!important; font-weight: bold; color: black } .quick-draw-odds__tabs th.text-red{ color: red!important; } @media(max-width: 541px) { .quick-draw-odds__table { text-align:center } .quick-draw-odds__table th { font-size: 9px!important; text-align: center } .quick-draw-odds__table tr td { padding: 4px; font-size: 9px!important } } .quick-draw-odds__overall-odds { background-color: #fef2c2; display: flex; padding: 10px; color: black; justify-content: space-between; font-weight: bold } .quick-draw-odds-es__tabs .main-content { background-color: transparent!important } .quick-draw-odds-es { display: block; background-image: linear-gradient(to top,#6ba539 0,#046033 100%) } @media(min-width: 997px) { .quick-draw-odds-es { display:flex; flex-direction: row } } .quick-draw-odds-es__tab-nav-outer { display: flex } .quick-draw-odds-es__tab-nav-outer a { text-decoration: none!important } @media(min-width: 997px) { .quick-draw-odds-es__tab-nav-outer { flex-basis:240px; flex-grow: 0 } } .quick-draw-odds-es__nav-content { flex-direction: column; padding: 10px 5px; margin: 0; color: white } @media(min-width: 1200px) { .quick-draw-odds-es__nav-content { flex-direction:row; padding: 10px } } .quick-draw-odds-es__tab-nav { list-style: none; padding: 0; margin: 0; width: 100% } .quick-draw-odds-es__tab-nav li { width: 20%; float: left; border-bottom: solid 1px rgba(255,255,255,0.3); border-right: solid 1px rgba(255,255,255,0.3) } @media(min-width: 997px) { .quick-draw-odds-es__tab-nav li { width:100%; float: none; border-right: 0; border-bottom: solid 1px rgba(255,255,255,0.3)!important } } .quick-draw-odds-es__tab-nav li:nth-child(5) { border-right: 0 } .quick-draw-odds-es__tab-nav li:nth-child(6) { border-bottom: 0 } .quick-draw-odds-es__tab-nav li:nth-child(7) { border-bottom: 0 } .quick-draw-odds-es__tab-nav li:nth-child(8) { border-bottom: 0 } .quick-draw-odds-es__tab-nav li:nth-child(9) { border-bottom: 0 } .quick-draw-odds-es__tab-nav li:nth-child(10) { border-bottom: 0; border-right: 0 } .quick-draw-odds-es__tab-nav li.active .quick-draw-odds-es__nav-content { background-color: #092e71 } .quick-draw-odds-es__tab-nav li.active .quick-draw-odds-es__nav-content a { text-decoration: none!important } .quick-draw-odds-es__tabs { display: flex; flex-grow: 1; padding: 10px; border-top: solid 1px rgba(255,255,255,0.3) } @media(min-width: 997px) { .quick-draw-odds-es__tabs { border-left:solid 1px rgba(255,255,255,0.3); border-top: 0 } } .quick-draw-odds-es__tabs .tab-content { border: 0; padding: 0; width: 100%; color: white; background-color: transparent } .quick-draw-odds-es__tabs tr:nth-child(even) td { background: rgba(0,0,0,0.1) } .quick-draw-odds-es__tabs th { color: white!important; border-bottom: solid 1px rgba(255,255,255,0.8)!important } .quick-draw-odds-es__tabs td::before { color: white!important } .quick-draw-odds-es__balls { display: none } @media(min-width: 997px) { .quick-draw-odds-es__balls { display:block } } .quick-draw-odds-es__balls .lotto-numbers span { width: 17px } .quick-draw-odds-es__balls .lotto-numbers span i { width: 18px; height: 18px; border: 0 } .quick-draw-odds-es__number-spots { min-width: 100%; text-align: center; font-size: 9px } @media(min-width: 997px) { .quick-draw-odds-es__number-spots { text-align:left; font-size: 11px; margin-bottom: 5px } } .quick-draw-odds-es__spots { display: block; font-size: 16px; font-weight: bold } @media(min-width: 997px) { .quick-draw-odds-es__spots { display:inline; font-size: 15px; font-weight: normal; margin-bottom: 8px } } .quick-draw-odds-es__table { font-size: 15px; margin-bottom: 0 } .quick-draw-odds-es__table tbody tr:last-child { background-color: #fef2c2!important; font-weight: bold; color: black } @media(max-width: 541px) { .quick-draw-odds-es__table { text-align:center } .quick-draw-odds-es__table th { font-size: 9px!important; text-align: center } .quick-draw-odds-es__table tr td { padding: 4px; font-size: 9px!important } } .quick-draw-odds-es__overall-odds { background-color: #fef2c2; display: flex; padding: 10px; color: black; justify-content: space-between; font-weight: bold } .quick-draw-odds--cash-pop .quick-draw-odds__tabs .table-odds-and-prizes th,.quick-draw-odds--cash-pop .quick-draw-odds__tabs .table-odds-and-prizes td { width: 50% } .disable-login .vip-navigation-header { visibility: hidden!important } .disable-login [data-toggle="accountNav"],.disable-login [title="Join Now"],.disable-login [title="Join"],.disable-login [value="register-step-1.html"],.disable-login [value="register-step-1.html"],.disable-login [href="/content/portal/en/cloverclub/signup.html"],.disable-login [value="/content/portal/en/cloverclub/signup.html"],.disable-login [href="/content/portal/en/vipclub/signup.html"],.disable-login [value="/content/portal/en/vipclub/signup.html"] { display: none!important } .print { background: #fff } @media print { a[href]:after { content: "" } abbr[title]:after { content: "" } .hidden-print { display: none!important } } .print-screen__col--left { width: 80%; float: left } .print-screen__col--right { width: 20%; float: left } .print-screen__col--right img { width: 100%; height: auto } .news-thumb__row { margin-bottom: 20px } .clearfix { clear: both } .news__col--content { padding-right: 20px } .rng { display: flex } .rng .lotto-numbers { display: flex; flex-wrap: wrap } .rng .rng__ball-outer { display: flex; width: 45px; height: 45px; border-radius: 50%; margin-right: 5px; position: relative; margin-bottom: 15px } .rng .rng__ball-shadow { content: " "; display: block; position: absolute; left: 15%; bottom: -13%; width: 70%; height: 10%; border-radius: 50%; opacity: .3; background-color: black } .rng .rng__ball-inner { width: 100%; height: 100%; display: flex; overflow: hidden; box-shadow: inset -1px -4px 6px rgba(0,0,0,0.45); background-color: white; border-radius: 50%; position: relative; z-index: 200 } .rng .rng__ball-inner:after { content: " "; border-radius: 50%; width: 50%; height: 30%; position: absolute; background-color: white; opacity: .5; left: 7%; top: 7%; transform: rotate(-30deg) } .rng .rng__ball-inner:before { content: " "; border-radius: 50%; width: 100%; height: 100%; position: absolute; opacity: .5; box-shadow: inset -5.625px -14.625px 8.625px rgba(0,0,0,0.3) } .rng .rng__num-list { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; position: relative; top: 0 } .rng .animating { transition: all 500ms cubic-bezier(0.565,-0.18,0.675,1.185); top: -900% } .rng .animated { top: -900% } .rng .blurring { animation: blur 500ms } .rng .rng__num { width: 100%; height: 100%; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; position: relative; font-size: 21px; font-weight: bold; overflow: hidden } .rng .animated .rng__num--final span { font-size: 1em } .rng .rng__btn { display: flex; justify-content: center; align-items: center; max-height: 40px } .rng .rng__ball-outer { position: relative } .rng .rng__ball-outer.powerball { color: white } .rng .rng__ball-outer.powerball .rng__ball-inner { background-color: #da2929 } .rng .rng__ball-outer.powerball .rng__ball-inner:after { opacity: .3 } .rng .rng__ball-outer.megamillions { color: white } .rng .rng__ball-outer.megamillions .rng__ball-inner { background-color: #075EDB } .rng .rng__ball-outer.megamillions .rng__ball-inner:after { opacity: .3 } .rng .rng__ball-outer.cash4life { color: white } .rng .rng__ball-outer.millionaire4life { color: white } .rng .rng__ball-outer.cash4life .rng__ball-inner { background-color: #2d7f67 } .rng .rng__ball-outer.millionaire4life .rng__ball-inner { background-color: #008B4E } .rng .rng__ball-outer.cash4life .rng__ball-inner:after { opacity: .3 } @keyframes blur { 10% { filter: blur(0px) } 50% { filter: blur(1px) } 95% { filter: blur(0px) } } .scene { border: 1px solid #CCC; margin: 40px 0; position: relative; width: 210px; height: 140px; margin: 80px auto; perspective: 1000px } .carousel__cell { position: absolute; width: 190px; height: 120px; left: 10px; top: 10px; border: 2px solid black; line-height: 116px; font-size: 80px; font-weight: bold; color: white; text-align: center; transition: transform 1s,opacity 1s } .carousel__cell:nth-child(9n+1) { background: hsla(0,100%,50%,0.8) } .carousel__cell:nth-child(9n+2) { background: hsla(40,100%,50%,0.8) } .carousel__cell:nth-child(9n+3) { background: hsla(80,100%,50%,0.8) } .carousel__cell:nth-child(9n+4) { background: hsla(120,100%,50%,0.8) } .carousel__cell:nth-child(9n+5) { background: hsla(160,100%,50%,0.8) } .carousel__cell:nth-child(9n+6) { background: hsla(200,100%,50%,0.8) } .carousel__cell:nth-child(9n+7) { background: hsla(240,100%,50%,0.8) } .carousel__cell:nth-child(9n+8) { background: hsla(280,100%,50%,0.8) } .carousel__cell:nth-child(9n+0) { background: hsla(320,100%,50%,0.8) } .carousel__cell:nth-child(1) { transform: rotateX(0deg) translateZ(288px) } .carousel__cell:nth-child(2) { transform: rotateX(40deg) translateZ(288px) } .carousel__cell:nth-child(3) { transform: rotateX(80deg) translateZ(288px) } .carousel__cell:nth-child(4) { transform: rotateX(120deg) translateZ(288px) } .carousel__cell:nth-child(5) { transform: rotateX(160deg) translateZ(288px) } .carousel__cell:nth-child(6) { transform: rotateX(200deg) translateZ(288px) } .carousel__cell:nth-child(7) { transform: rotateX(240deg) translateZ(288px) } .carousel__cell:nth-child(8) { transform: rotateX(280deg) translateZ(288px) } .carousel__cell:nth-child(9) { transform: rotateX(320deg) translateZ(288px) } @media(max-width: @screen-xs-max) { .hidden-xs { .responsive-invisibility() } } @media(min-width: @screen-sm-min) and (max-width:@screen-sm-max) { .hidden-sm { .responsive-invisibility() } } @media(min-width: @screen-md-min) and (max-width:@screen-md-max) { .hidden-md { .responsive-invisibility() } } div#bizNum { flex-direction: column } .cashpop.number-list-item li .number { background-color: #f15712 } .cashpopRow { width: 50%!important } .main-outer--homepage .game-tile.game-tile-fastplay .game-info,.draw-games-tiles .game-tile.game-tile-fastplay .game-info,#drawGameJackpots .game-tile.game-tile-fastplay .game-info,.main-outer--homepage .game-tile.game-tile-fastplay .lower-content,.draw-games-tiles .game-tile.game-tile-fastplay .lower-content,#drawGameJackpots .game-tile.game-tile-fastplay .lower-content { background-image: linear-gradient(-20deg,#4c4d4f 0,#231f20 100%) } .table-winning-numbers-quick-draw .multiplier--quick-draw { max-width: 20px; display: inline-block } @media(max-width: 700px) { .table-winning-numbers-quick-draw .multiplier--quick-draw { max-width:inherit } } @media(min-width: 724px) { .lastest-draw-info .winning-numbers .multiplier { padding-top:12px; padding-left: 0; min-width: 20px } } @media(min-width: 724px) { .lastest-draw-info .winning-numbers .multiplier { float:left; padding-right: 13px; padding-left: 13px; text-align: center } } @media(max-width: 700px) { .table-winning-numbers-quick-draw .multiplier--quick-draw { max-width:inherit } .table-winning-numbers-quick-draw .multiplier--quick-draw ::before { content: 'Multiplier: ' } } .error-total { margin-right: 8%; float: right; color: #f82323; font-size: 10px } #loyalty-web-entry-form .form-control-feedback { display: none } .promotion-eligible-ticket { color: white!important; position: relative } .promotion-eligible-ticket .clear-ticket-btn span { color: white!important } .game-tile-powerball .highlight, .game-tile-megamillions .highlight { margin-top: 7px!important; } .game-tile-powerball .winning-numbers .double-play-headline, .game-tile-megamillions .winning-numbers .double-play-headline { margin-top: 6px; } .game-tile-powerball .lotto-numbers, .game-tile-megamillions .lotto-numbers { margin-top: 3px; } .game-tile-powerball .lotto-numbers span, .game-tile-megamillions .lotto-numbers span { width: 22px; } .game-tile-powerball .lotto-numbers span > i, .game-tile-megamillions .lotto-numbers span > i { font-size: 13px; width: 24px; height: 24px; line-height: 23.5px; } .main-outer--homepage .game-tile.game-tile-powerball .game-image img, .draw-games-tiles .game-tile.game-tile-powerball .game-image img, #drawGameJackpots .game-tile.game-tile-powerball .game-image img { height: 90px; margin-bottom: -20px; padding: 20px; } .releasecontent .text ul{ list-style-type: disc !important; margin-left:50px; } .text-content ul{ list-style-type: disc !important; margin-left:50px; } .text-content .form-2 ul{ list-style-type: none !important; margin-left:0px; } .OddsPrizes ul{ list-style-type: none !important; margin-left:0px; } @media(min-width: 581px) { .text-content .winners-carousel ul { list-style-type: none !important; margin-left: -50%; } } .text-content .winners-carousel ul { list-style-type: none !important; } .catalog-item-wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .link-wrapper { margin-bottom: 18px; text-align: center; } .text-link { color: black; text-decoration: underline; font-size: 15px; font-weight: bold; text-transform: capitalize; } .text-link:hover, .text-link:focus { color: black; } .spacer-large { margin-top: 50px; } .spacer-default { margin-top: 20px; } .spacer-default-half { margin-top: 10px; } .info-icon { font-size: 50px; text-align: center; } .info-icon.info-icon--danger { color: red; } .info-icon.info-icon--success { color: green; } .info-text { text-align: center; font-size: 15px; } .info-btns { display: flex; align-items: center; justify-content: center; gap: 1rem; } .info-btns .btn { min-width: 150px; white-space: normal !important; } @media (max-width: 370px) { .info-btns .btn { min-width: 100px; } } .table-winning-numbers-cash5__green-ball-text { font-weight: bold; color: #046a38; } .lower-banner .game-image img { width: 270px; } .lotto-numbers>span>i.millionaire4life { color: #fff; background-color: #008B4E!important; border-color: #fcd116; } .input-ball.millionaire4life { color: #fff; background-color: #008B4E; } .game-page-banner.powerball-xno .game-image.powerball-xno { text-align: left; } .game-page-banner.powerball-xno .game-image.powerball-xno img { height: 120px; width: auto; padding: 10px; } .xno-pick-results__container { display: inline-block; } .xno-pick-results { width: 50px; height: 50px; border: 1px solid #c1c1c1; background-color: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 3px; } .xno-pick-results img { width: 100%; height: 100%; object-fit: contain; } @media (min-width: 500px) { .xno-pick-results__wrapper { grid-template-columns: repeat(8, 50px) !important; grid-template-rows: repeat(1, 50px) !important; } } .xno-pick-results__wrapper { display: grid; gap: 5px; justify-content: center; grid-template-columns: repeat(4, 50px); grid-template-rows: repeat(2, 50px); } .error-total{ margin-right: 8%; float: right; color: #f82323; font-size:10px; } #loyalty-web-entry-form .form-control-feedback{ display:none; } .promotion-eligible-ticket { color: white !important; position: relative; } .promotion-eligible-ticket .clear-ticket-btn span { color: white !important; } .promoEvent a { color: #0071BC; font-weight: bold; } .promoEvent .retailer { background-color: #ecfceb; border: 2px solid #25a706; box-shadow: 2px 2px 2px #E2E2E2; width: 90%; height: 100%; margin: auto; margin-bottom: 15px; border-radius: 15px; padding: 5px; overflow: hidden; text-align: center; } .promoEvent .public { background-color: #fcfaeb; border: 2px solid #af8a22; box-shadow: 2px 2px 2px #E2E2E2; width: 90%; height: 100%; margin: auto; margin-bottom: 15px; border-radius: 15px; padding: 5px; overflow: hidden; text-align: center; } .promoEvent .quickdraw { background-color: #ebeffd; border: 2px solid #0080c0; box-shadow: 2px 2px 2px #E2E2E2; width: 90%; height: 100%; margin: auto; margin-bottom: 15px; border-radius: 15px; padding: 5px; overflow: hidden; text-align: center; } .promoEvent .cancel { background-image: linear-gradient(to bottom,#fce0e0,#edcaca); border: 2px solid #e80011; box-shadow: 2px 2px 2px #E2E2E2; width: 90%; height: 100%; margin: auto; margin-bottom: 15px; border-radius: 15px; padding: 5px; overflow: hidden; text-align: center; } .promoEvent .cancelClass { color: #e80011; font-weight: bold; text-align: center; font-size: 18px; } .promoEvent p { margin-top: 18px; } .promoEvent p.location { margin-top: 10px; } .promoEvent img { margin-top: 12px; } .promotion-eligible-ticket { color: white!important; position: relative; } .promotion-eligible-ticket .clear-ticket-btn span { color: white!important; }