/* Minification failed. Returning unminified contents. (2027,1): run-time error CSS1019: Unexpected token, found '@import' (2027,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700,200)' (2028,1): run-time error CSS1019: Unexpected token, found '@import' (2028,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600)' (15581,36923): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15581,36955): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15581,36991): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (15581,37020): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15581,37056): run-time error CSS1019: Unexpected token, found '@keyframes' (15581,37080): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17931,21): run-time error CSS1036: Expected expression, found '!important' */ @charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, figure, figcaption fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; /*font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: inherit; font-size: 100%;*/ } table, caption, tbody, tfoot, thead, tr, th, td { margin:2px; padding:3px; } p { padding:0 0 5px 0;} td {vertical-align:middle;} /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.3; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; /*border-spacing: 0;*/ } caption, th, td { text-align: left; font-weight: normal; vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { border: 0; height: 1px; background: #999; } hr.white { background: #EEE; } hr.bevel {background: #555555; border-bottom: 1px solid #CCCCCC; height: 2px;} /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; 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; } /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(/content/sitefiles/fonts/fontawesome-webfont.eot?v=4.1.0); src: url(/content/sitefiles/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'), url(/content/sitefiles/fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'), url(/content/sitefiles/fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'), url(/content/sitefiles/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #fff; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/content/sitefiles/css/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/content/sitefiles/css/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/content/sitefiles/css/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/content/sitefiles/css/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/content/sitefiles/css/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/content/sitefiles/css/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700,200); @import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600); @font-face { font-family: 'dcc_ashregular'; src: url(/content/sitefiles/fonts/dcc_ash-webfont.eot?#iefix) format('embedded-opentype'), url(/content/sitefiles/fonts/dcc_ash-webfont.woff) format('woff'), url(/content/sitefiles/fonts/dcc_ash-webfont.ttf) format('truetype'), url(/content/sitefiles/fonts/dcc_ash-webfont.svg#dcc_ashregular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_danielbk'; src: url(/content/sitefiles/fonts/danielbk.eot?#iefix) format('embedded-opentype'); src: local('☺'), url(/content/sitefiles/fonts/danielbk.woff) format('woff'), url(/content/sitefiles/fonts/danielbk.ttf) format('truetype'), url(/content/sitefiles/fonts/danielbk.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DinProMedium'; src: url(/content/sitefiles/fonts/DinProMedium.woff) format('woff'), url(/content/sitefiles/fonts/DinProMedium.otf) format('otf'), url(/content/sitefiles/fonts/DinProMedium.ttf) format('truetype'), url(/content/sitefiles/fonts/DinProMedium.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'D-DINCondensed'; src: url(/content/sitefiles/fonts/D-DINCondensed.otf) format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir-black'; src: url(/content/sitefiles/fonts/Avenir-Black.ttf) format('embedded-opentype'), url(/content/sitefiles/fonts/Avenir-Black.woff) format('woff'), url(/content/sitefiles/fonts/Avenir-Black.eot?#iefix) format('embedded-opentype'), url(/content/sitefiles/fonts/Avenir-Black.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir-medium'; src: url(/content/sitefiles/fonts/Avenir-Medium.ttf) format('truetype'), url(/content/sitefiles/fonts/Avenir-Medium.woff) format('woff'), url(/content/sitefiles/fonts/Avenir-Medium.eot?#iefix) format('embedded-opentype'), url(/content/sitefiles/fonts/Avenir-Medium.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir-heavy-oblique'; src: url(/content/sitefiles/fonts/Avenir-HeavyOblique.ttf) format('truetype'), url(/content/sitefiles/fonts/Avenir-HeavyOblique.woff) format('woff'), url(/content/sitefiles/fonts/Avenir-HeavyOblique.eot?#iefix) format('embedded-opentype'), url(/content/sitefiles/fonts/Avenir-HeavyOblique.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir-heavy'; src: url(/content/sitefiles/fonts/Avenir-Heavy.ttf) format('truetype'), url(/content/sitefiles/fonts/Avenir-Heavy.woff) format('woff'), url(/content/sitefiles/fonts/Avenir-Heavy.eot?#iefix) format('embedded-opentype'), url(/content/sitefiles/fonts/Avenir-Heavy.svg) format('svg'); font-weight: normal; font-style: normal; } html { } body { font-size: 16px; font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif; } .container { margin: auto; width: 960px; min-height: calc(100vh - 226px); } .container.logsContainer { min-height: calc(100vh - 431px) !important; } .container.programPopupContainer { min-height: 0 !important; } .container.stopAutoRenewalPopup { min-height: 0 !important; } .container.twoDaysWarning { min-height: 0 !important; } .container.changeProgramDefault { min-height: 0 !important; } .container.changeProgram { min-height: 0 !important; } .container.deleteProgressImage { min-height: 0 !important; } .container.upgradeSubscription { min-height: 0 !important; } .container.downgradeSubscription { min-height: 0 !important; } .container.externalLogin { min-height: 0 !important; } .container.subscriberUsingWrongProgramWarning { min-height: 0 !important; } .bottomSide { padding: 20px 0; } a, a:link, a:visited { text-decoration: underline; } a:hover, a:active { color: #FFF; } .formpages .logo { margin: 80px auto; display: block; } .formpages .container { width: 800px; } .formpages .container .leftSide { width: 250px; float: left; text-align: center; } .formpages .container .rightSide { margin-left: 260px; } .formpages .container .bottomSide { width: 100%; clear: both; } .darkFormContent ul { background: rgba(27,27,27,0.89); border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); } .darkFormContent ul li { border-bottom: 1px solid #333; padding: 12px 20px; } .darkFormContent ul li:last-child { border-bottom: none; } .darkFormContent ul li label { color: #888; display: inline-block; font-size: 26px; padding-right: 2%; text-align: right; width: 40%; } .darkFormContent ul li input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: white; font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif; width: 55%; font-size: 26px; } .billingInfo #billingInfoForm .form-control-wrapper, .billingInfo #billingInfoPromoUsersForm .form-control-wrapper { padding: 0 !important; border-bottom: 2px solid gray !important; } #billingInfoForm { padding-top: 5px !important; padding-bottom: 5px !important; } #billingInfoForm .form-control-wrapper label, #billingInfoPromoUsersForm .form-control-wrapper label { padding-top: 10px !important; padding-bottom: 10px !important; } #billingInfoForm .form-control-wrapper input.textInput { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; width: 55% !important; height: 45px !important; padding-left: 12px; } #billingInfoPromoUsersForm .form-control-wrapper input.textInput { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; width: 59% !important; height: 45px !important; padding-left: 12px; } #billingInfoPromoUsersForm .billingInfoSelect { background-color: rgba(0,0,0,0.5) !important; padding: 7px !important; width: 59% !important; color: white !important; } .billingInfoSelect { background-color: rgba(0,0,0,0.5) !important; padding: 7px !important; width: 57% !important; color: white !important; } .billingInfoSelect option { background-color: rgb(0,0,0) !important; color: white !important; } #billingInfoPromoUsersForm .cardExpMonthPicker .k-datepicker .k-picker-wrap { width: 288px !important; background-color: rgba(0,0,0,0.5) !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap { width: 278px !important; background-color: rgba(0,0,0,0.5) !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-input { padding: 7px !important; width: 100% !important; height: 32px !important; color: white !important; } .cardExpMonthPicker .customizeTxt { color: white !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { text-align: center !important; right: 5px !important; } /* ooooooooooooo SING UP oooooooooo */ .darkFormContent .submitBtn, .pgiftFormContent .submitBtn, .signupBasicFormContent .submitBtn { border: medium none; cursor: pointer; display: block; margin: 10px 0 0 0; float: right; text-indent: -9999999px; } #suf_submit { background: url(/content/sitefiles/images/btn_ca_submit.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 201px; height: 63px; } #suf_submit:hover { background-position: 0 -63px; } #btn_login { background: url(/content/sitefiles/images/btn_login.png) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 73px; width: 219px; } #btn_login:hover { background-position: 0 -73px; } #btn_login, #btn_ca { border: medium none; cursor: pointer; display: block; margin: 0 auto; text-indent: -9999999px; /* margin-top: 20px;*/ } /* ooooooooooooo LOGIN oooooooooo */ /*#LoginArea { float: right; }*/ /*//////////////////*/ /*.signUpContainer { margin-top: -60px; }*/ /*.signup-loginarea { margin: -25px 0; }*/ /* #signup-loginarea-bottomside { margin-top: -15px !important; }*/ #login-bottomside { margin-top: -20px !important; } /*//////////////////*/ .loginForm { padding-top: 50px; } #lf_submit { background: url(/content/sitefiles/images/btn_login_submit.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 105px; height: 55px; } #lf_submit:hover { background-position: 0 -55px; } #btn_ca { background: url(/content/sitefiles/images/btn_ca.png) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 71px; width: 206px; } #btn_ca:hover { background-position: 0 -71px; } .orLine { background-image: url(/content/sitefiles/images/or.png); margin-top: 15px; } .darkFormContent .orLine { float: right; margin: 17px 0; } /*///////////////////////////////////*/ #faceLogin, #twitLogin, #gplsLogin { background: url(/content/sitefiles/images/btn_social_login.png) right top no-repeat; float: right; /* margin: 3px 0;*/ padding: 0px 40px 0px 0; height: 32px; width: 200px; color: #5c5c5c; text-align: right; font-size: 18px; } /*///////////////////////////////////*/ #twitLogin { background-position: right -42px; } #gplsLogin { background-position: right -84px; } #forgotPsw { float: left; font-size: 18px; padding: 10px; color: #5c5c5c !important; } .login .container .bottomSide { position: absolute; width: 800px; } /* ooooooooooooo WORKSOUT oooooooooo */ #mainMenuResponsiveBtn { background: none repeat scroll 0 0 #222; border: medium none; color: #eee; cursor: pointer; display: none; font-size: 25px; margin: 3px 6px 0 -6px; padding: 5px; vertical-align: top; } #hLine01 { background: #f0f0f0 none repeat scroll 0 0; padding: 0 10px 5px; } .loginned .logo { background-image: url(/content/sitefiles/images/newlogoSmall.png); background-position: 0 center; background-repeat: no-repeat; display: inline-block; height: 36px; margin: 10px; vertical-align: middle; width: 100px; } .loginned .bottomlogo { background-image: url(/content/sitefiles/images/newlogoSmall.png); background-position: 0 center; background-repeat: no-repeat; display: inline-block; height: 36px; margin: 10px 23px; vertical-align: middle; width: 117px; } #account-expired-warning { text-align: center; width: 100%; color: #dc3545; background: #f0f0f0; word-break: break-word; display: none; padding: 5px; } #hLine01 #topMenu .user img { height: 40px; width: 40px; object-fit: cover; } #hLine01 > #topMenu { float: right; height: 50px; } #hLine01 > #topMenu > li { float: left; padding: 12px; line-height: 32px } #hLine01 > #topMenu > li > a { color: #000000; font-family: D-DINCondensed; font-size: 17px; font-weight: 500; } #hLine01 > #topMenu > li > a:hover { color: #919191; } #hLine01 > #topMenu > li.user { border-radius: 20px; height: 40px; overflow: hidden; padding: 0; width: 40px; margin-left: 23px; margin-right: 23px; margin-top: 8px; } #hLine02 { background-color: #1a1a1a; height: 56px; padding: 0; position: relative; } #hLine02 > .user { border-radius: 100%; float: left; height: 30px; margin: 11px 10px 10px 15px; overflow: hidden; width: 30px; } #hLine02 > .user img { width: 100%; } .workoutsSummary #hLine02:before, .rateWorkout #hLine02:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55); content: ""; height: 100%; position: absolute; width: 100%; } #mainMenu { text-align: center; } #mainMenu li { border-right: 1px solid #333; display: inline-block; font-size: 18px; position: relative; padding-top: 18px; } #mainMenu li:last-child { border-right: 0; } #mainMenu li a { color: #f1f1f1; font-family: D-DINCondensed; font-size: 18px; margin-top: 0; padding: 13px 13px; } #mainMenu li a:before { margin-bottom: -4px; opacity: 0.99; background-image: url(/content/sitefiles/images/menu-sprite.png); content: ""; display: inline-block; height: 21px; margin-right: 6px; width: 22px; } ul#mainMenu { float: none; margin-right: 0; } #mainMenu li.m01 > a::before { background-position: 0 0; } #mainMenu li.m02 > a::before { background-position: 0 -27px; } #mainMenu li.m03 > a::before { background-position: 0 -57px; } #mainMenu li.m04 > a::before { background-position: 0 -85px; } #mainMenu li.m05 > a::before { background-position: 0 -114px; } #mainMenu li.m06 > a::before { background-position: 0 -141px; } #mainMenu li.m07 > a::before { background-position: 0 -169px; } #mainMenu li.m08 > a::before { background-position: 0 -198px; } #mainMenu li.m09 > a::before { background-position: 0 -227px; } #mainMenu li.menu-recipe-icon > a::before { background-position: 0 -255px; } span.message-counter { background-color: #34a9dd; border-radius: 100%; font-size: 12px; left: 26px; padding: 1px 7px; position: absolute; top: 11px; color: #fff; } #hline03 { height: 120px; } .workoutsTitle { height: 60px; margin: 20px auto; width: 310px; color: #000; font-family: "dcc_ashregular"; font-size: 82px; font-weight: normal; line-height: 0.7; text-align: center; } #hLine03 { height: 100px; padding: 10px 0 0; position: relative; } #subMyProgramMenu { position: absolute; right: 0; top: 20px; } #subMenu { position: absolute; right: 0; top: 20px; } #subMenu li { float: left; } /*#subMenu li a { background-image: url(/content/sitefiles/images/ddp_sprite.png); display: inline-block; height: 50px; margin: 10px; text-indent: -9999px; width: 50px; }*/ #subMenu li a:hover { opacity: 0.7; } #subMenu li.m01 a { background-position: -100px -16px; width: 87px; } #subMenu li.m02 a { background-position: 0 -16px; } #subMenu li.m03 a { background-position: -50px -16px; } .headLineIncons { width: 50px; margin: 10px; } #searchBox { background: none repeat scroll 0 0 #ddd; display: none; height: 38px; padding: 6px; position: absolute; right: 10px; top: 33px; width: 290px; } #searchBox #searchBtn { background: url(/content/sitefiles/images/ddp_sprite.png) no-repeat scroll -190px -36px rgba(0, 0, 0, 0); border: medium none; cursor: pointer; height: 36px; padding: 0; position: absolute; text-indent: -9999px; width: 36px; } #searchBox #closeSearchBoxBtn { background: url(/content/sitefiles/images/ddp_sprite.png) no-repeat scroll -225px -36px rgba(0, 0, 0, 0); border: medium none; cursor: pointer; height: 36px; position: absolute; right: 10px; text-indent: -999999px; width: 36px; } #searchBox #searchText { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 24px; height: 36px; left: 50px; padding: 0; position: absolute; width: 211px; } .woList.myProgramWoList h2 { color: #eee !important; font-weight: normal; } .myProgramWoList .owl-buttons .fa { color: #ffffff !important; } .woList .owl-item { display: flex; justify-content: center; } .woList h2 { color: #000; font-weight: normal; } .woList > ul li { float: left; max-width: 197px; } .woList ul li a { background-color: #1a1a1a; color: #ddd; display: block; margin: 7.8px; } .woList ul li a:hover { background: none repeat scroll 0 0 #333; color: white; } .woList ul li a figcaption { padding: 5px 10px; } .ddp-dmn { background-size: cover; display: inline-block; height: 20px; margin: 0 3px 2px; width: 25px; } .ddp-dmn.selected { height: 25px; width: 32px; } .ddp-dmn-workoutDetails { height: 22px; } .ddp-dmn-green { background-image: url(/Content/SiteFiles/images/workoutDifficulty/green.png); } .ddp-dmn-red { background-image: url(/Content/SiteFiles/images/workoutDifficulty/red.png) } .ddp-dmn-yellow { background-image: url(/Content/SiteFiles/images/workoutDifficulty/yellow.png) } .ddp-dmn-blue { background-image: url(/Content/SiteFiles/images/workoutDifficulty/blue.png) } .ddp-dmn-orange { background-image: url(/Content/SiteFiles/images/workoutDifficulty/orange.png) } .ddp-dmn-green.selected { background-image: url(/Content/SiteFiles/images/workoutDifficulty/green-state.png); } .ddp-dmn-red.selected { background-image: url(/Content/SiteFiles/images/workoutDifficulty/red-state.png) } .ddp-dmn-yellow.selected { background-image: url(/Content/SiteFiles/images/workoutDifficulty/yellow-state.png) } .ddp-dmn-blue.selected { background-image: url(/Content/SiteFiles/images/workoutDifficulty/blue-state.png) } .ddp-dmn-orange.selected { background-image: url(/Content/SiteFiles/images/workoutDifficulty/orange-state.png) } .woList .noContent { } .woList .noContent li { background-color: rgba(0, 0, 0, 0.5); color: #ddd; float: none; font-family: sans-serif; font-size: 17px; margin: 0; padding: 70px; text-align: center; } .ddp-icon { background-image: url(/content/sitefiles/images/ddp_sprite.png); display: inline-block; height: 16px; width: 16px; } .ddp-icon-favorites { background-position: -261px -41px; height: 32px; vertical-align: middle; width: 28px; } footer { background: none repeat scroll 0 0 #131313; color: #bbb; height: 110px; padding: 10px 40px; } footer section { float: left; width: 33%; } footer figcaption span.copy { font-family: arial; } .woList ul li figure img { width: 180px; } .footerMenu a { color: #999; } .footerMenu { padding-top: 13px; } .footerMenu a:hover { color: #eee; } /* ooooooooooooo FANCY BOX ooooooooooooo */ body.popup { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } .popup figure.videoImage img { width: 100%; } .fancybox-close { background: url(/content/sitefiles/images/ddp_sprite.png) repeat scroll -291px -41px rgba(0, 0, 0, 0); height: 30px; padding: 0; right: 15px; top: 5px; width: 30px; } .termsConditionsFancy { margin-left: 3% !important; } .termsConditionsFancy.fancybox-opened { width: 920px !important; } .workoutdetailsFancy.fancybox-opened, .videoDetailsFancy.fancybox-opened, .ddpDetailsFancy.fancybox-opened, .deletePPFancy.fancybox-opened, .liveWorkoutDetailsFancy.fancybox-opened, .stopAutoRenewalFancy.fancybox-opened, .quickStartFancy.fancybox-opened, .WorkoutListFancy.fancybox-opened, /*.workoutSummaryFancy.fancybox-opened,*/ .signupFBFancy.fancybox-opened, .workoutHigherLevelFancy.fancybox-opened, .giftSubcriptionFancy.fancybox-opened { width: 920px !important; } .workoutdetailsFancy > .fancybox-skin, .workoutdetailsFancy > .fancybox-skin > .fancybox-outer, .workoutdetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .videoDetailsFancy > .fancybox-skin, .videoDetailsFancy > .fancybox-skin > .fancybox-outer, .videoDetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .ddpDetailsFancy > .fancybox-skin, .ddpDetailsFancy > .fancybox-skin > .fancybox-outer, .ddpDetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .deletePPFancy > .fancybox-skin, .deletePPFancy > .fancybox-skin > .fancybox-outer, .deletePPFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .termsConditionsFancy > .fancybox-skin, .termsConditionsFancy > .fancybox-skin > .fancybox-outer, .termsConditionsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .liveWorkoutDetailsFancy > .fancybox-skin, .liveWorkoutDetailsFancy > .fancybox-skin > .fancybox-outer, .liveWorkoutDetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .stopAutoRenewalFancy > .fancybox-skin, .stopAutoRenewalFancy > .fancybox-skin > .fancybox-outer, .stopAutoRenewalFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .quickStartFancy > .fancybox-skin, .quickStartFancy > .fancybox-skin > .fancybox-outer, .quickStartFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .WorkoutListFancy > .fancybox-skin, .WorkoutListFancy > .fancybox-skin > .fancybox-outer, .WorkoutListFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .signupFBFancy > .fancybox-skin > .fancybox-outer, .signupFBFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .workoutHigherLevelFancy > .fancybox-skin > .fancybox-outer, .workoutHigherLevelFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .giftSubcriptionFancy > .fancybox-skin > .fancybox-outer, .giftSubcriptionFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner { width: 100% !important; max-width: 900px; padding: 0 !important; } @media screen and (min-height:750px) and (max-height:1079px) { .workoutSummaryFancy > .fancybox-skin, .workoutSummaryFancy > .fancybox-skin > .fancybox-outer, .workoutSummaryFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .workoutSummaryFancy.fancybox-opened, .workoutSummaryFancy.fancybox-wrap { width: 800px !important; height: 700px !important; } } @media screen and (min-height:300px) and (max-height:750px) { .workoutSummaryFancy > .fancybox-skin, .workoutSummaryFancy > .fancybox-skin > .fancybox-outer, .workoutSummaryFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .workoutSummaryFancy.fancybox-opened, .workoutSummaryFancy.fancybox-wrap { width: 800px !important; height: 350px !important; } } .workoutdetailsFancy.fancybox-wrap, .videoDetailsFancy.fancybox-wrap, .ddpDetailsFancy.fancybox-wrap, .deletePPFancy.fancybox-wrap, .liveWorkoutDetailsFancy.fancybox-wrap, .stopAutoRenewalFancy.fancybox-wrap, .quickStartFancy.fancybox-wrap, .WorkoutListFancy.fancybox-wrap, /*.workoutSummaryFancy.fancybox-wrap,*/ .signupFBFancy.fancybox-wrap, .workoutHigherLevelFancy.fancybox-wrap, .giftSubcriptionFancy.fancybox-wrap { max-width: 900px !important; } .workoutdetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .videoDetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .ddpDetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .deletePPFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .termsConditionsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .liveWorkoutDetailsFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .stopAutoRenewalFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .quickStartFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .WorkoutListFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, /*.workoutSummaryFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner,*/ .signupFBFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .workoutHigherLevelFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner, .giftSubcriptionFancy > .fancybox-skin > .fancybox-outer > .fancybox-inner { height: auto !important; } /* ooooooooooooo WORKSOUT POPUP ooooooooooooo */ .videoImage { position: relative; } figure.videoImage i { position: absolute; } .ddp-icon-favPassive { background-position: 0 -135px; height: 44px; right: 30px; width: 37px; } .ddp-icon-favActive { background-image: url(/content/sitefiles/images/fav-enabled-big.png); display: inline-block; height: 43px; right: 30px; width: 37px; z-index: 999; } .ddp-icon-playVideo { background-position: -39px -135px; height: 50px; left: 50%; margin: -25px; top: 50%; width: 50px; } body.popup aside { color: #eee; float: left; width: 50%; } body.popup figcaption { position: relative; } body.popup figcaption h4 { font-size: 37px; } body.popup figcaption small { float: right; font-size: 20px; margin: 10px 0 0; } body.popup section { margin: 20px; width: 860px; } body.popup aside:last-child { padding-left: 25%; } body.popup .container:last-child { } aside.rightSide { padding-left: 3%; width: 47% !important; } body.popup figcaption div { font-family: arial; font-size: 12px; text-align: justify; } .ddp-level, .ddp-tags, .ddp-grid { font-size: 20px; margin: 10px 40px; } .ddp-level > ul { float: right; } .ddp-tags > ul { display: inline-block; } .ddp-tags ul li { display: inline-block; padding-left: 5px; } .ddp-tags ul li span { color: #2BA9E0 } .ddp-tags ul li span:after { content: ", "; } .ddp-tags ul li:last-child span:after { content: ""; } .ddp-grid { background: url(/content/sitefiles/images/grid.png) no-repeat scroll center center rgba(0, 0, 0, 0); height: 176px; } .startWorkOut { background: url(/content/sitefiles/images/btn_startWorkout.png) repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; display: block; height: 70px; margin: auto; opacity: 0.75; width: 206px; } .startWorkOut:hover { cursor: pointer; opacity: 1; } .closeLiveWorkout { background: url(/content/sitefiles/images/ClosePopupBtn.png) repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; display: block; height: 59px; margin: auto; opacity: 0.75; width: 181px; } .closeLiveWorkout:hover { cursor: pointer; opacity: 1; } .ddpSitu-scanningEllipse p { color: #2cabe2; display: inline-block; font-family: arial; font-size: 22px; margin-left: 10px; } .ddp-icon-spinner { background-position: -185px -151px; height: 48px; width: 48px; } .ddpSitu-scanningEllipse { margin: 30px; } .ddpSitu-HRdetected { margin: 30px; } .ddp-icon-hearth { background-position: -91px -134px; height: 87px; width: 91px; } .ddpSitu-HRdetected > .ddp-icon { float: left; margin-right: 15px; } .ddpSitu-HRdetected > p { color: #2cabe2; font-size: 20px; } .ddpSitu-HRdetected .ddp-bpm { color: #ccc !important; font-family: "dcc_ashregular"; font-size: 90px; margin: -17px 70px 0 0; text-align: center; } .ddpSitu-HRdetected .ddp-bpm:after { content: "BPM"; display: inline-block; font-size: 20px; margin: 0 0 0 7px; } .ddpSitu-MultipleHRsDetected > h3 { font-family: "dcc_ashregular"; font-size: 34px; font-weight: normal; text-align: center; } .ddpSitu-MultipleHRsDetected { margin: 30px; } .ddpSitu-MultipleHRsDetected > h4 { color: #2cabe2; font-family: arial; font-size: 12px; font-weight: lighter; text-align: center; } .ddp-icon-bt { background-position: -313px -77px; } .ddpSitu-MultipleHRsDetected > ul { background-color: #555; margin: 10px; } .ddpSitu-MultipleHRsDetected li { border-bottom: 1px solid #111; font-weight: lighter; padding: 2px 10px; } .ddpSitu-MultipleHRsDetected li:before { color: #2cabe2; content: "+"; padding: 0 10px 0 0; } .ddpSitu-MultipleHRsDetected li.searching:before { content: ""; padding: 0; } .ddp-icon-noHearth { background-position: 0 -185px; height: 75px; width: 75px; } .ddpSitu-NoHRDetected > h3 { display: inline-block; font-family: "dcc_ashregular"; font-size: 30px; font-weight: normal; line-height: 1; margin: 0 35px 0 10px; vertical-align: middle; } .ddpSitu-NoHRDetected > button { background: none repeat scroll 0 0 #2cabe2; border: medium none; color: #111; display: block; font-family: "dcc_ashregular"; font-size: 40px; margin: 20px auto; } .ddpSitu-NoHRDetected i { margin-left: 60px; vertical-align: middle; } /* ooooooooooooo VIDEO PAGE ooooooooooooo */ body.video .container { color: #eee; } body.video h1 { font-family: "dcc_ashregular"; font-size: 34px; font-weight: normal; padding: 10px 0; } .videoEmbed { background-color: rgba(0, 0, 0, 0.5); min-height: 400px; width: 100%; } .ddp-icon-exclamation { background-position: -234px -155px; height: 28px; width: 28px; } .videoDesc i { float: left; margin: 0 20px 60px 0; } .videoDesc { margin: 15px 0; } /* ooooooooooooo RATE WORKOUT PAGE ooooooooooooo */ .rateWorkout .workoutsTitle, .workoutsSummary .workoutsTitle { font-size: 3vw; width: 38vw; margin: 35px auto; } .rateArea { font-family: "dcc_ashregular"; } .rateArea h2 { color: #eee; font-size: 9vw; font-weight: normal; line-height: 1; text-align: center; } .rateArea form { display: block; height: 130px; margin: 6vw auto 0; position: relative; width: 79%; } .rateArea form:before { border-bottom: 3px solid #ccc; content: ""; display: block; position: absolute; top: 62px; width: 100%; } .rateArea form label:hover:before, .rateArea form label.selected:before { background-image: url(/content/sitefiles/images/ddp_sprite.png); background-position: 0 -73px; content: ""; display: block; height: 60px; position: absolute; top: 0; width: 78px; } .rateArea form label:hover:before { opacity: 0.5; } .rateArea form label.selected:hover:before { opacity: 1; } .rateArea form label { cursor: pointer; display: block; font-size: 36px; margin: 0 0 0 -38px; padding: 75px 0 0; position: absolute; text-align: center; width: 78px; } .rateArea form label:after { background-color: #ccc; border-radius: 8px; content: ""; display: block; height: 14px; left: 50%; margin: -7px; position: absolute; top: 64px; width: 14px; } .rateWorkoutLabel1 { color: #46a6e9; left: 0; } .rateWorkoutLabel3 { color: #249f30; left: 50%; } .rateWorkoutLabel2 { color: #28a787; left: 25%; } .rateWorkoutLabel4 { color: #903708; left: 75%; } .rateWorkoutLabel5 { color: #c40301; left: 100%; } .rateArea form label input { display: none; } #easyText { color: #46a6e9; float: left; font-size: 26px; margin-left: 10%; width: 40%; } #difficultText { color: #b80502; float: left; font-size: 26px; text-align: right; width: 40%; } #seeStats { background: none repeat scroll 0 0 #126a92; border: medium none; color: white; cursor: pointer; float: right; font-family: "dcc_ashregular"; font-size: 50px; font-weight: normal; margin: 40px 10% 40px 0; padding: 5px 20px; } #seeStats:hover { background: none repeat scroll 0 0 #2d86af; } /* ooooooooooooo WORKOUT SUMMARY PAGE ooooooooooooo */ .summaryArea h2 { font-family: 'Yanone Kaffeesatz'; font-size: 30px; font-weight: 100; } .summaryArea { color: #ddd; background-color: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; padding: 15px 30px; } .ddp-icon-newrec { background-position: -235px -198px; height: 102px; width: 92px; } .burnedCalories > span { display: block; font-family: "Titillium Web"; font-size: 20px; font-weight: lighter; } .burnedCalories > em { color: #d2b15e; display: block; font-family: "dcc_ashregular"; font-size: 170px; font-style: normal; } .burnedCalories { line-height: 0.9; } .ddp-icon-timer { background-position: -80px -73px; height: 56px; width: 56px; } .percentInZone > i, .totalTime i { float: left; margin-right: 10px; } .percentInZone, .totalTime { height: 57px; line-height: 0.9; width: 160px; } .percentInZone > span, .totalTime > span { display: block; font-family: "Titillium Web"; font-size: 19px; font-weight: lighter; padding-top: 13px; } .percentInZone > small, .totalTime > small { font-family: "Titillium Web"; font-size: 14px; font-weight: lighter; } .ddp-icon-punch { background-position: -139px -74px; height: 57px; width: 58px; } .summaryChart { color: #999; margin-top: 20px; } .summaryHead > li { display: inline-block; margin: 0 33px; } .hrNewRecord { margin-right: 10px !important; padding-top: 28px; vertical-align: top; } .summaryHead { margin-top: 15px; } .percentInZone { margin-right: 0 !important; width: 145px; } .summaryChart h3 { font-family: "Titillium Web"; font-size: 22px; font-weight: lighter; } .summaryChart > figcaption { display: inline-block; font-family: "dcc_ashregular"; font-size: 26px; height: 100px; line-height: 1; padding: 30px 10px; width: 110px; } .summaryChart figcaption em { display: block; font-size: 52px; font-style: normal; } .summaryChart > figure { border: 1px solid grey; display: inline-block; padding-right: 10px; vertical-align: top; width: calc(100% - 150px); } #shareHrArea { font-family: dcc_ashregular; margin-top: 20px; padding-right: 16px; text-align: right; } #shareHrArea i { font-size: 13px; font-weight: lighter; margin-right: 5px; } #shareHrArea > button { background: url(/content/sitefiles/images/ddp_sprite.png) repeat scroll -80px -224px rgba(0, 0, 0, 0); border: medium none; height: 23px; margin-left: 10px; text-indent: -9999px; width: 108px; } #hrLogBtnArea > button { background-color: #2baae1; border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 45px; font-weight: normal; margin: 10px 30px; padding: 10px 50px; } #hrLogBtnArea { margin: 20px 0; text-align: center; } #hrLogBtnArea > button:hover { background-color: #49bced; } .burnedCalories > #shareHrArea { margin-top: 0; position: absolute; } #hrResultArea > * { position: relative; z-index: 2; } #hrResultArea > img { position: absolute; z-index: 1; width: 93%; } #hrResultArea p { color: #eee; font-family: dcc_ashregular; font-size: 40px; line-height: 0.9; padding: 50px 0px 0px 0px; text-align: center; letter-spacing: 1px; } .ddp-icon-appStore { background-color: transparent; background-position: 0 -261px; border: medium none; height: 51px; margin: 30px 20px; text-indent: -9999px; width: 169px; cursor: pointer; } .ddp-icon-gPlay { background-color: transparent; background-position: -169px -249px; border: medium none; height: 74px; margin: 30px 20px; text-indent: -9999px; width: 66px; cursor: pointer; } .summaryArea h3 { color: #2ba9e0; font-family: dcc_ashregular; font-size: 55px; font-weight: normal; line-height: 1; position: absolute; right: 20px; top: 10px; } .summaryArea { position: relative; } #myProgramSection > .programTitle { padding: 5px 10px; -webkit-appearance: none; text-indent: 1px; color: #ccc; font-family: "dcc_ashregular"; font-size: 20px; font-weight: normal; letter-spacing: 2px; text-align: right; } #lf_forget { background: url(/content/sitefiles/images/btn_send.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 105px; height: 55px; } #lf_forget:hover { background-position: 0 -55px; } /*#lf_change { background: url(/content/sitefiles/images/changeBtn.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 105px; height: 55px; } #lf_change:hover { background-position: 0 -55px; }*/ .validation-summary-errors ul li { color: red; } .new-ddp-videos #ddpTvTitle img { width: 50%; } .new-ddp-videos h1#ddpTvTitle.workoutsTitle { height: auto; } .new-ddp-videos #hLine03 { height: 210px; } .new-ddp-videos .woList > ul li .workout-video-image > i { right: 15px; top: -1px; } .ddp-dmn-02 { background-image: url(/content/sitefiles/images/ddp_sprite_02.png); display: inline-block; height: 20px; margin: 0 5px; vertical-align: sub; width: 19px; } .ddp-dmn-02.ddp-dmn-file { background-position: 0 0; } .ddp-dmn-02.ddp-dmn-video { background-position: -16px 0; height: 16px; width: 40px; } .ddp-dmn-02.ddp-dmn-chef { background-position: -46px 0; width: 30px; } body.new-ddp-videos { background: url(/content/sitefiles/images/bg_green.jpg) no-repeat fixed center top #000000 !important; overflow-x: hidden; } .new-ddp-videos .fancybox-inner { height: 900px !important; } .new-ddp-tv-popup .videoInfo, .video.new-ddp-video .videoInfo { position: relative; } .new-ddp-tv-popup .videoInfo a.video-download, .video.new-ddp-video .videoInfo a.video-download { background: url(/content/sitefiles/images/ddp_sprite_02.png) repeat scroll -49px -27px rgba(0, 0, 0, 0); cursor: pointer; display: block; float: right; height: 39px; margin: 0; position: absolute; right: 0; top: 73px; width: 39px; } /*a.nutritionVideo-download{ background: url(/content/sitefiles/images/ddp_sprite_02.png) repeat scroll -49px -27px rgba(0, 0, 0, 0) !important; cursor: pointer !important; display: block !important; float: right !important; height: 39px !important; margin: 0 !important; position: absolute !important; right: 0 !important; top: 73px !important; width: 39px !important; }*/ .video.new-ddp-video .ddptvWrapper { background: none; } body.video.new-ddp-video { background: url(/content/sitefiles/images/bg_green.jpg) no-repeat fixed center top #000000 !important; } .new-ddp-video .ddptvPlayer { background-repeat: no-repeat; background-size: cover; display: block; height: auto; margin-top: 20px; transform: rotate(-1.8deg); width: 100%; } .new-ddp-video img.videoPlayer { width: 100%; } .new-ddp-video .ddptvPlayer .video { background: none; padding: 3% 0; width: 80%; float: none; position: relative; } .new-ddp-video .video .videolike { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll 0 -29px rgba(0, 0, 0, 0); height: 54px; left: 30px; position: absolute; top: auto; width: 48px; } .new-ddp-screamble .screamble { background: url(/content/sitefiles/images/bg_scr.jpg) no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0); display: inline-block; padding: 20px; vertical-align: top; width: 44%; position: relative; height: 800px; overflow: hidden; } .left.screamble { margin-right: 30px; } .new-ddp-screamble div.container > .container { padding: 20px 0; } .new-ddp-screamble .left.screamble .scr-top > div { margin: -20px 0 0; } .new-ddp-screamble .left.screamble .scr-top .favthis { background: url(/content/sitefiles/images/fav-disabled.png) !important; height: 31px; position: absolute; right: 40px; top: -1px; width: 25px; } .new-ddp-screamble .left.screamble .scr-top .unfavthis { background: url(/content/sitefiles/images/fav-enabled.png) !important; height: 31px; position: absolute; right: 40px; top: -1px; width: 25px; } .new-ddp-screamble .left.screamble h1 { color: #9b6400; font-size: 48px; text-align: center; } .new-ddp-screamble .left.screamble h1 > i { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll -3px -160px rgba(0, 0, 0, 0); display: inline-block; height: 23px; margin: -8px 13px 0 0; vertical-align: middle; width: 27px; } .new-ddp-screamble .left.screamble .scr-video { background: none repeat scroll 0 0 #040404; height: 240px; margin: 0 -20px; overflow: hidden; padding: 0; position: relative; width: auto; } .new-ddp-screamble .left.screamble .scr-video img { display: block; margin: 0px; position: relative; width: 100%; z-index: 1; } .new-ddp-screamble .left.screamble .scr-video .mask { height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 2; } .new-ddp-screamble .left.screamble .scr-video .mask .scr-play { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll 0 -190px rgba(0, 0, 0, 0); cursor: pointer; display: block; height: 68px; margin: 22% auto 0; width: 66px; } .new-ddp-screamble .container .left.screamble .scr-icons { padding: 30px 0 20px; text-align: center; } .new-ddp-screamble .container .left.screamble .scr-icons div { display: inline-block; margin: 0 50px; vertical-align: middle; } .new-ddp-screamble .container .left.screamble .scr-icons div h2 { color: #2ba9e0; font-family: "dcc_ashregular"; font-size: 17px; font-weight: normal; } .new-ddp-screamble .container .left.screamble .scr-icons div p { color: #000; font-family: "dcc_ashregular"; font-size: 25px; margin: -6px 0 0; padding: 0; text-align: left; } .new-ddp-screamble .container .left.screamble .scr-icons div:before { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll 0 0 #46b6e5; border: 4px solid #46b6e5; border-radius: 41px; content: ""; display: block; float: left; height: 45px; margin: 0 0 0 -60px; width: 45px; } .new-ddp-screamble .container .left.screamble .scr-icons div.scr-prep:before { background-position: -73px -73px; } .new-ddp-screamble .container .left.screamble .scr-icons div.scr-serves:before { background-position: -72px -117px; } .new-ddp-screamble .container .left.screamble .scr-icons div.scr-serves { margin: 0 0 0 50px; } .new-ddp-screamble .src-short-text { color: #000; font-family: "Conv_danielbk"; font-size: 14px; line-height: 30px; margin: 20px 0; } .new-ddp-screamble .left.screamble .scr-like p { color: #858686; font-family: dcc_ashregular; font-size: 21px; font-weight: normal; margin: -5px 0 0; padding: 0; } .new-ddp-screamble .scr-like h3 a.likethis { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll -74px -236px rgba(0, 0, 0, 0); display: inline-block; height: 44px; margin: -5px 0 0 17px; vertical-align: top; width: 44px; } .new-ddp-screamble .scr-like h3 a.unlikethis { background: url(/content/sitefiles/images/thumbsEdit.jpg) no-repeat !important; display: inline-block; height: 44px; margin: -5px 0 0 17px; vertical-align: top; width: 44px; } .new-ddp-screamble .left.screamble .scr-like h3 { color: #000; font-family: dcc_ashregular; font-size: 30px; font-weight: normal; } .new-ddp-screamble .left.screamble .scr-like > div { display: inline-block; margin: auto; text-align: left; width: auto; } .new-ddp-screamble .left.screamble .scr-like { padding: 30px 0; text-align: center; } .new-ddp-screamble .right.screamble .scr-top > img { height: auto; width: 100%; } .new-ddp-screamble .right.screamble .scr-top { margin: -20px -20px 0; position: relative; } .new-ddp-screamble .right.screamble .scr-top a.exit { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll -92px -40px rgba(0, 0, 0, 0); height: 25px; position: absolute; right: 20px; top: 20px; width: 24px; } .new-ddp-screamble .right.screamble .scr-tabs { margin-top: -29px; position: relative; text-align: right; } .new-ddp-screamble .right.screamble .scr-tabs .active-tab { background: url(/content/sitefiles/images/active_tab.jpg) repeat; } .new-ddp-screamble .right.screamble .scr-tabs .passive-tab { background: url(/content/sitefiles/images/passive_tab.jpg) repeat; } .new-ddp-screamble .right.screamble .scr-tabs a { box-shadow: 0 -2px 3px #666; color: #000; font-family: dcc_ashregular; font-size: 15px; margin-left: 10px; padding: 9px; } .new-ddp-screamble .right.screamble .scr-tabs a i { background-image: url(/content/sitefiles/images/ddp_sprite_02.png); background-repeat: no-repeat; display: inline-block; height: 12px; margin-right: 7px; vertical-align: middle; width: 12px; } .new-ddp-screamble .right.screamble .scr-tabs #scr-tab-ins i { background-position: -34px -170px; } .new-ddp-screamble .right.screamble .scr-tabs #scr-tab-nut i { background-position: -34px -170px; } .new-ddp-screamble .right.screamble .scr-tabs #scr-tab-nut.passive-tab i { background-position: -64px -167px; height: 18px; width: 14px; } .new-ddp-screamble .right.screamble .scr-tabs #scr-tab-nut.active-tab i { background-position: -49px -167px; height: 18px; width: 14px; } .new-ddp-screamble .right.screamble .tab { padding: 10px 20px; position: relative; } .new-ddp-screamble .right.screamble .tab.active { display: block; } .new-ddp-screamble .right.screamble .tab.passive { display: none; } .new-ddp-screamble .right.screamble #tab-ins h4 { color: #000; font-family: dcc_ashregular; font-size: 33px; font-weight: normal; } .new-ddp-screamble .right.screamble #tab-ins .scr-ing .scr-list li { color: #000; display: inline-block; font-family: DinProMedium; font-size: 17px; line-height: 24px; padding: 5px 0; width: 48%; } .new-ddp-screamble .right.screamble #tab-ins .scr-ins { padding: 30px 0 0; position: relative; } .new-ddp-screamble .right.screamble #tab-nut .scr-ins { padding: 30px 0 0; position: relative; } .new-ddp-screamble .right.screamble #tab-ins .scr-ins .scr-list li { color: #000; font-family: Conv_danielbk; font-size: 20px; list-style: outside none numeric; margin: 0 0 50px 100px; position: relative; } .new-ddp-screamble .right.screamble #tab-ins .scr-ins .scr-list li strong { font-family: DinProMedium; font-size: 16px; font-weight: normal; } .new-ddp-screamble .right.screamble #tab-ins .scr-ins .scr-list li:before { content: "STEP"; margin: -19px 0 0 -76px; position: absolute; transform: rotate(-11.8deg); } .new-ddp-screamble .right.screamble #tab-ins .scr-ins h4 { margin-bottom: 15px; } .new-ddp-screamble .right.screamble #tab-ins .scr-ins .scr-list { display: block; height: 550px; overflow: auto; padding-right: 10px; padding-left: 10px; padding-top: 15px; } .new-ddp-screamble .right.screamble #tab-nut .scr-ins .scr-list { display: block; height: 550px; overflow: auto; padding-right: 10px; padding-left: 10px; padding-top: 15px; } .new-ddp-screamble .right.screamble #tab-ins .scr-ins .scr-mask { background: url(/content/sitefiles/images/bg_scr.png) repeat-x bottom center; bottom: -29px; height: 100px; left: -29px; margin: 0; position: absolute; width: 110%; } .new-ddp-screamble .right.screamble .hands { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll -74px -186px rgba(0, 0, 0, 0); display: block; height: 46px; width: 62px; } .new-ddp-screamble .right.screamble #tab-ins .hands { position: absolute; right: 20px; top: 40px; } .new-ddp-screamble .right.screamble #tab-ins h4 { margin-top: 20px; } .new-ddp-screamble .right.screamble #tab-nut .border { box-shadow: 0 0 8px #d2be95 inset; color: #98bdb7; font-family: DinProMedium; font-weight: normal; height: 500px; margin: 50px 20px; padding: 20px; } .new-ddp-screamble .right.screamble #tab-nut .border h4 { color: #2ba9e0; font-size: 50px; font-family: dcc_ashregular; opacity: 0.3; text-align: center; } .new-ddp-screamble .right.screamble #tab-nut .border p.serving { border-bottom: 10px solid #000000; font-size: 23px; margin-bottom: 10px; padding-bottom: 10px; } .new-ddp-screamble .right.screamble #tab-nut .border li { border-bottom: 3px solid #000; font-size: 18px; padding: 8px 0; } .new-ddp-screamble .right.screamble #tab-nut .border li b { float: right; font-weight: normal; } .new-ddp-screamble .right.screamble #tab-nut .border .scr-checked { text-align: right; padding: 20px 0 0 0; } .new-ddp-screamble .right.screamble #tab-nut .border .scr-checked p { color: #000; font-family: Conv_danielbk; font-size: 9px; font-weight: normal; padding: 10px 0; } .new-ddp-screamble .right.screamble #tab-nut .border .scr-checked p:after { background: url(/content/sitefiles/images/ddp_sprite_02.png) repeat scroll -82px -168px rgba(0, 0, 0, 0); content: ""; display: block; float: right; height: 13px; margin: -7px 0 0 10px; width: 20px; } .new-ddp-screamble .left.screamble .scr-video { height: auto; } .new-ddp-screamble-popup .screamble { width: 43%; } .new-ddp-screamble-popup .container > a.exit { background: url(/content/sitefiles/images/ddp_sprite_02.png) no-repeat scroll -92px -40px rgba(0, 0, 0, 0); height: 25px; position: absolute; right: 20px; top: 20px; width: 24px; z-index: 5; } .new-ddp-screamble-popup > .container { position: relative; } .new-ddp-screamble-popup .left.screamble .scr-top .favthis { right: 60px; } /* Settings Menu */ .settings-menu { padding: 0px 0 20px; text-align: center; } .settings-menu ul { display: inline-block; width: auto; list-style: none; } .settings-menu ul li { display: inline-block; padding: 0 50px; text-align: center; } .settings-menu ul li a { position: relative; display: inline-block; padding-top: 120px; color: #000; font-size: 24px; font-weight: bold; } .settings-menu ul li a:hover, .settings-menu ul li a.active { color: #f1511a; } .settings-menu ul li a:before { position: absolute; top: 0; left: 50%; width: 120px; height: 109px; margin-left: -60px; } .settings-menu ul li a.profile:before { content: url(/content/sitefiles/images/Settings-Icon_profile-upstate.png); } .settings-menu ul li a.profile:hover:before, .settings-menu ul li a.profile.active:before { content: url(/content/sitefiles/images/Settings-Icon_profile-downstate.png); } .settings-menu ul li a.subscription:before { content: url(/content/sitefiles/images/Settings-Icon_subscription-upstate.png); } .settings-menu ul li a.subscription:hover:before, .settings-menu ul li a.subscription.active:before { content: url(/content/sitefiles/images/Settings-Icon_subscription-downstate.png); } .settings-menu ul li a.preferences:before { content: url(/content/sitefiles/images/Settings-Icon_preferences-upstate.png); } .settings-menu ul li a.preferences:hover:before, .settings-menu ul li a.preferences.active:before { content: url(/content/sitefiles/images/Settings-Icon_preferences-downstate.png); } #settings-area { background-color: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; display: block; min-height: 700px; padding: 20px 40px; } #settings-area > h2 { color: #afafaf; font-family: "dcc_ashregular"; font-size: 30px; font-weight: normal; margin: 10px 0 20px; } .browsebutton > span > .k-widget > .k-dropzone > .k-button { background: none repeat scroll 0 0 #202020; border-radius: 10px; border: 1px black; box-shadow: 4px 4px 2px #3a3a3a inset; color: #4b4b4b; cursor: pointer; display: inline-block; font-family: "dcc_ashregular"; font-size: 25px; letter-spacing: 1px; padding: 14px 25px; position: relative; } .browsebutton > span input { background: none repeat scroll 0 0 transparent; cursor: pointer; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 100%; font-size: 0px; } .browsebutton { clear: both; display: block; } #settings-area-image-mask { background: url(/content/sitefiles/images/photo-cover.png) no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0); display: block; height: 475px; margin: auto; position: relative; width: 494px; } #settings-area-image-mask > div#settings-area-image-src { background: none repeat scroll 0 0 #000; box-shadow: 0 0 3px #000 inset; display: block; height: 273px; left: 112px; overflow: hidden; position: absolute; top: 68px; width: 311px; } #settings-area-image-mask > div#settings-area-image-src > img { display: block; height: 100%; width: 100%; object-fit: contain; } #settings-area > div#settings-area-image { float: right; text-align: center; } #settings-form label { color: #f1511a; font-size: 24px; letter-spacing: 2px; padding-right: 15px; vertical-align: middle; } #settings-form input[type="text"], #settings-form input[type="password"], #settings-form input[type="number"] { background: none repeat scroll 0 0 #1c1c1c; border: medium none; border-radius: 5px; color: #afafaf; font-family: "dcc_ashregular"; font-size: 20px; letter-spacing: 1px; padding: 6px 13px; vertical-align: middle; } #settings-form p { padding-bottom: 20px; } #settings-form #datepicker { padding: 5px !important; width: 125% !important; } #settings-form .k-icon.k-i-calendar { background: none; left: 0; position: absolute; width: 100%; } #settings-form .datepicker .k-select { left: 0; position: absolute; width: 108%; } #settings-form .darkFormContent label.css-label { background-image: url(/content/sitefiles/images/radio_blue.png); color: #afafaf; font-family: "dcc_ashregular"; font-weight: normal; margin-right: 10px; } #settings-form select, #settings-form select option { background: none repeat scroll 0 0 #1c1c1c; border: medium none; border-radius: 5px; color: #afafaf; font-family: "dcc_ashregular"; font-size: 20px; letter-spacing: 1px; padding: 3px 13px; cursor: pointer; vertical-align: middle; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ } #settings-form .level-of-fitness > span { background: none repeat scroll 0 0 #1c1c1c; border-radius: 5px; cursor: pointer; display: inline-block; overflow: hidden; vertical-align: middle; width: 168px; } #settings-area select { background: url(/content/sitefiles/images/arrow.png) no-repeat scroll 130px center #1c1c1c; padding: 3px 25px 3px 13px; } #settings-area > div#settings-form { padding-top: 40px; } #settings-form p.email > span { color: #afafaf; display: inline-block; font-family: "Yanone Kaffeesatz",Tahoma,Geneva,sans-serif; font-weight: normal; vertical-align: top; } #settings-form p.email > span > strong { clear: both; display: block; font-family: "dcc_ashregular"; font-size: 25px; font-weight: normal; } #settings-form .email > input { background: none repeat scroll 0 0 #212121; border: medium none; border-radius: 5px; box-shadow: 4px 4px 2px #3a3a3a inset; color: #888; cursor: pointer; font-family: "dcc_ashregular"; font-size: 18px; font-weight: normal; letter-spacing: 1px; padding: 8px 11px; } /* 2015 part 2 */ .new-settings .darkFormContent label.css-label { background-image: url(/content/sitefiles/images/radio_blue.png); color: #afafaf; font-family: "dcc_ashregular"; font-weight: normal; margin-right: 10px; } .new-settings label, #email-settings label, #lowBandwith-settings label, #notification-settings label { color: #f1511a; font-size: 24px; letter-spacing: 2px; padding-right: 15px; vertical-align: middle; } #email-settings input.css-checkbox[type="checkbox"] + label.css-label, #lowBandwith-settings input.css-checkbox[type="checkbox"] + label.css-label, #notification-settings input.css-checkbox[type="checkbox"] + label.css-label { background-position: 0 13px !important; background-repeat: no-repeat; background-size: 32px 60px; color: #ddd; cursor: pointer; display: inline-block; font-family: dcc_ashregular; font-size: 18px; height: 18px; letter-spacing: 1px; line-height: 18px; padding-left: 26px; padding-right: 7px; vertical-align: middle; } #email-settings input.css-checkbox[type="checkbox"]:checked + label.css-label, #lowBandwith-settings input.css-checkbox[type="checkbox"]:checked + label.css-label, #notification-settings input.css-checkbox[type="checkbox"]:checked + label.css-label { background-position: 0 -30px !important; } .new-settings-prefences #settings-area > div > h2 { color: #f1511a; font-family: "dcc_ashregular"; font-size: 36px; font-weight: normal; letter-spacing: 1px; margin: 20px 0; } .new-settings-prefences #settings-area p > label.css-label { color: #a2a2a2; font-family: "dcc_ashregular"; font-size: 36px; padding-left: 38px; } .new-settings-prefences #settings-area p > span { color: #2ba9e0; font-size: 19px; letter-spacing: 1px; } #parental-rating > p { padding: 10px 0; } #email-settings label, #lowBandwith-settings label, #notification-settings label { color: #afafaf !important; font-family: Yanone Kaffeesatz !important; font-size: 24px !important; padding-left: 40px !important; } #settings-area > div#prefences-video { display: block; float: right; height: auto; margin-top: 40px; overflow: hidden; /*width: 50%;*/ } #settings-area > div#prefences-video img { display: block; width: 100%; } #settings-area > div#prefences-meter { margin-top: 50px; } #prefences-meter .irs-line { height: 50px; top: 25px; background: #1d1d1d; /* Old browsers */ background: -moz-linear-gradient(top, #1d1d1d 0%, #3d3d3d 50%, #1d1d1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1d), color-stop(50%,#3d3d3d), color-stop(100%,#1d1d1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1d1d1d 0%,#3d3d3d 50%,#1d1d1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1d1d1d 0%,#3d3d3d 50%,#1d1d1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1d1d1d 0%,#3d3d3d 50%,#1d1d1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #1d1d1d 0%,#3d3d3d 50%,#1d1d1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#1d1d1d',GradientType=0 ); /* IE6-9 */ } #prefences-meter .irs-min, #prefences-meter .irs-max { display: none; } #prefences-meter .irs-grid-text { color: #2ba9e0; font-family: DinProMedium; font-size: 13px; top: 48px !important; } #prefences-meter .irs-grid-text:after { content: " BPM"; } #prefences-meter .irs-bar { background: none repeat scroll 0 0 #2ba9e0; box-shadow: 0 0 17px #000 inset; height: 50px; top: 25px; } #prefences-meter .irs-slider { background-image: url(/content/sitefiles/images/ddp_sprite_03.png); background-position: -13px -5px; height: 83px; margin-top: -10px; width: 36px; } #prefences-meter .irs-grid-pol { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-right: 2px dashed #656565; height: 49px !important; margin-top: -15px; } #prefences-meter .irs-grid-pol.small { border: medium none; } #prefences-meter .irs-bar:before { border: 2px dashed #3b3b3b; border-bottom: none; color: #fff; content: "YOUR ZONE"; display: inline-block; font-family: "dcc_ashregular"; font-size: 23px; margin-top: -26px; padding-top: 35px; text-align: center; width: 100%; } #prefences-meter .irs-from, #prefences-meter .irs-to, #prefences-meter .irs-single { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #767676; font-family: DinProMedium; font-size: 24px; margin: 100px 0 0 -2px; padding: 0; z-index: 5; } #prefences-meter .irs-from:after, #prefences-meter .irs-to:after, #prefences-meter .irs-single:after { border: none; } #prefences-meter .irs-from:before, #prefences-meter .irs-to:before, #prefences-meter .irs-single:before { content: " BPM"; float: right; } #prefences-meter .irs-to { color: #f1511a; } .irs-slider.from:before { background: none repeat scroll 0 0 #2ba9e0; box-shadow: 0 0 5px #000 inset; color: #fff; content: "MIN"; display: block; font-size: 19px; margin-top: -45px; text-align: center; width: 35px; } .irs-slider.to:before { background: none repeat scroll 0 0 #f1511a; box-shadow: 0 0 5px #000 inset; color: #fff; content: "MAX"; display: block; font-size: 19px; margin-top: -45px; text-align: center; width: 35px; } .irs-shadow { height: 50px !important; top: 25px !important; } /*.irs-bar { z-index: 510; }*/ .irs-slider { z-index: 550; } /*#prefences-meter .irs-grid-text.js-grid-text-11:before { .preferences-meter-pointer { background: url(/content/sitefiles/images/arrow2.png) no-repeat scroll center 91px; color: #f1511a; content: "Recommended MAX-HeartRate (180-AGE)"; display: inline-block; font-size: 14px; height: 0; left: 2px; line-height: 19px; padding: 136px 0 0; position: absolute; text-align: start; top: -50px; white-space: pre-line; width: 100%; } #prefences-meter .irs-grid-pol:nth-child(45) { border-color: rgba(217,73,23,0.5) !important; height: 120px !important; margin-top: -30px !important; }*/ #prefences-meter > div#prefences-meter-chart { clear: both; display: block; height: 100px; margin: 60px 0; position: relative; } #prefences-meter > div#use-the { background: url(/content/sitefiles/images/hand.png) no-repeat scroll left center; color: #bebebe; font-family: DinProMedium; font-size: 14px; margin-bottom: 50px; padding: 19px 0 12px 90px; } #guideContent { padding-top: 20px; } #freemobileapp { background: #2899c9 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 20px; font-weight: normal; padding: 0 10px; } #dashboard-start { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; box-shadow: 0 0 10px; clear: both; margin: 0; overflow: hidden; padding: 15px; position: relative; width: auto; } #dashboard-start div#dashboard-start-img { background: #000000 none repeat scroll 0 0; clear: both; overflow: hidden; position: relative; width: 100%; } #dashboard-start-img img { opacity: 1; width: 100%; } #dashboard-start-img div#dashboard-blue-strip { background: rgba(34, 141, 186, 0.9) none repeat scroll 0 0; } #dashboard-start-img div#dashboard-black-strip { background: #000; } #dashboard-start-img div#dashboard-blue-strip, #dashboard-start-img div#dashboard-black-strip { bottom: 0; color: #ffffff; font-family: D-DINCondensed; font-size: 40px; left: 0; padding: 15px 0; position: relative; width: 100%; z-index: 1; } #dashboard-blue-strip span, #dashboard-black-strip span { color: #000000; display: block; font-family: "dcc_ashregular"; font-size: 60px; line-height: 50px; } #dashboard-black-strip span { color: #32a1d1; } #dashboard-start-img h2 { background: none; bottom: 120px; color: #ffffff; font-family: "dcc_ashregular"; font-size: 110px; font-weight: normal; left: 40px; letter-spacing: 10px; line-height: 100px; opacity: 1; position: absolute; text-shadow: 0 0 5px #000000; width: 41%; z-index: 11; } .scorecardTop { width: 100%; } #scorecard-button { background: #2ba9e0; border: 2px; height: 55px; width: 190px; color: #ffffff; text-align: center; font-family: avenir-heavy; font-size: 25px; letter-spacing: 1px; border-radius: 12px; margin-bottom: 10px; margin-top: 10px; } .scorecard-points-div { margin-left: 10%; color: #ffffff; padding-top: 15px; width: 24%; } .scorecard-points-divWithoutLeftMargin { color: #ffffff; padding-top: 15px; } .scorecard-points-divWithLowLeftMargin { color: #ffffff; padding-top: 15px; margin-left: 10%; width: 24%; } .scorecard-points-span { font-size: 21px; letter-spacing: 1px; font-family: avenir-heavy; } .scorecard-value-span { font-size: 45px; color: #2ba9e0; font-family: avenir-heavy; letter-spacing: -2px; line-height: 55px; } .divRankSpan { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: clip; } #dashboard-scorecard { background: #323232 none repeat scroll 0 0; font-family: "dcc_ashregular"; font-size: 80px; letter-spacing: 4px; padding: 0 15px; position: relative; z-index: 6; cursor: pointer; line-height: 0.3; display: -webkit-box; width: 97%; } #dashboard-scorecard > a { color: #000000; display: inline-block; line-height: normal; margin: 0; padding: 0; vertical-align: middle; width: 100%; } #dashboard-scorecard > a span { display: inline-block; float: right; font-family: sans-serif; font-size: 40px; font-weight: 300; padding-top: 22px; vertical-align: middle; } #dashboard-scorecard > a::before { background-image: url(/content/sitefiles/images/dashboard_desktop-sprite.png); content: ""; display: inline-block; height: 57px; margin: 0 25px 10px 30px; vertical-align: middle; width: 38px; } #dashboard-videos { padding: 15px; } .dashboard-videos-one { background: #000000 none repeat scroll 0 0; display: inline-block; height: 270px; margin: 10px -12px 10px 25px; overflow: hidden; position: relative; vertical-align: top; width: 47%; } .dashboard-videos-one img { min-height: 270px; opacity: 1; position: absolute; top: 0; width: 100%; z-index: 0; } .dashboard-videos-title { color: #ffffff; font-family: "dcc_ashregular"; font-weight: normal; left: 0; line-height: normal; opacity: 1; padding: 15px 0 0 25px; position: absolute; top: 0; z-index: 2; } .dashboard-videos-title-p1 { font-size: 20px; letter-spacing: 1px; } .dashboard-videos-title-p2 { font-size: 42px; line-height: 30px; } .dashboard-videos-title-p3 { font-size: 18px; } .dashboard-videos-footer { font-family: D-DINCondensed; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; color: #ffffff; font-size: 20px; left: 0; padding: 10px 0; position: absolute; width: 100%; z-index: 2; } .dashboard-videos-footer > p.dashboard-videos-footer-p { padding: 0 25px; } .dashboard-videos-title.ddptv { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/dashboard_desktop-sprite.png) no-repeat scroll -63px 0; height: 50px; margin: 5px 10px; width: 60px; } .dashboard-videos-title.lockIcon { background-image: url(/content/sitefiles/images/lockedIcon.png); height: 50px; margin: 5px 10px; width: 50px; left: inherit !important; right: 0; } .dashboard-videos-title.ddpnews { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/dashboard_desktop-sprite.png) no-repeat scroll -63px -72px; height: 40px; margin: 16px 8px; width: 99px; } .dashboard-videos-title.nutrition { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/dashboard_desktop-sprite.png) no-repeat scroll 0px -242px; height: 45px; margin: 16px 8px; width: 125px; } .videoalarm .dashboard-videos-footer-p > span > b { font-size: 14px; } .videoalarm .dashboard-videos-footer-p > span { width: 65% !important; } .dashboard-videos-footer .dashboard-videos-link { color: #ffffff; font-size: 16px; font-weight: 100; letter-spacing: 1px; padding: 4px 0 0; } .dashboard-videos-footer .dashboard-videos-link::after { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/dashboard_desktop-sprite.png) repeat scroll 0 -68px; content: ""; display: inline-block; height: 27px; margin-left: 10px; vertical-align: middle; width: 26px; margin-top: -10px; } #dashboard-blue-strip span.time, #dashboard-black-strip span.time { text-align: right; color: #ffffff; float: right; font-family: D-DINCondensed; font-size: 30px; line-height: normal; padding: 2px 0 0; } #dashboard-blue-strip > p, #dashboard-black-strip > p { font-size: 30px; padding: 0 40px; } #dashboard-blue-strip span.time img, #dashboard-black-strip span.time img { float: right; margin: 7px 0 0 30px; opacity: 1; width: 60px; } #dashboard-blue-strip > img.elm, #dashboard-black-strip > img.elm { float: left; margin: 22px 20px 0 30px; opacity: 1; width: 60px; } #dashboard-start-img.dashboard-start-alarm { color: #ffffff; font-family: D-DINCondensed; padding: 100px 0; text-align: center; } #dashboard-start-img.dashboard-start-alarm p { color: #949695; display: inline-block; font-family: D-DINCondensed; font-size: 85px; font-weight: 500; padding: 0; text-align: right; vertical-align: middle; width: 54%; } #dashboard-start-img.dashboard-start-alarm img { display: inline-block; opacity: 1; vertical-align: middle; width: auto; } #dashboard-start-img h2.icon { bottom: auto; top: 40px; } #dashboard-start-img h2.icon > img { max-width: 100%; opacity: 1; width: auto; } #dashboard-start-img h2.lockIcon { bottom: auto; top: 20px; left: inherit !important; width: initial !important; right: 20px; text-align: right !important; } #dashboard-start-img h2.lockIcon > img { max-width: 100%; opacity: 1; width: auto; } #dashboard-black-strip span.inline { width: 50%; display: inline-block; vertical-align: middle; } .dashboard-videos-link > img { margin: 5px 0 0 10px !important; width: auto !important; } b.dashboard-videos-link { color: #cdcdcd; display: block; } #dashboard-black-strip span.inline em { display: block; font-style: normal; padding-bottom: 0; font-size: 50px; } .NextLiveWorkout #dashboard-black-strip span.inline { color: #ffffff; } .NextLiveWorkout #dashboard-black-strip span.inline { color: #ffffff; font-size: 40px; letter-spacing: 1px; width: auto; } #dashboard-black-strip span.countdown { color: #fce621; display: inline-block; font-size: 90px; vertical-align: bottom; } #dashboard-black-strip span.countdown i { display: block; float: right; font-size: 20px; font-style: normal; margin: 0 -15px; overflow: hidden; text-align: right; width: 55px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .NextLiveWorkout #dashboard-black-strip p > .right-play { float: right; margin: 14px -10px 0 0; opacity: 1; width: 50px; cursor: pointer; } .NextLiveWorkout #dashboard-black-strip span.inline.time2 { margin-left: 50px; vertical-align: middle; } .NextLiveWorkout #dashboard-black-strip span.inline.time3 { margin-left: 100px; vertical-align: middle; color: red; font-size: 60px; } .dashboard-videos-footer > p.dashboard-videos-footer-p { color: #268eba; font-family: DCC_ASHREGULAR; } .dashboard-videos-footer-p > span { display: inline-block; vertical-align: middle; width: 61%; } .dashboard-videos-footer-p > span.right { color: #ffffff; font-family: D-DINCondensed; text-align: right; width: 37%; height: 35px; } .dashboard-videos-footer-p > span.right .time { display: block; text-align: right; } .dashboard-videos-title.ddpnut { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/dashboard_desktop-sprite.png) no-repeat scroll 0 -243px; height: 44px; margin: 16px 15px; width: 132px; } .dashboard-videos-one > a { display: block; height: auto; max-height: 270px; overflow: hidden; position: relative; } .dashboard-videos-footer { position: relative; } .dashboard-videos-one img { opacity: 1; position: relative; } .dashboard-videos-one { height: auto; } .dashboard-videos-footer-p span.countdown { color: #fce621; display: inline-block; font-size: 25px; vertical-align: bottom; font-family: dcc_ashregular; } .dashboard-videos-footer-p span.countdown i { display: block; float: right; font-size: 20px; font-style: normal; padding: 3px 2px; } .dashboard-videos-footer-p > span > b { color: #ffffff; display: block; font-family: D-DINCondensed; font-weight: normal; } .dashboard-videos-footer-p > span.right.top { vertical-align: top; } .dashboard-videos-one .dashboard-videos-title > h2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ffffff; font-family: "dcc_ashregular"; font-size: 70px; font-weight: normal; letter-spacing: 5px; line-height: normal; opacity: 1; text-shadow: 0 0 5px #000000; width: 50%; } .dashboard-videos-one img.elm { margin: 0 10px 0 0; min-height: inherit !important; width: 23px; } .LiveWorkout .dashboard-videos-footer-p > span { width: 45%; } .dashboard-videos-one span.time > img { float: right; height: auto !important; margin: 0 0 0 12px; min-height: inherit !important; width: 20px; } .dashboard-videos-one span.time3 { color: red; } .dashboard-videos-one span.time3 > img { float: right; height: auto !important; margin: 0 0 0 12px; min-height: inherit !important; width: 20px; } .dashboard-videos-footer-p span.time3 { color: red; } .dashboard-videos-footer-p span.time3 > img { float: right; height: auto !important; margin: 0 0 0 12px; min-height: inherit !important; width: 20px; } .dashboard-videos-footer { min-height: 51px; vertical-align: middle; } .dashboard-videos-footer-p > span { font-size: 24px; } .dashboard-videos-footer-p > span > b { font-size: 18px; } .NextLiveWorkout .dashboard-videos-footer-p > span { width: 58%; } .NextLiveWorkout .dashboard-videos-footer-p > span.right { width: 40%; } .dashboard-videos-footer-p .time2 > img { height: 15px; margin: 0 0 0 8px; min-height: inherit !important; width: auto; } /* LiveWorkout*/ .live_workout h2, .live_workout h3, .live_workout .lwi-big-numbers, .lw-complete a { font-family: dcc_ashregular; font-weight: normal; } .live_workout > .container > section.container > div { padding: 0 20px; } #live-workout-start { position: relative; } #live-workout-start > #heartRateArea { font-family: 'dcc_ashregular'; font-size: 300%; z-index: 2147483647; padding-top: 14%; position: absolute; top: 0; padding-left: 4%; color: white; text-align: center; line-height: normal; display: grid; } #live-workout-start h2 { clear: both; display: block; font-size: 45px; line-height: normal; padding: 20px 0; text-align: left; margin-left: -2%; } #live-workout-video iframe { display: block; height: auto; min-height: 590px; width: 100%; } #live-workout-start > div#live-workout-video { margin: 0 -20px; } /*.live_workout > .container > section.container > div#live-workout-info {background-image: url(/content/sitefiles/images/live-workout-bg2.jpg);background-position: -40px top;background-repeat: no-repeat;}*/ #live-workout-info .lwi { display: inline-block; min-height: 205px; padding: 10px 20px; vertical-align: top; } .lwi h3 { display: block; font-size: 30px; } .lwi-big-numbers { font-size: 160px; letter-spacing: 3px; line-height: 0.8; } #live-workout-info .lwi.duration { padding-left: 0; padding-right: 22px; padding-bottom: 20px; } .lwi-buttons a { background: #232323 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 20px; letter-spacing: 2px; padding: 10px; vertical-align: middle; text-decoration: none; } .lwi-buttons > div { display: inline-block; margin: 0 10px; vertical-align: middle; } .lwi-buttons { padding: 5px 0; text-align: right; } .lw-play-pause a { margin: 0 45px; padding: 10px 40px; } .lwi > div { display: inline-block; } .lwi > img { display: inline-block; margin: 70px 20px 0 0; vertical-align: top; } .loginned footer #logo { background-image: url(/content/sitefiles/images/logo-now.png); } /* End of Workout */ .ddp-popup { display: none; } .ddp-popup { padding: 20px; text-align: center; max-height: 1200px; } .dcc, .ShareBox > a, .popup1-links > a, .popup4-links > a, .ddp-great-jobs > span, .data-number { font-family: "dcc_ashregular"; } .fancybox-opened .fancybox-skin { box-shadow: none !important; } .fancybox-type-inline, .fancybox-wrap { background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0 !important; border: 2px solid #000000; padding: 10px !important; margin-left: -10px; } .ddp-popup-title { font-size: 60px; letter-spacing: 1px; margin-bottom: 25px; } .ddp-popup-single-number { color: #ffffff !important; cursor: pointer; display: inline-block; margin: 0 15px; text-align: center; vertical-align: top; } .workout-stats-rate-number { color: #ffffff !important; display: inline-block; margin: 0 15px; text-align: center; vertical-align: top; } .ddp-popup-number { background: #252525 url(/content/sitefiles/images/end-of-workouts-screen-1.png) no-repeat scroll center 31px; border-radius: 100%; box-shadow: -1px -1px 1px #555555; display: block; font-size: 77px; height: 103px; margin-bottom: 5px; text-align: center; width: 103px; } .workout-stats-rate { background: #252525 url(/content/sitefiles/images/diamond60.png) no-repeat scroll center; border-radius: 100%; box-shadow: -1px -1px 1px #555555; display: block; font-size: 45px; height: 60px; margin-bottom: 5px; text-align: center; width: 60px; } .blue, .n1 { color: #43a6e0; } .red, .n5 { color: #b51203; } .n2 { color: #25a879; } .n3 { color: #24a92f; } .n4 { color: #854109; } .green { color: #0dbc00; } .orange { color: #f1511a; } .yellow { color: #FFCD59; } .ddp-popup-number-text { font-size: 37px; } .workout-stats-rate-text { font-size: 25px; } #popup3 { padding: 0; text-align: left; } .ddp-popup-title-2, .data-desc { color: #cdcdcd; font-family: DinProMedium; } .ddp-popup-title-2 .p1 { font-size: 20px; } .ddp-popup-title-2 .p2 { font-size: 28px; } .ddp-popup-title-2 p { line-height: 25px; padding: 0; } .shadow { box-shadow: 0 0 4px #000000; display: block; padding: 0 0 10px; } .ddp-popup-title-2 { padding-bottom: 10px; } .ddp-popup3-data > div { display: inline-block; margin-right: 100px; vertical-align: top; } .data-desc { display: block; font-size: 12px; } .ddp-popup3-data .data-number { font-size: 90px; line-height: 90px; } .ddp-popup3-data > div::before { background-image: url(/content/sitefiles/images/end-of-workouts-screen-sprite.png); background-repeat: no-repeat; content: ""; display: inline-block; height: 47px; margin-right: 13px; vertical-align: top; width: 51px; } .ddp-popup3-data > div.data-heart::before { background-position: 0 0; margin-top: 18px; } .ddp-popup3-data > div.data-chart::before { background-position: -102px 0; height: 53px; margin-top: 12px; width: 52px; visibility: hidden; } .ddp-popup3-data > div.data-table::before { background-position: -102px 0; height: 53px; margin-top: 12px; width: 52px; background-image: none; } .ddp-popup3-data > div.data-time::before { background-position: -51px 0; height: 67px; margin-top: 7px; } .ddp-popup3-data.data1 .data-desc { margin-top: -5px; padding-left: 67px; } .ddp-popup3-data.data1 .data-heart .data-desc { padding-left: 60px; } .ddp-popup3-data > div.data-time { margin-right: 0; } .ddp-great-jobs { float: right; padding-right: 50px; } .ddp-great-jobs > span { display: block; font-size: 70px; margin: -106px 45px 23px 0; text-align: center; z-index: 99999; position: relative; } .ddp-popup3-data.data2 { padding: 26px 0 0 22px; } .ddp-popup3-data.data2 .data-number.calories-burned { font-size: 240px; line-height: 200px; } /* .ddp-popup3-data.data2 .data-number.calories-burned::before { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/end-of-workouts-screen-sprite.png) no-repeat scroll 0 -47px; content: ""; display: inline-block; height: 61px; margin: -7px 0 0 10px; vertical-align: middle; width: 37px; } */ .ddp-popup3-data.data2 .data-number.calories-burned::after { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/end-of-workouts-screen-sprite.png) no-repeat scroll 0 -47px; content: ""; display: inline-block; height: 61px; margin: -7px 0 0 25px; vertical-align: top; width: 38px; } .ddp-popup3-data.data2 .yellow.data-number::before { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/end-of-workouts-screen-sprite.png) no-repeat scroll -43px -67px; content: ""; display: inline-block; height: 41px; margin: 21px 21px 0 0; vertical-align: top; width: 64px; } .ddp-popup3-data .data-number .attch { display: inline-block; font-size: 40px; line-height: 0; margin: 0; vertical-align: inherit; } .ddp-popup3-data .totalpoints .data-number { font-size: 110px; } .CheckBox-ShareBox { clear: both; padding: 30px 0; text-align: center; } .CheckBox-ShareBox > div { display: inline-block; text-align: center; vertical-align: middle; width: 48%; } .CheckBox-ShareBox label.css-label { background-image: url(/content/sitefiles/images/end-of-workouts-screen-check.png) !important; background-repeat: no-repeat !important; color: #c7c6c8 !important; font-size: 27px !important; letter-spacing: 1px !important; } .CheckBox-ShareBox input.css-checkbox[type="checkbox"] + label.css-label { background-position: 0 13px !important; } .CheckBox-ShareBox input.css-checkbox[type="checkbox"]:checked + label.css-label { background-position: 0 -73px !important; } .ShareBox > a { color: #c1c1c1; font-size: 27px; letter-spacing: 1px; } .ShareBox > a::before { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/end-of-workouts-screen-sprite.png) no-repeat scroll -135px -87px; content: ""; display: inline-block; height: 21px; margin: 0 10px -2px 0; width: 19px; } .complete { text-align: center; } .complete > a { background-image: url(/Content/images/WorkoutSummaryCompleteButton.png); background-repeat: no-repeat; background-size: cover; width: 150px; height: 50px; background-position: center center; display: inline-block; padding: 10px 25px; } .popup1-links > a, .popup4-links > a { background: rgba(255, 255, 255, 0.09) none repeat scroll 0 0; border: 1px solid #000000; border-radius: 7px; color: #ffffff; display: inline-block; font-size: 30px; margin: 0 12px; padding: 10px 0; width: 250px; text-decoration: none; } .data-heart { position: relative; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .data-chart { position: relative; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .data-table { position: relative; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .data-time { position: relative; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .ddp-great-jobs { position: relative; } .alarmAppStore { float: right; width: 80px !important; margin-top: -40px; padding-left: 40px; padding-right: 20px; margin-bottom: 5px; } .alarmGooglePlay { float: right; width: 100px !important; margin-top: -36px; margin-bottom: 5px; } .alarmSmallAppStore { float: right; height: 58px !important; padding-left: 20px; min-height: inherit !important; width: inherit !important; } .alarmSmallGooglePlay { float: right; height: 58px !important; min-height: inherit !important; width: inherit !important; } /* Scorecard */ .scorecard .user { border-radius: 100%; display: block; height: 54px; margin: auto auto 40px; overflow: hidden; text-align: center; width: 54px; transition: all 0.9s ease 0s; } .scorecard .user img { width: 100%; } .scorecard #mainMenu li a::before { background-image: url(/content/sitefiles/images/scorecard-sprite-2.png); vertical-align: middle; height: 27px; width: 27px; background-repeat: no-repeat; } .scorecard #mainMenu li { display: block; text-align: left; } .scorecard #mainMenu li a { display: inline-block; font-size: 0; transition: all 0.9s ease 0s; padding: 0; } .scorecard #mainMenu li { border-bottom: 1px solid #363636; border-right: medium none; display: block; margin: auto; padding: 10px 18px; text-align: left; width: auto; } .scorecard #mainMenuResponsiveBtn { display: block; font-size: 24px; margin: auto; padding: 30px 7px 30px 0; } .scorecard #mainMenu li.m01 a::before { background-position: 0 -35px; } .scorecard #mainMenu li.m02 a::before { background-position: 0 -68px; } .scorecard #mainMenu li.m03 a::before { background-position: 0 -106px; } .scorecard #mainMenu li.m04 a::before { background-position: 0 -141px; } .scorecard #mainMenu li.m05 a::before { background-position: 0 -177px; } .scorecard #mainMenu li.m06 a::before { background-position: 0 -212px; } .scorecard #mainMenu li.m07 a::before { background-position: 0 -248px; } .scorecard #mainMenu li.m08 a::before { background-position: 0 -286px; } .scorecard #mainMenu li.m09 a::before { background-position: 0 -35px; } .scorecard #mainMenu li.m09 a::before { background-position: 0 -321px; } .scorecard .show #mainMenu li a { font-size: 15px; transition: all 0.9s ease 0s; } #hLine02.show { width: 145px; transition: all 0.9s ease 0s; } .scorecard .show #mainMenu li a::before { padding-right: 5px; } .scorecard .show .user { height: 80px; margin-bottom: 20px; width: 80px; transition: all 0.9s ease 0s; } #scorecardtopmenu li a { color: #1a1a1a; display: inline-block; font-size: 20px; font-weight: normal; letter-spacing: 1px; padding-top: 0; text-align: center; width: 180px; } #scorecardtopmenu li a:hover, #scorecardtopmenu li.current a { color: #e74f01; } #scorecardtopmenu li { display: inline-block; height: 70px; margin: 1% 2%; } #scorecardtopmenu li a::before { background-image: url(/content/sitefiles/images/scorecard-sprite.png); background-repeat: no-repeat; content: ""; display: block; height: 58px; margin: 10px auto; position: relative; } #scorecardtopmenu li#trNav1 a::before { background-position: 0 0; width: 38px; } #scorecardtopmenu li#trNav2 a::before { background-position: 0 -57px; height: 50px; width: 58px; } #scorecardtopmenu li#trNav3 a::before { background-position: 0 -106px; height: 54px; width: 61px; } #scorecardtopmenu li#trNav4 a::before { background-position: 0 -160px; height: 53px; width: 72px; } #scorecardtopmenu li#trNav1 a:hover::before, #scorecardtopmenu li.current#trNav1 a::before { background-position: -72px 0; } #scorecardtopmenu li#trNav2 a:hover::before, #scorecardtopmenu li.current#trNav2 a::before { background-position: -72px -57px; } #scorecardtopmenu li#trNav3 a:hover::before, #scorecardtopmenu li.current#trNav3 a::before { background-position: -72px -106px; } #scorecardtopmenu li#trNav4 a:hover::before, #scorecardtopmenu li.current#trNav4 a::before { background-position: -72px -160px; } #ScoreCardArea { box-shadow: -5px 0 14px; height: 700px; position: relative; width: 100%; } #ScoreCardArea > div { display: inline-block; height: 100%; vertical-align: top; } .opacity-black { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; box-shadow: 0 0 5px #000000 inset; color: #ffffff; height: 100%; } .scorecard-left-top { width: 0; height: 0; border-style: solid; border-width: 13px 0 0 56px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.95); line-height: 0px; _border-color: #000000 #000000 #000000 rgba(0, 0, 0, 0.95); _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } .scorecard-left-bottom { width: 0; height: 0; border-style: solid; border-width: 13px 56px 0 0; border-color: rgba(0, 0, 0, 0.95) transparent transparent transparent; line-height: 0px; _border-color: rgba(0, 0, 0, 0.95) #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } #ScoreCardArea > div.scorecard-left { border-left: 12px solid #000000; margin-top: -13px; padding-bottom: 26px; } #ScoreCardArea > div.scorecard-right { margin-left: -4px; width: 93%; } .scorecard-left .opacity-black { box-shadow: -4px 0 10px #000000 inset; } #ScoreCardHeadMenu { margin-bottom: 30px; text-align: center; } .sc-area { padding: 16px 30px; } .sc-area h2 { font-size: 36px; font-weight: normal; letter-spacing: 3px; } .sc-area h2::before { content: ""; display: inline-block; height: 20px; margin-right: 10px; vertical-align: middle; width: 32px; } .scorecard .gaugeBox.small { width: 300px; height: 600px; } .rightText { float: right; font-size: 25px; text-align: left; margin-top: -16%; } .leftGaugeSpecific { width: 60%; margin-right: -34%; } .middleGaugeSpecific { margin-right: -30%; } .rightGaugeSpecific { margin-right: -15%; } .scorecard .overflowedText { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .scorecard .middleGauge { margin-right: -22%; } .scorecard .leftGauge { float: left; } .scorecard .rightGauge { margin-left: 24%; } #scorecardProfile #profilePic .circularImage img { border-radius: 100%; float: left; height: 50px; object-fit: cover; vertical-align: middle; width: 50px; } .scorecardTitle { display: inline-block; font-size: 30px; font-family: avenir-heavy-oblique; width: 31%; } .scorecard .gaugeBox input[type="text"], .scorecard circle { display: none; } .scorecard #gaugeBoxLarge { float: none; height: 300px; width: 300px; } .scorecard #scorecardgauge1 { height: 250px; width: 250px; } .scorecard .gaugeBox.small .k-gauge { height: 150px; margin: auto auto -78px; width: 150px; } .scorecard .gaugeBox.small { display: inline-block; float: none; height: auto; padding-top: 35px; position: relative; text-align: center; vertical-align: top; width: 31%; } .scorecard .gaugeBox h5 { color: #ffffff; font-size: 31px; left: 0; letter-spacing: 0; position: absolute !important; text-shadow: 0 0 0; top: 0; } .scorecard #gaugeBoxLarge .k-gauge { margin-bottom: -200px; } .scorecard #gaugeBoxLarge h6 { color: #f0f0f0; font-size: 70px; font-weight: normal; text-shadow: 0 0 0; } .scorecard #gaugeBoxLarge h6 p { font-size: 32px; line-height: 0; margin-top: -5px; padding: 0; } .scorecard #gaugeBoxLarge h6 p sub { display: inline-block; font-size: 20px; margin-top: 3px; vertical-align: middle; } .scorecard #gaugeBoxLarge span { display: block; font-size: 25px; letter-spacing: 1px; margin-top: 44px; } .scorecard .gaugeBox.small h6 { color: #ffffff; font-size: 35px; height: 80px; line-height: 23px; } /*.scorecard .gaugeBox.small h6 p { font-size: 14px; letter-spacing: 1px; padding: 0; }*/ .respTop { line-height: 200%; font-size: 20px; font-family: avenir-black; text-shadow: none; } .respMid { font-size: 36px; color: #2ba9e0; font-family: avenir-black; text-shadow: none; letter-spacing: 0px; } .respBot { line-height: 200%; font-size: 20px; color: #2ba9e0; font-family: avenir-black; text-shadow: none; } .titleText { width: 55%; font-size: 50px; } .scorecard .gaugeBox h5 { letter-spacing: 0px; } .scorecard .gaugeBox.small .bottomgauge p { font-size: 18px; letter-spacing: 1px; } .scorecard .viewlog { border: 2px solid #ffffff; color: #ffffff; display: inline-block; margin: 2px auto; padding: 5px 25px; } .scorecard a#scorecardGiftBox { background: rgba(0, 0, 0, 0) url(/content/sitefiles/images/scorecard-sprite.png) no-repeat scroll 0 -213px; display: block; height: 61px; position: absolute; right: 30px; top: 15px; width: 59px; } .scorecard #gaugeBoxLarge { display: inline-block; vertical-align: top; } .ddpman { display: inline-block; margin-right: 40px; vertical-align: top; width: 400px; letter-spacing: 1px; line-height: 500%; margin-top: 20px; } .ddpman > p { color: #ebebeb; font-size: 29px; letter-spacing: 1px; } .ddpman > p a.viewlog { float: right; font-size: 17px; } #totalPointsText { font-family: avenir-heavy; } .totalPointsTextParentStyle { margin-top: -150px !important; margin-bottom: 70px; } #totalPointsValue { font-family: avenir-black; font-size: 130px; color: #2ba9e0; } #OtherGauges { clear: both; margin-top: 50px; margin-left: -12%; width: 111%; } .scorecard #mainMenuResponsiveBtn { background: none; } .scorecard .earnedReward { background: url(/Content/SiteFiles/images/RewardImageiPad.png) no-repeat right top; } /* settings subscription level */ .settings-html-update { position: relative; min-height: 100%; } .settings-html-update, .settings-html-update * { margin: 0 auto; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* Subscription Level */ .html-update { position: relative; min-height: 100%; } .html-update, .html-update * { margin: 0 auto; padding: 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .sl-container { width: 981px; margin: auto; padding-top: 30px; padding-bottom: 30px; } .text-blue { color: #2cabe2; } .font-dcc { font-family: "dcc_ashregular"; } .font-daniel { font-family: "Danielbk"; } .font-dinpro { font-family: "DinProMedium"; } .font-dincon { font-family: D-DINCondensed; } .text-center { text-align: center; } .sl-img-responsive { display: inline-block; max-width: 100%; height: auto; } .sl-img-circle { border-radius: 50%; } .sl-content { margin-bottom: 20px; } .sl-title-block { position: relative; margin-left: 120px; } .sl-title-block .sl-img-circle, #greeny2 { position: absolute; bottom: 0; left: -120px; } .sl-title-block h1 { font-family: "dcc_ashregular"; font-size: 44px; } .subscribe { font-family: "dcc_ashregular"; font-size: 21px; } .subscribe form { display: inline-block; } .subscribe input[type=text] { width: 165px; height: 25px; margin: 0 17px; padding: 0 5px; color: #28a9e0; border: none; font-family: "dcc_ashregular"; font-size: 18px; } .subscribe button { float: right; width: 80px; height: 26px; color: #fff; background-color: #28a9e0; border: none; border-radius: 9px; font-family: "dcc_ashregular"; font-size: 13px; cursor: pointer; } .subscribe .signup-later { float: right; color: #000; font-size: 25px; } .subscribe .signup-later:hover { color: #2cabe2; } .sl-replay { margin: 5px 0; padding-left: 37px; } .sl-replay a { color: #000; font-family: "dcc_ashregular"; font-size: 18px; } .sl-replay a:hover { color: #2cabe2; } .membership-wrapper { position: relative; } .membership-blocks { margin-left: -4px; margin-right: -4px; margin-bottom: 10px; } .membership-block { width: 240px; margin: 0 4px; text-align: center; cursor: pointer; } .membership-block-top { height: 355px; padding: 30px 10px 0; color: #fff; background-color: #111; background-color: rgba(0,0,0,.85); border-bottom: 2px solid #fff; border-top-left-radius: 9px; border-top-right-radius: 9px; } .membership-block-top h2 { position: relative; height: 95px; line-height: 1; margin: 0 22px; color: #fff; font-family: D-DINCondensed; font-size: 36px; font-weight: bold; } .membership-block-top h2:after { content: ""; position: absolute; bottom: 15px; left: 0; right: 0; height: 4px; background-color: #2cabe2; border-radius: 2px; } .membership-block-top .price { line-height: 1; margin: 5px 0 0; font-family: "dcc_ashregular"; } .membership-block-top .currency { color: #787878; font-size: 27px; vertical-align: top; } .membership-block-top .amount { color: #2cabe2; font-size: 54px; } .membership-block-top .month { color: #787878; font-size: 27px; } .membership-block-top .description { color: #fff; font-size: 22px; } .membership-block-top .info { color: #787878; font-size: 18px; } .membership-block-top .join-now { display: inline-block; width: 199px; height: 58px; line-height: 58px; margin-top: 15px; color: #fff; background-image: url(/Content/images/bgButton.png); font-family: "dcc_ashregular"; font-size: 45px; } .membership-block:hover .membership-block-top .join-now { background-image: url(/Content/images/bgButtonHover.png); } .membership-block-bottom { min-height: 325px; padding: 40px 0 0; background-color: #464646; background-color: rgba(70,70,70,.85); border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } .membership-block-bottom h3 { line-height: 1.2; margin-bottom: 10px; color: #2cabe2; font-size: 18px; } .membership-block-bottom ul { list-style: none; text-align: left; } .membership-block-bottom ul li { position: relative; min-height: 32px; line-height: 1; padding: 14px 10px 14px 55px; color: #fff; border-top: 2px solid #fff; font-size: 18px; vertical-align: middle; } .membership-block-bottom ul li:before { content: url(/Content/images/iconDiamond.png); position: absolute; top: 50%; left: 10px; margin-top: -11px; } .membership-navigator { position: absolute; top: 50%; left: -30px; right: -30px; z-index: 9; margin-top: -15px; } .membership-navigator .fa { color: #000; font-size: 28px; cursor: pointer; } .sl-step { margin-bottom: 10px; font-family: "dcc_ashregular"; font-size: 36px; text-align: right; } .sl-subscription-info { margin-bottom: 10px; padding: 0 40px 0 60px; font-family: "dcc_ashregular"; font-size: 18px; } .sl-subscription-info:before { content: "***"; float: left; margin-left: -20px; } .promo-popup-wrapper { type: inline; max-Width: 90%; width: 980px; padding: 0px !important; height: auto; autoSize: false; fitToView: false; openEffect: none; closeEffect: none; } .sl-popup { max-width: 980px; width: 100%; line-height: 1; padding: 90px 150px; color: #fff; background-image: url(/Content/images/bgPopup.jpg); background-size: cover; background-position: center; font-family: "dcc_ashregular"; } .sl-popup-title { font-size: 50px; white-space: pre-wrap; } .sl-popup-desc { margin-bottom: 20px; font-size: 30px; white-space: pre-wrap; } .sl-footer { height: 100px; background-color: #000; } .sl-footer a { color: #fff; } /* For dashboard popup*/ .bgContainer { background: rgba(255,255,255,.0) url(/content/sitefiles/images/bg_popup.png) center center no-repeat; background-size: 100% 100%; padding-top: 40px; padding-bottom: 40px; padding-left: 30px !important; } .title_1 { font-family: 'dcc_ashregular'; color: #e5e5e5; font-size: 32px; letter-spacing: 1px; display: block; margin-left: 30px; line-height: 30px; } .title_2 { font-family: 'dcc_ashregular'; color: #2ba9e0; font-size: 62px; letter-spacing: 1px; display: block; margin-left: 30px; line-height: 56px; } .div_ddp_yoga { text-align: right !important; padding-right: 50px !important; } .videoDashboard { background: url(/content/sitefiles/images/bg_video.png) center center no-repeat; background-size: 100% 100%; margin: 20px 15px 20px 30px; } #result { } #result .title { color: #c5c5c5; font-family: 'DinProMedium'; display: block; font-size: 20px; } #result .text { font-family: 'dcc_ashregular'; font-size: 80px; line-height: 80px; vertical-align: middle; } #result .text i { font-style: normal; font-size: 30px; line-height: 30px; } #result .text img { /*float: left;*/ margin-bottom: 10px; margin-right: 10px; } /*BUTTON*/ .btn_div { text-align: right; /* margin-right: 40px;*/ } .btn_continue { display: inline-block; font-size: 20px; font-weight: bold; color: #c5c5c5; border: 1px solid #c5c5c5; padding: 10px 20px; letter-spacing: 2px; margin-top: 50px; } .btn_continue:hover { text-decoration: none; color: #2ba9e0; border: 1px solid #2ba9e0; } .yellowDashboard { color: #fed158; } .brickDashboard { color: #f1511a; } .grayDashboard { color: #dcdcdc; } .MarginT5 { margin-top: 5px !important; } .MarginT10 { margin-top: 10px !important; } .MarginB10 { margin-bottom: 10px !important; } .MarginB20 { margin-bottom: 20px !important; } .MarginL30 { margin-left: 30px !important; } .PaddingR30 { padding-right: 30px !important; } .PaddingR40 { padding-right: 40px !important; } select.slcBox { background: transparent; border: none; color: #c7c7c7; font-family: "dcc_ashregular", Tahoma, Geneva, sans-serif; font-size: 36px; line-height: 36px; -webkit-appearance: none; -moz-appearance: none; background: #000 url(/content/sitefiles/images/slc_box.png) no-repeat right; border: 4px solid rgba(0,0,0,.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right: 50px; } input[type=checkbox].chk { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=checkbox].chk + label.chk_lb { padding-left: 47px; height: 40px; display: inline-block; line-height: 40px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; } input[type=checkbox].chk:checked + label.chk_lb { background-position: 0 -40px; } label.chk_lb { font-size: 20px; line-height: 40px; color: #2cabe2; padding-top: 4px; background-image: url(/content/sitefiles/images/gray_cb.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*offer page*/ .offerBigTitle { margin-top: -20px; font-family: "dcc_ashregular"; font-size: 110px; text-align: center; letter-spacing: 0.015em; padding: 0; line-height: 0.9; } .offerRedeemText { color: #2cabe2; font-family: D-DINCondensed; font-weight: bold; letter-spacing: 0.060em; font-size: 48px; text-align: center; padding: 0; text-transform: uppercase; } .offerRecieveText { color: black; font-family: D-DINCondensed; letter-spacing: 0.060em; font-size: 24px; text-align: center; margin-bottom: -25px; } .offerEmailDiv { width: 600px; margin: auto; padding-top: 30px; padding-bottom: 30px; display: block; } .offerEmailTextBox { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; height: 45px !important; width: 64% !important; padding-left: 12px; } .offerWarningText { font-family: "dcc_ashregular"; font-size: 18px; text-align: center; width: 100%; padding-top: 300px; } :-moz-ui-invalid:not(output) { box-shadow: none; } /* Purchase gift subscription */ .pgiftLayout_container { margin: auto; width: 645px; min-height: calc(100vh - 226px); } .pgift_StepText { font-family: avenir-medium; font-size: 14px; text-align: right; font-weight: bold; padding-top: 5px; margin-right: 5px; } .pgift_ContinueBtn { margin: -5px; text-align: right; padding-bottom: 20px; } .pgift_ContinueBtn > a > img { height: 70px; } .pgiftLayout_Title { text-align: center; padding: 0 0 20px 0; } .pgiftLayout_Title1 { font-family: avenir-black; color: #2ba9e0; font-size: 27px; margin-bottom: -20px; } .pgiftLayout_Title2 { font-family: avenir-black; color: #2ba9e0; font-size: 44px; margin-bottom: -15px; } .pgiftLayout_Title3 { font-family: avenir-medium; color: black; font-size: 14px; font-weight: bold; } .pgift_Subtitle { font-family: dcc_ashregular; color: black; font-size: 30px; } .pgiftFormContent ul { background: rgba(27,27,27,0.89); border-radius: 15px; -webkit-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); } .pgiftFormContent ul li { border-bottom: 1px solid #979797; padding: 6px 0px; } .pgiftFormContent ul li:last-child { border-bottom: none; } .pgiftFormContent ul li label { color: #979797; display: inline-block; font-size: 26px; padding-right: 2%; text-align: right; width: 40%; font-family: D-DINCondensed; } .pgiftFormContent ul li input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; height: 45px !important; border: medium none; color: white; font-family: D-DINCondensed; font-size: 26px; width: 360px !important; } .pgiftFormContent ul li textarea { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; border: medium none; color: white; font-family: D-DINCondensed; font-size: 26px; width: 360px !important; } .pgiftFormContent ul li select { width: 360px !important; } .pgiftCustomizeDate { background: transparent !important; border: none !important; font-family: D-DINCondensed; } .pgiftCustomizeTxt { font-size: 26px !important; height: 45px !important; border: medium none; color: white !important; font-family: D-DINCondensed; } .pgiftFormContent ul li select option { background-color: rgb(0,0,0) !important; color: white !important; } .darkFormContent ul li input:-moz-placeholder, .darkFormContent ul li input::-webkit-input-placeholder, .darkFormContent ul li input::-moz-placeholder, .darkFormContent ul li input:-ms-input-placeholder, .pgiftFormContent ul li input:-moz-placeholder, .pgiftFormContent ul li input::-webkit-input-placeholder, .pgiftFormContent ul li input::-moz-placeholder, .pgiftFormContent ul li input:-ms-input-placeholder { color: #EEE; } .pgift_LowerText { margin-bottom: 10px; font-family: "dcc_ashregular"; font-size: 18px; text-align: center; } .subs-saveButton, .subs-cancelButton { cursor: pointer; display: block; margin: 10px 0 0 0; float: right; text-indent: -9999999px; } .container.pgiftFormDesign { width: 645px !important; } @charset "utf-8"; /* CSS Document */ /*@media screen and (min-height:1180px) { footer { margin-bottom:-300px!important; } }*/ @media screen and (min-width: 1024px) { .myProgram .popupBottom .cancelChanges { float: right; margin-right: 10%; width: 120px; } .myProgram .popupBottom .saveChanges { float: right; margin-right: 2%; width: 120px; } } @media screen and (min-width: 720px) and (max-width:1023px) { .myProgram .popupBottom .cancelChanges { float: right; margin-right: 12%; width: 120px; } .myProgram .popupBottom .saveChanges { float: right; margin-right: 2%; width: 120px; } } @media screen and (min-width: 321px) and (max-width:479px) { .myProgram .popupBottom .cancelChanges { float: right; margin-right: 6%; width: 120px; } .myProgram .popupBottom .saveChanges { float: right; margin-right: 2%; width: 120px; } } @media screen and (max-width:980px) { .tvBg { width: 100%; position: absolute; z-index: 1; } .tvPlayer { position: absolute; z-index: 2; width: 94%; } .texture { width: 100%; height: auto; } } @media screen and (max-width:960px) { .loginned header, .loginned footer { /*width:102%;*/ margin: 0 -1%; } .loginned footer .footerContainer { width: 100%; } .loginned .container { width: 98%; margin: auto; padding: 0 1%; } .woList > ul, .woList > h2 { margin: auto; width: 790px; } .woList > ul.noContent { width: 100%; } .fancybox-wrap { width: 95% !important; max-width: 95% !important; } .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { width: 100% !important; max-width: 100% !important; height: 100% !important; } #logCheckBox { margin: 20px 0; text-align: center; } #woTypeList label { display: block; margin-bottom: 10px; } .new-ddp-screamble .screamble { width: 43%; } #live-workout-info .lwi.duration { padding: 0; } } @media screen and (max-width:940px) { .detailsLeft, .detailsRight { float: none; width: 90%; margin: 0 auto; } span#ratedText { float: none; margin: 10px auto; width: 100%; display: block; text-align: center; } #statsRadioArea { width: 472px; float: none; margin: 0 auto; } .a1cTab .tabHead .thLeft { } .a1cTab .tabHead .thRight h1 { font-size: 32px; } .a1cTab .tabHead .thLeft h1 { font-size: 45px; line-height: 39px; } .a1cTab .tabHead span { margin-bottom: 10px; } .a1cRight .a1cInfo { width: 180px; } .a1cRight input[type="text"] { font-size: 80px; width: 110px; line-height: 80px; height: 80px; } .a1cRight .a1cInfo h5 { font-size: 80px; line-height: 80px; height: 80px; } .a1cRight .updateButton { margin-top: 5px; margin-left: 20px; } .a1cRight .a1cInfo h6 { font-size: 20px; } #settings-form .email > input { float: none; margin: 8px 0 0 65px; } #settings-form input[type="text"], #settings-form input[type="password"] { width: 120px; } } @media screen and (max-width:900px) { #settings-area-image-mask { background-size: contain; height: 438px; width: 450px; } #settings-area-image-mask > div#settings-area-image-src { height: 249px; left: 102px; top: 62px; width: 284px; } .summaryHead li { margin: 50px 33px 0 33px; } .summaryHead li:nth-child(2n+1) { margin-left: 28%; } .tabRight .tabRightMiddle #updateButton { width: 100px; height: 100px; background-size: 100px 100px; margin-top: 6px; } .toggleMeasurementsButton { width: 100px !important; height: 100px !important; background: url(/content/sitefiles/images/updateButtonSave.png) !important; background-size: 100px 100px !important; } .tabRight .tabRightMiddle h5, .tabRight .tabRightMiddle i { font-size: 32px; } .tabRight .tabRightMiddle input[type=text] { font-size: 32px; line-height: 32px; } .trackerHeader #hLine03 { height: 90px; } #trackerMenu li.current a { background-size: 40px 40px !important; } #trackerMenu li a { padding-top: 45px; background-size: 40px 40px !important; font-size: 19px; width: 110px; } #completedPopup h4 { font-size: 75px; line-height: 70px; } #completedPopup p { font-size: 42px; line-height: 40px; } .radioArea label { width: 100px !important; height: 75px; background-size: 100px auto !important; } .radioArea .diffText { width: 500px; } } @media screen and (max-width:945px) { .a1cContent .a1cLineArea { width: 100% !important; } } @media screen and (max-width:920px) { #prefences-video .videoEmbed { background: none !important; } #video-player { width: 100% !important; } #prefences-meter .irs-bar:before { font-size: 18px !important; margin-top: -23px !important; } } @media screen and (max-width:830px) { #prefences-meter .irs-bar:before { max-width: 50px !important; margin-left: 27px !important; word-break: break-word !important; margin-top: -33px !important; border: none !important; } } @media screen and (max-width:750px) { #prefences-meter .irs-bar:before { margin-left: 20% !important; } } @media screen and (max-width:620px) { #prefences-meter .irs-bar:before { font-size: 15px !important; margin-top: -28px !important; margin-left: 18% !important; } } @media screen and (max-width:600px) { #prefences-meter-chart .irs-slider { width: 25px !important; } .offerEmailDiv { width: 400px !important; } .offerEmailTextBox { width: 62% !important; } } @media screen and (max-width:585px) { #settings-area > div#prefences-video { float: none !important; width: 100% !important; } #prefences-meter .irs-bar:before { margin-left: 16% !important; } } @media screen and (max-width:525px) { #prefences-meter .irs-bar:before { margin-left: 14% !important; } #prefences-meter-chart .irs-slider { width: 10px !important; } .irs-slider.from:before, .irs-slider.to:before { margin-left: -10px !important; } } @media screen and (max-width:500px) { #prefences-meter .irs-bar:before { margin-left: 8% !important; } } @media screen and (max-width:450px) { #prefences-meter .irs-bar:before { margin-left: 4% !important; } } @media screen and (max-height:768px) and (max-width:1366px) { /*.signUpContainer { margin-top: -70px !important; } .formpages .signUpContainer .rightSide { height: 25% !important; }*/ #signup-section .darkFormContent ul li label { font-size: 16px !important; } #signup-section .darkFormContent ul li { padding: 2px !important; } #signup-section .darkFormContent ul li input { font-size: 20px !important; } p.replayCss { margin-top: -10px !important; } p.signUpCss { margin-top: -10px !important; } .sl-step { margin-bottom: 0 !important; font-size: 22px !important; } div.pass-container { height: 25px !important; } .darkFormContent .submitBtn { margin-top: 7px !important; } /*.signup-loginarea #first-clear { clear: none !important; }*/ /* #LoginArea a div { margin-top: -5px !important; height: 35px !important; font-size: 16px !important; }*/ /*#signup-loginarea-bottomside { padding: 25px !important; } #signup-loginarea-bottomside #btn_login { margin-top: -25px !important; } */ #login-bottomside #btn_ca { margin-top: -20px !important; } } @media screen and (max-width:880px) { #forgot-password-rightside { float: none !important; margin: 150px auto 0 0 !important; } #forgot-password-rightside .loginForm { padding-top: 150px !important; } #forgot-password-leftside { margin-top: 10px !important; } #forgot-password-leftside .signUpMen { width: 100% !important; } /*.formpages .signUpContainer .leftSide { float: none !important; text-align: center !important; width: 100% !important; margin-top: 50px !important;*/ /* margin-bottom: 20px !important;*/ /*} .formpages .signUpContainer .rightSide { margin-left: 0px !important; margin-top: -50px !important; }*/ #signup-section { margin-top: 25px !important; } /* .formpages .signUpContainer .logo { margin: 10vw auto; }*/ .login .container { width: 90%; margin: auto; } /* ooo POPUP ooo */ body.popup section { width: 100%; padding: 0; margin: 20px 0; } body.popup aside { float: none; margin: auto; padding: 0; width: 460px !important; } .summaryInfo { width: 440px; } .resp-accordion h5 { margin-left: 0px !important; } .summaryInfo h6 { font-size: 21px; width: 290px; } .woInfo { width: 370px; } .woInfo h6 { font-size: 21px; width: 200px; } .woInfo span { } .summaryInfo span, .woInfo span { font-size: 21px; } .resp-tabs-container h2 { font-size: 32px; } #hrResultArea > img { width: 90% !important; } #timer { font-size: 120px; } .pressureBox { margin: 0 auto; } .pressureBox .pressureLineArea { width: 98%; margin-bottom: 20px; } .pressureBox .pressureInfo { width: 80%; } .pressureBox .pressureInfo h6 { display: inline-block; margin-top: 22px; float: right; } .pressureBox .pressureInfo span { display: none; } .pressureBox input[type="text"] { margin: 0; } .pressureBox .updateButton { margin-top: 0; } } /* @media screen and (min-width:860px) and (max-width:879px) { #LoginArea.login-area { margin-right: 40% !important; } }*/ @media screen and (max-width:860px) { #settings-form input[type="text"], #settings-form input[type="password"] { width: 100px; } #messages .resp-vtabs .resp-tabs-container { width: -moz-calc(100% - 2px) !important; width: -webkit-calc(100% - 2px) !important; width: -o-calc(100% - 2px) !important; width: calc(100% - 2px) !important; } .tabInfo { visibility: hidden; } .painUpdate { left: 5% !important; bottom: 170px; } .tabLeft { padding-bottom: 30px; } #messages .resp-tabs-container h2 { height: 59px; width: 100%; } #messages .resp-tab-item, #messages .resp-tab-active { border: none; } #messages h2.resp-accordion { padding: 5px 0px; } #a1cRadio { margin: 15px auto; } .a1cContent { padding-bottom: 20px; } .a1cContent .a1cLineArea { margin-left: 0; } .a1cNote { margin-left: 0; } .a1cTab .tabHead .thLeft { width: 40%; margin-left: 0; } .a1cTab .tabHead .thLeft { float: none; width: 300px; text-align: center !important; margin: 0 auto; } .a1cTab .tabHead .thRight { float: none; width: 300px; text-align: center !important; margin: 0 auto; } .a1cRight { margin-bottom: 30px; } .a1cTab .tabHead .thLeft h2 { font-size: 28px; text-align: center; display: block; line-height: 28px; } .a1cTab .tabHead .thLeft h1 { display: none; } .a1cNote { margin-top: 40px; text-align: center; } .a1cTab .tabHead .thRight span { text-align: center; padding-left: 0; background: transparent; } } /* @media screen and (min-width:840px) and (max-width:859px) { #LoginArea.login-area { margin-right: 40% !important; } } */ @media screen and (max-width:840px) { #settings-form input[type="text"], #settings-form input[type="password"] { width: 90px; } #mainMenuResponsiveBtn { display: inline-block; } /*#hLine02 { height: auto; position: absolute; width: 100%; z-index: 99; display: none; } #hLine02.show { display: block; } #hLine02 ul { text-align: left; } #hLine02 ul li { width: 33%; border-right: medium none; } #hLine02 ul li a { display: block; }*/ .workoutsTitle { margin: 20px 10px; width: auto; display: inline-block; } .rateWorkout .workoutsTitle, .workoutsSummary .workoutsTitle { font-size: 40px; width: 300px; } .woList > ul, .woList > h2 { width: 590px; } #hrLogBtnArea > button { width: 330px; } .new-ddp-screamble .screamble { height: auto; width: auto; } .left.screamble { margin-right: 0px; } } /* @media screen and (min-width:800px) and (max-width:839px) { #LoginArea.login-area { margin-right: 39% !important; } } @media screen and (min-width:750px) and (max-width:799px) { #LoginArea.login-area { margin-right: 39% !important; } } @media screen and (min-width:700px) and (max-width:750px) { #LoginArea.login-area { margin-right: 38% !important; } } @media screen and (min-width:650px) and (max-width:700px) { #LoginArea.login-area { margin-right: 37% !important; } } @media screen and (min-width:600px) and (max-width:650px) { #LoginArea.login-area { margin-right: 35% !important; } } @media screen and (min-width:550px) and (max-width:600px) { #LoginArea.login-area { margin-right: 34% !important; } } @media screen and (min-width:500px) and (max-width:550px) { #LoginArea.login-area { margin-right: 32% !important; } }*/ @media screen and (min-width:480px) and (max-width:500px) { /* #LoginArea.login-area { margin-right: 30% !important; } */ .myProgram .popupBottom .cancelChanges { float: right; margin-right: 6%; width: 120px; } .myProgram .popupBottom .saveChanges { float: right; margin-right: 2%; width: 120px; } } @media screen and (min-width:460px) and (max-width:480px) { #LoginArea.login-area { margin-right: 29% !important; } } @media screen and (min-width:440px) and (max-width:460px) { #LoginArea.login-area { margin-right: 28% !important; } } @media screen and (min-width:420px) and (max-width:440px) { #LoginArea.login-area { margin-right: 27% !important; } } @media screen and (min-width:400px) and (max-width:420px) { #LoginArea.login-area { margin-right: 26% !important; } } @media screen and (min-width:380px) and (max-width:400px) { #LoginArea.login-area { margin-right: 25% !important; } } @media screen and (min-width:360px) and (max-width:380px) { #LoginArea.login-area { margin-right: 24% !important; } } @media screen and (min-width:340px) and (max-width:360px) { #LoginArea.login-area { margin-right: 23% !important; } } @media screen and (min-width:320px) and (max-width:340px) { #LoginArea.login-area { margin-right: 22% !important; } } @media screen and (max-width:780px) { #settings-area > div#settings-area-image { float: none; } #settings-form input[type="text"], #settings-form input[type="password"] { width: auto; } .msgContentTop h5 { font-size: 24px; } .msgContentTop h6 { font-size: 17px; } #messages .msgContentTop .trashBtn { margin-top: -38px !important; } .tabLeft { width: 43%; margin-left: 0; } #dashboard-start-img h2 { font-size: 80px; line-height: normal; } #dashboard-scorecard { font-size: 60px; padding-top: 5px; } #dashboard-blue-strip > p, #dashboard-black-strip > p { padding: 0; } #currentProgram { padding-right: 0 !important; width: 40% !important; height: 40% !important; } #subMyProgramMenu { display: block; position: relative; text-align: center; top: 0; } } @media (min-width: 550px) and (max-width: 780px) { .myProgramLine#hLine03 { height: 200px; } } /*basic info step 2*/ @media screen and (max-width:750px) { #basicInfoRightSide { width: 100% !important; margin-left: 0 !important; margin-top: 25px !important; } #basicInfoLeftSide { float: none !important; text-align: center !important; width: 100% !important; margin-top: 50px !important; } #a1cLine svg g g:nth-child(2) text { color: blue !important; } } /*end of basic info*/ /*update*/ @media screen and (max-width:720px) { .gaugeBox span.date { display: none; } .weightTab .lineArea { width: 80%; } .gauge-container { width: 510px; } .gaugeBox { width: 150px; margin: 0px 10px; } .gaugeBox .weighInBtn { width: 50px; height: 50px; top: 5px; background-size: 50px 50px; } .toggleWeightButton { width: 60px !important; height: 60px !important; top: 5px !important; background-size: 50px 50px !important; } .gaugeBox input[type="text"] { font-size: 60px; width: 90px; line-height: 60px; height: 60px; } #gauge2 { margin-top: -116px; } #gauge1, #gauge3 { margin-top: -45px; margin-bottom: -45px; } .gaugeBox h5 { margin-top: 0px; font-size: 22px; } .gaugeBox h6 { margin-top: -20px; font-size: 16px; } .small { width: 150px; } .small input[type="text"] { font-size: 40px; width: 125px; line-height: 40px; height: 40px; top: 75px; } .small .weighInBtn { width: 22px; height: 22px; cursor: pointer; border: none; background: url(/content/sitefiles/images/editButton2.png); background-size: 22px 22px; z-index: 2; display: inline-block; float: left; margin-left: 135px; margin-top: -23px; } .small #wi3 { margin-left: 120px; } #measurementsSection { margin-top: 75px !important; } #a1cLine svg { left: -10% !important; } } @media screen and (max-width:700px) { .pressureBottom h6 { width: 100%; font-size: 24px; text-align: center; letter-spacing: 2px; line-height: 24px; height: 24px; margin: 0; } .pressureBottom span { width: 100%; text-align: center; margin: 0; } .pressureBottom h5 { width: 100%; font-size: 42px; text-align: center; line-height: 42px; height: 42px; letter-spacing: 3px; margin-right: 8%; margin-bottom: 15px; } .tabHead { width: 305px; text-align: center; float: none; margin: 20px auto; height: auto; } .tabHead span { background: transparent; padding-left: 0; } .bloodSugarTab .tabHead .thLeft h1 { text-align: center; font-size: 26px; line-height: 26px; } .bloodSugarTab .tabHead .thLeft { width: 100%; float: none; text-align: center; margin-top: 20px; margin-left: 0; } .tabHead h1 { font-size: 32px; text-align: center; } .bloodSugarTab .tabHead .thRight { width: 100%; float: none; text-align: center; } .bloodSugarTab .sugarLineArea { display: none; } .bloodSugarTab .sugarBox { width: 305px; text-align: center; margin: 20px auto; } .sugarBox .updateButton { margin-left: 10%; } .sugarNote { margin-top: 20px; } #diabetesRadio { margin: 15px auto 35px auto; } .lwi > img { margin-top: 60px; } .lwi-big-numbers { font-size: 120px; } } @media screen and (max-width:660px) { .sliderSection { width: 88%; } .myProgram a.prev { left: -10px; } .myProgram a.next { right: -10px; } .painUpdate { left: 10% !important; top: 780px; } .injuriesTab .tabLeft span { width: 100%; height: auto; margin: 20px 0px 40px; } .injuriesTab figure { width: 100%; text-align: center; margin: 20px 0px 0px 10px; } #respH1 { display: block; width: 100%; font-family: "dcc_ashregular"; font-size: 32px; font-weight: normal; color: #2ba9e0; letter-spacing: 1px; text-align: center; } .tabRight h1 { display: none; } .tabLeft { width: 100%; margin: 0; float: none; } .tabLeft .humanBodyContainer { width: 250px; margin: 0 auto; height: 560px; } .tabRight { width: 100%; margin: 0; float: none; } .tabRight .tabRightBottom { margin-bottom: 20px; margin-top: 20px; } .tabLeft .tabInfo { width: 100%; background: transparent; padding: 0; height: 16px; text-align: center; } .tabRight .tabRightMiddle { margin-top: 0px; } .tabRight .tabRightMiddle h5, .tabRight .tabRightMiddle i { font-size: 20px; line-height: 25px; margin-top: 20px; } .tabRight .tabRightMiddle input[type=text] { font-size: 20px; line-height: 25px; margin-top: 20px; width: 40px; margin: 6px 0px 0px 0px; padding: 0; } .tabRight .tabRightMiddle .measurementInfo { margin-top: 8px; margin-right: 27%; } #dashboard-start-img h2 { font-size: 50px; } #dashboard-scorecard { font-size: 50px; letter-spacing: 1px; padding-top: 5px; } #dashboard-scorecard > a span { padding-top: 9px; } #dashboard-videos { padding: 0; position: relative; width: 100%; } .dashboard-videos-one { display: block; margin: 20px; width: auto; } .NextLiveWorkout #dashboard-black-strip span.inline.time2 { margin: 0; } #dashboard-start-img.dashboard-start-alarm p { font-size: 60px; } #dashboard-blue-strip span.time img, #dashboard-black-strip span.time img { width: 40px; } } @media screen and (min-width:651px) { ul#loginForm { background: url(/content/sitefiles/images/loginFormBg.png) no-repeat; width: 400px; height: 126px; margin-top: 5px; } .formpages .loginContainer .rightSide { margin-left: 205px !important; } /*.login .container { width: 600px !important; }*/ ul#loginForm li { padding: 16px 0px 3px; } ul#loginForm li label { width: 80px !important; padding-right: 30px !important; } ul#loginForm li input { width: 230px !important; } ul#loginForm, ul#loginForm li { border: none !important; box-shadow: none !important; } .formpages .loginContainer .leftSide { margin-bottom: -65px !important; } .loginContainer .bottomSide { position: relative !important; width: 200px !important; float: left !important; margin-top: -120px !important; margin-left: 30px !important; clear: both; } } @media screen and (max-width:695px) { .formpages .logo { height: 80% !important; width: 95% !important; } } @media screen and (max-width:650px) { #settings-menu li { padding: 0 15px; } .formpages .logo { margin: 40px auto 0px !important; } #login-section { margin-top: 0px !important; } /*.signUpContainer .leftSide { margin-top: 15% !important; }*/ #forgotPsw { float: none; display: block; text-align: center; } #LoginArea { float: none; height: 230px; margin: auto; } .login .container .bottomSide { display: block; margin-top: 0px !important; position: relative; width: 100% !important; } .loginContainer .workoutsTitle { font-size: 65px; } .formpages .loginContainer .leftSide { float: none; text-align: center; width: 100%; margin-bottom: 20px; } .loginContainer .rightSide { margin-left: 0px !important; } .loginContainer .logo { margin: 10vw auto; } .login .container { width: 90%; margin: auto; } .loginContainer .bottomSide { width: 90%; } .loginForm { padding-top: 10px; } .summaryHead li:nth-child(2n+1) { margin-left: 14%; } #remember_cont { float: none; display: block; margin: 0 auto 15% auto; text-align: center; } .bottomSide { padding-top: 0 !important; } .new-ddp-screamble-popup .screamble { height: auto; width: auto; } .tabRight { float: none !important; } .tabRight .tabRightMiddle { margin-left: 25% !important; } .tabRight .tabRightBottom { margin-left: 25% !important; } .tabLeft { margin-left: 25% !important; width: 100% !important; } .tabRightBottom#userNotesConteiner { margin-left: 30% !important; } } @media screen and (max-width:500px) { #a1cRadio, #diabetesRadio { width: 175px !important; } } @media (min-width:501px) and (max-width:767px) { .offerBigTitle { margin-top: 0px !important; font-size: 70px !important; } .offerRedeemText { font-size: 35px !important; margin-top: 0px !important; } } @media screen and (max-width:618px) { .galleryTop { height: 100px; } .galleryTop .rightAside { margin-top: 20px; } .galleryTop aside { float: none !important; width: 100%; text-align: center; } /********************* KENDO UPLOAD END *************/ .progressPics .k-widget.k-upload.k-header.k-upload-sync { margin-right: 30px !important; } /********************* KENDO UPLOAD END *************/ } @media screen and (max-width:600px) { .detailsPageWrapper { margin-top: 30px; } .detailsRight { padding-bottom: 0px; } .detailsRight h3 { font-size: 22px; } .detailsRight p { font-size: 16px; font-family: DinProMedium; font-weight: normal; } .woList > ul, .woList > h2 { width: 400px; } .summaryHead li:nth-child(2n+1) { margin-left: 0; } .summaryHead li { display: block; margin: 10px auto !important; text-align: center; } .summaryChart figure { padding: 0; width: 100%; } .summaryChart figcaption { padding: 20px 0; text-align: center; width: 100%; } #shareHrArea { text-align: center; padding: 0; } .burnedCalories > #shareHrArea { margin-top: -7px; left: 50%; margin-left: -95px; } .summaryHead li.burnedCalories { margin-bottom: 50px !important; } .summaryArea h3 { position: relative; text-align: center; font-size: 10vw; top: 0; right: 0; } .contentWrapper h3 { position: relative; text-align: center; font-size: 10vw; top: 0; right: 0; } #completedPopup h4 { font-size: 42px; line-height: 40px; } #completedPopup p { font-size: 24px; line-height: 20px; margin-top: 20px; } .radioArea label { width: 80px !important; height: 60px; background-size: 80px auto !important; margin: 0 -10px; } #statsRadioArea { width: 100%; text-align: center; } #statsRadioArea label { width: 80px; height: 60px; margin-right: -10px; background-size: 80px auto !important; } #statsRadioArea #difficultText { width: 150px; } .radioArea .diffText { width: 360px; } .radioArea .diffText div { font-size: 12px !important; font-family: DinProMedium !important; margin: 0px 20px 0px 10px !important; } .ddpman > p { font-size: 20px; } } @media screen and (max-width:570px) { /*.weightTab .lineArea { display: none; }*/ .weightTab .rightInfo { float: right; width: 100%; text-align: center; margin: -175px 0px !important; } .weightTab .rightInfo h4 { font-family: dcc_ashregular; font-size: 32px; color: #ccc; letter-spacing: 2px; font-weight: normal; text-shadow: 0 0 20px rgba(206,126,70,0.6); margin-top: 5px; } .weightTab .rightInfo span { font-size: 20px; } .weightTab .rightInfo hr { display: none; } .gauge-container { width: 450px; } .gaugeBox { margin: 0px; } } @media screen and (max-width:1500px) { .termsConditionsFancy.fancybox-wrap { margin-left: -6% !important; } } @media screen and (max-width:1350px) { .termsConditionsFancy.fancybox-wrap { margin-left: -12% !important; } } @media screen and (max-width:1300px) { .termsConditionsFancy.fancybox-wrap { margin-left: -12% !important; } } @media screen and (max-width:1250px) { .termsConditionsFancy.fancybox-wrap { margin-left: -12% !important; } } @media screen and (max-width:1200px) { .termsConditionsFancy.fancybox-wrap { margin-left: -13% !important; } } @media screen and (max-width:1100px) { .termsConditionsFancy.fancybox-wrap { margin-left: -21% !important; } } @media screen and (max-width:1000px) { .termsConditionsFancy.fancybox-wrap { margin-left: -24% !important; } } @media screen and (max-width:600px) and (min-width:1000px) { .termsConditionsFancy.fancybox-wrap { margin-left: -24% !important; /* changed for DDPYOGA-7560 */ } } @media screen and (max-width:500px) { .termsConditionsFancy.fancybox-wrap { margin-left: -3% !important; /* changed for DDPYOGA-4198 */ } #choose { width: 95% !important; } } @media screen and (max-width:900px) { .rightSide.pgiftLayout_container { margin: auto !important; } .formpages .container .leftSide { float: initial !important; margin: auto !important; } .formpages .logo { padding-bottom: 50px !important; } .formpages .container #forgot-password-rightside { margin: -100px auto !important; } .formpages .container #login-section.rightSide { margin-left: 0px !important; } /* #LoginArea.login-area .orLine { margin-right: 10px !important; } #LoginArea.login-area #lf_submit { margin-right: 40px !important; }*/ } @media screen and (min-width:881px) and (max-width:900px) { /* #LoginArea.login-area { margin-right: 40% !important; } */ .formpages .container #forgot-password-leftside { margin-top: -100px !important; } } /*billing info */ @media screen and (max-width:1000px) { #billingInfoLeftSide { float: none !important; text-align: center !important; width: 100% !important; margin-top: -75px !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap { width: 536px !important; } #billingInfoForm .form-control-wrapper input.textInput { width: 55.7% !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { text-align: left !important; right: 5% !important; } #subscribe-later { top: 300px !important; position: relative !important; margin-left: 72% !important; width: 250px !important; z-index: 99999999999 !important; } } @media screen and (max-width:950px) { #subscribe-later { margin-left: 72% !important; } } @media screen and (max-width:920px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 10% !important; } } @media screen and (max-width:900px) { #subscribe-later { margin-left: 70% !important; } } @media screen and (max-width:880px) { #signUpMenBillingInfoIcon { width: 233px !important; } } @media screen and (max-width:875px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 15% !important; } } @media screen and (max-width:850px) { #subscribe-later { margin-left: 68% !important; } } @media screen and (max-width:830px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 20% !important; } } @media screen and (max-width:800px) { #subscribe-later { margin-left: 66% !important; } } @media screen and (max-width:830px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 25% !important; } } @media screen and (max-width:750px) { #subscribe-later { margin-left: 64% !important; } } @media screen and (max-width:730px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 30% !important; } } @media screen and (max-width:700px) { #subscribe-later { margin-left: 61% !important; } } @media screen and (max-width:680px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 35% !important; } } @media screen and (max-width:650px) { #subscribe-later { margin-left: 59% !important; } } @media screen and (max-width:630px) { #billingInfoForm .form-control-wrapper input.textInput { width: 55% !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 40% !important; } } @media screen and (max-width:600px) { #subscribe-later { margin-left: 54% !important; } } @media screen and (max-width:580px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 45% !important; } } @media screen and (max-width:550px) { #subscribe-later { margin-left: 49% !important; } #billingInfoLeftSide { margin-top: -50px !important; } #subscribe-later { top: 320px !important; } } @media screen and (max-width:525px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 50% !important; } } @media screen and (max-width:500px) { #subscribe-later { margin-left: 45% !important; } .billingInfoSelect { width: 57% !important; } } @media screen and (max-width:490px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 55% !important; } } @media screen and (max-width:483px) { .billingInfoSelect { width: 57% !important; } #billingInfoForm .form-control-wrapper input.textInput { width: 54.5% !important; } } @media screen and (max-width:450px) { #subscribe-later { margin-left: 38% !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap { margin-top: 1% !important; } } @media screen and (max-width:430px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 60% !important; } } @media screen and (max-width:420px) { #subscribe-later { margin-left: 32% !important; } #subscribe-later a { font-size: 22px !important; } .offerEmailDiv { width: 250px !important; } .offerEmailTextBox { width: 57% !important; } .offerWarningText { padding-top: 40px !important; } } @media screen and (max-width:415px) { .billingInfoSelect { width: 57% !important; } #billingInfoForm .form-control-wrapper input.textInput { width: 54% !important; } } @media screen and (max-width:400px) { #subscribe-later { margin-left: 32% !important; } #subscribe-later a { font-size: 22px !important; } } @media screen and (max-width:390px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap { margin-top: 2% !important; } } @media screen and (max-width:385px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 65% !important; } } @media screen and (max-width:363px) { .billingInfoSelect { width: 57% !important; } #billingInfoForm .form-control-wrapper input.textInput { width: 53% !important; } } @media screen and (max-width:355px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap { margin-top: 4% !important; } } @media screen and (max-width:350px) { #subscribe-later { margin-left: 23% !important; } #subscribe-later a { font-size: 18px !important; } } @media screen and (max-width:335px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 70% !important; } } @media screen and (max-width:330px) { .billingInfoSelect { height: 50px !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap { margin-top: 5% !important; } } @media screen and (max-width:320px) { #subscribe-later { margin-left: 17% !important; } #subscribe-later a { font-size: 18px !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap { margin-top: 6% !important; } .myProgram .popupBottom .cancelChanges { float: right; margin-right: 4%; width: 110px; } .myProgram .popupBottom .saveChanges { float: right; margin-right: 2%; width: 110px; } } @media screen and (max-width:300px) { #subscribe-later { margin-left: 9% !important; } #subscribe-later a { font-size: 15px !important; } } @media screen and (max-width:290px) { #billingInfoForm .form-control-wrapper input.textInput { width: 52% !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap { margin-top: 7% !important; } .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 75% !important; } } @media screen and (max-width:250px) { #subscribe-later { margin-left: -2% !important; } #subscribe-later a { font-size: 14px !important; } .billingInfoSelect { width: 55% !important; } #billingInfoForm .form-control-wrapper input.textInput { width: 50% !important; } } @media screen and (max-width:240px) { .cardExpMonthPicker .k-datepicker .k-picker-wrap .k-select { right: 80% !important; } } @media screen and (max-width:200px) { #subscribe-later { margin-left: 13% !important; } } @media screen and (max-width:180px) { #billingInfoForm .form-control-wrapper input.textInput { width: 48% !important; } } /**/ @media screen and (max-width:590px) { #gaugeBoxGoalWeight { width: 200px !important; text-align: center !important; float: left !important; margin: 0px 10px !important; } #weightGaugeContainer { margin-left: 75px !important; } #wi3 { margin-left: 160px !important; } } @media screen and (max-width:560px) { #settings-menu li { padding: 0 10px; } .progressCarousel a.prev { margin-left: -30px; } .progressCarousel a.next { margin-right: -30px; } /*.a1cContent .a1cLineArea { display: none; }*/ .trackerHeader #hLine03 { height: 76px; padding-top: 0px; } #trackerMenu li.current a { background: none !important; } #trackerMenu li { margin: 4px 0px 0px 0px; height: 30px; width: 48%; color: #ddd; background-color: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; } #trackerMenu li a { padding-top: 2px; background: none; font-size: 19px; height: 28px; width: 100%; background: none !important; } /* .lineArea { display: none; }*/ .summaryInfo, .woInfo { width: 290px; margin: 10px auto; } .summaryInfo h6 { font-size: 18px; width: auto; } .woInfo img { width: 15px; } .woInfo h6 { width: 160px; } .woInfo h6, .woInfo span { font-size: 18px; } .summaryInfo span { font-size: 18px; margin-left: 5px; } #hrResultArea > img { display: none; } } @media screen and (max-width:550px) { #measurementsSection { margin-top: -10px !important; } } @media screen and (max-width:520px) { .woSummary .summaryInfo, .woInfo { width: 75% !important; } .woSummary .summaryInfo h6, .woInfo h6 { text-align: left !important; font-size: 22px !important; } .woSummary .summaryInfo span, .woInfo span { font-size: 22px !important; } .ddpAlarm i { float: left; width: 100%; margin: 15px 30px 0px; } .ddpAlarm img.apps { margin: 15px 20px 0px 30px !important; } .progressPics h1 { font-size: 32px; } .tabRight .tabRightMiddle .measurementInfo { margin-right: 20%; } #weightGaugeContainer { margin-left: 45px !important; } #gaugeBoxGoalWeight h6 { margin-top: -25px !important; } .gauge-container { width: 390px; } .pressureBox .pressureInfo { width: 70%; } .gaugeBox, .small { width: 110px; margin: 0px; } #gaugeBoxLarge { margin-left: 42px; margin-right: -10px; } .gaugeBox .weighInBtn { width: 40px; height: 40px; background-size: 40px 40px; } /*updated*/ .toggleWeightButton { width: 60px !important; height: 60px !important; background: url(/content/sitefiles/images/weightButtonSave.png) !important; background-size: 40px 40px !important; } .gaugeBox input[type="text"] { font-size: 40px; width: 125px; line-height: 40px; height: 40px; top: 7px; left: -8px; } #gauge2 { width: 100%; margin-top: -115px; } #gauge1, #gauge3 { width: 70%; margin-top: -75px; margin-bottom: 3px; } .gaugeBox h5 { margin-top: 0px; font-size: 22px; } .gaugeBox h6 { margin-top: -40px; font-size: 16px; } .small { width: 160px; margin-right: -50px; } .small input[type="text"] { font-size: 40px; width: 125px; line-height: 40px; height: 40px; top: 45px; left: 0px; } .small .weighInBtn { width: 22px; height: 22px; cursor: pointer; border: none; background: url(/content/sitefiles/images/editButton2.png); background-size: 22px 22px; z-index: 2; display: block; float: none; margin: -4px auto 8px auto; } .small #wi3 { float: none; margin: -4px auto 8px auto; } #dashboard-start-img h2 { font-size: 40px; } #dashboard-start-img div#dashboard-blue-strip { font-size: 30px; } #dashboard-start-img h2.icon { left: 20px; top: 20px; } #dashboard-blue-strip span, #dashboard-black-strip span { font-size: 40px; } #dashboard-blue-strip > p, #dashboard-black-strip > p { padding: 0; } #dashboard-start-img.dashboard-start-alarm img { display: block; margin: auto; } #dashboard-start-img.dashboard-start-alarm p { display: block; font-size: 40px; text-align: center; width: auto; } .NextLiveWorkout .dashboard-videos-footer-p > span.right, .NextLiveWorkout .dashboard-videos-footer-p > span { text-align: left; width: 100%; } .lw-play-pause a { margin: 0; } #live-workout-video iframe { height: 400px; min-height: inherit !important; } .lwi-big-numbers { font-size: 110px; } } @media screen and (max-width:500px) { #forgot-password-leftside .signUpMen { width: 90% !important; } .signUpMen { width: 50%; height: auto; } .darkFormContent ul li label, .darkFormContent ul li input, .darkFormContent.basicInfo select, .darkFormContent input[type=radio].css-checkbox + label.css-label, .darkFormContent.payment select { font-size: 5.3vw !important; } .darkFormContent.basicInfo .basicInfoSelect, .darkFormContent.payment select { width: 45% !important; } /* ooo WORKOUTS ooo */ .loginned footer section { float: none; width: 100%; } .loginned footer { height: auto; text-align: center; padding: 10px 0 20px 0; } .loginned footer .footerContainer { width: 100%; } .workoutsTitle { display: block; margin: 10px auto 0; } .rateWorkout .workoutsTitle, .workoutsSummary .workoutsTitle { margin: 10px auto 0; } #subMenu { display: block; position: relative; text-align: center; top: 0; } #subMenu li { display: inline-block; float: none; } #hLine03 { height: auto; } /* ooo POPUP ooo */ body.popup aside { width: 95% !important; } .rateArea h2 { font-size: 45px; } #seeStats { display: block; float: none; margin: 61px auto 30px; } #hrLogBtnArea > button { font-size: 30px; padding: 10px !important; width: 200px; } .offerBigTitle { margin-top: 0px !important; font-size: 50px !important; } .offerRedeemText { font-size: 35px !important; margin-top: 0px !important; } } @media screen and (max-width:480px) { #newUserNote { width: 300px !important; } } @media screen and (max-width:460px) { #totalLostWeight, #totalLeftWeight, #totalTime { font-size: 10px !important; } .rightInfo h4 { font-size: 14px !important; } #settings-menu li { padding: 0 5px; } #settings-menu li a { font-size: 20px; } #settings-area-image-mask { background-size: contain; height: 365px; width: 400px; } #settings-area-image-mask > div#settings-area-image-src { height: 209px; left: 86px; top: 53px; width: 240px; } #dashboard #owl-demo .item .workoutName { width: 78% !important; } .myProgram #owl-demo .item button.deleteWorkout { width: 20px; height: 20px; background-size: 20px 20px; margin: 10px 10px 0px 0px; } .myProgram #owl-demo .item .workoutAdd, .myProgram #owl-demo .item .workoutDay, #owl-demo #editable .dayOff.locked ul.workoutNames li { background-size: auto 100px !important; } .myProgram #owl-demo .item ul.workoutNames li { background-size: auto 40px, auto 100px !important; } .myProgram a.prev { top: 260px; } .myProgram a.next { top: 260px; } #owl-demo ul.workoutNames { margin-left: 2px; } #owl-demo #editable ul.workoutNames { width: 70%; margin-left: 0; } #owl-demo .item span { font-size: 12px; height: 40px; line-height: 40px; } #owl-demo .item h1 { font-size: 35px; } .myProgram .itemBottom button { font-size: 14px; padding: 5px 10px; } button.editWeek { width: 36px; height: 36px; margin: 5px 5% 0px 0px; background: url(/content/sitefiles/images/edit.png); background-size: 36px 36px; border: none; } .dashRight .ddpNews { background-size: auto 80px; } .dashRight.newsPopup .ddpNews { background-size: auto 100px; } .dashRight .ddpTv { background-size: auto 95px; } .dashRight .ddpAlarm { background-size: auto 95px; } #dashboard .dashLeft { width: 88% !important; } #dashboard .dashRight { width: 300px; } .tabHead { width: 100% !important; } .bloodSugarTab .sugarBox { width: 100% !important; } .sugarNote h6 { font-size: 24px; } .tabHead h1 { font-size: 26px; text-align: center; } .bloodPressureTab .tabHead { width: 100%; margin-bottom: 20px; } .pressureBox input[type="text"] { font-size: 50px; width: 55px; line-height: 50px; height: 50px; margin-top: 10px; } .pressureBox .pressureInfo h6 { font-size: 16px; } .pressureInfo { width: 60%; } .pieArea { display: none; } .mobilePieArea { display: inline-block; margin: 10px auto; width: 100%; text-align: center; } #owl-demo .item .workoutName { line-height: 36px !important; } .lwi-big-numbers { font-size: 80px; } .lwi > img { height: 45px; margin-right: 0; margin-top: 50px; } } @media screen and (min-width:459px) { #owl-demo .item .workoutName { line-height: 55px !important; } } @media screen and (max-width:440px) { .a1cRight { float: left !important; margin-left: -10% !important; } #settings-area-image-mask { background-size: contain; height: 319px; width: 315px; } #settings-area-image-mask > div#settings-area-image-src { height: 175px; left: 71px; top: 43px; width: 199px; } #settings-form input[type="text"], #settings-form input[type="password"] { width: 112px; } .resp-tab-content { padding: 0 0 5px 0 !important; } span#ratedText { margin: 20px auto 0px auto; } #statsRadioArea, span#ratedText { width: 270px; margin: 5px auto; } #statsRadioArea label { width: 60px !important; height: 45px; margin-right: -3px; background-size: 60px auto !important; } #statsRadioArea #difficultText { width: 100px; } .gauge-container { width: 110px; } #gauge1, #gauge2, #gauge3 { width: 100%; margin-left: 0; } .gaugeBox input[type="text"] { left: -8px; } .gaugeBox { width: 110px; margin: 5px 0px; } #gaugeBoxLarge { margin: 10px auto 0px auto; } .pressureBottom h6 { font-size: 18px; line-height: 18px; height: 18px; margin-right: 3%; font-weight: normal; } .pressureBottom span { font-size: 12px; margin-right: 3%; } .pressureBottom h5 { font-size: 40px; line-height: 40px; height: 40px; margin-right: 3%; } #gaugeBoxGoalWeight { width: 200px !important; } .gaugeBox h6 { margin-bottom: -20px !important; } .respTop { font-size: 10px; } .respMid { font-size: 25px; } .respBot { font-size: 17px; } #totalPointsValue { font-size: 44px; margin-top: -10%; } .titleText { font-size: 35px; width: 86%; margin: 10% 5% 5%; } #scorecardgauge4 { margin-right: 45%; } #scorecardgauge3 { margin-right: 45%; } #scorecardgauge2 { margin-right: 45%; } .rightText { margin-right: -6%; width: 50%; } .scorecardTitle { display: block; width: 100%; } .howToEarnPoints { margin-left: 33%; } } @media screen and (max-width:420px) { .weightTab .lineArea { width: 75% !important; } .weightTab .rightInfo { margin-top: 40px !important; } } @media screen and (min-width:400px) { .customizeDate { width: 140px !important; } } @media screen and (max-width:400px) { #newUserNote { width: 250px !important; } .weightTab .rightInfo { margin-top: 40px !important; } .weightTab .lineArea { width: 75% !important; } .tabLeft { margin-left: 15% !important; } .customizeDate { width: 100px !important; } .darkFormContent input[type=radio].css-checkbox + label.css-label { padding-left: 15px !important; height: 12px !important; } .darkFormContent label.css-label { background-image: url(/content/sitefiles/images/radio_white_small.png) !important; } .darkFormContent input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -12px !important; } #settings-form label { font-size: 22px; letter-spacing: 0; } .formpages .logo { width: 90%; height: auto; } .darkFormContent ul li label { font-size: 5.2vw; } .darkFormContent ul li input { font-size: 5.2vw; } .woList > ul, .woList > h2 { width: 190px; } .tabRight .tabRightMiddle .measurementInfo { margin-right: 10%; } /* .measurementsTab .tabRight .tabRightBottom, .injuriesTab #painManagement { display: none; }*/ #timer { font-size: 80px; } #endWorkoutArea > button { padding: 10px 20px; } #hrResultArea p { font-size: 32px; padding-top: 0 !important; } #timer { font-size: 70px; } .resp-tabs-container h2 { font-size: 26px; } .woInfo { width: 110px !important; margin: 0 auto; } .radioArea .diffText { width: 100%; } .radioArea #difficultText { width: 150px; } .new-ddp-screamble .left.screamble #scr-logo > img { width: 50%; } .new-ddp-screamble .left.screamble h1 { font-size: 41px; } .dashboard-videos-one.videoalarm p { padding: 20px; text-align: center; width: auto; } .dashboard-videos-one.videoalarm span { display: block; margin: 0 auto; } .dashboard-videos-one.videoalarm > a { position: relative; top: auto; padding-top: 25px; display: block; } #freemobileapp { font-size: 17px; margin-left: -15px; padding: 3px 10px; } #dashboard-black-strip span.countdown { font-size: 50px; } } @media screen and (max-width:395px) { #gaugeBoxLarge { margin: 175px auto 0px -185px !important; } .weightTab .gauge-container .small { margin: -100px auto 0px 100px !important; } #gaugeBoxGoalWeight { margin: 475px auto 0px -205px !important; } } @media screen and (max-width:375px) { .a1cRight { margin-left: -20% !important; } #a1cBtn { width: 85px !important; height: 85px !important; } } @media screen and (max-width:370px) { .measurementsTab #updateButton { width: 125px !important; height: 125px !important; } } @media screen and (max-width:360px) { #settings-area-image-mask { background-size: contain; height: 289px; width: 280px; } #settings-area-image-mask > div#settings-area-image-src { height: 155px; left: 63px; top: 38px; width: 177px; } #settings-form input[type="text"], #settings-form input[type="password"] { display: block; margin: auto; width: auto; } #settings-form { text-align: center; } #settings-form p.email > span { display: block; } #settings-form .email > input { margin: 5px auto 0; } #settings-form .datepicker > label { display: block; margin-bottom: 26px; padding-right: 0; } #settings-form p.datepicker > span { display: block; margin: auto; width: 100%; } #settings-form p > label { display: block; margin-bottom: 4px; } .tabRight .tabRightMiddle #updateButton { width: 80px; height: 80px; background-size: 80px 80px; margin-top: 16px; } .toggleMeasurementsButton { width: 80px !important; height: 80px !important; background: url(/content/sitefiles/images/updateButtonSave.png) !important; background-size: 80px 80px !important; } .sugarBox .updateButton { margin-left: 0; } .pressureBox .updateButton { margin-top: 30px; } .pressureBox .pressureLineArea { display: none; } .pressureBox .pressureInfo h6 { float: right; } .pressureBox .pressureInfo { width: 50%; } .pressureBox input[type="text"] { margin-left: 25px; margin-bottom: 20px; } .a1cTab .tabHead .thLeft { width: 100%; } .a1cTab .tabHead .thLeft h2 { font-size: 20px; margin-bottom: -12px; } .a1cTab .tabHead .thRight h1 { font-size: 22px; } .a1cRight input[type="text"] { font-size: 50px; width: 70px; line-height: 50px; height: 50px; } .a1cRight .a1cInfo h5 { font-size: 50px; line-height: 50px; height: 50px; } .a1cTab .tabHead .thRight { width: 100%; } .a1cRight .a1cInfo { width: 110px; } .a1cRight .a1cInfo h6 { font-size: 14px; margin-left: 10px; } .a1cRight .updateButton { width: 70px; height: 70px; background: url(/content/sitefiles/images/updateButton.png); background-size: 70px 70px; margin-top: 0px; } .toggleA1CButton { width: 70px !important; height: 70px !important; background: url(/content/sitefiles/images/updateButtonSave.png) !important; background-size: 70px 70px !important; margin-top: 0px !important; } .lw-play-pause a { padding: 10px 15px; } } @media screen and (max-width:350px) { #a1cRadio { width: 125px !important; } .a1cRight { margin-left: -25% !important; } } @media screen and (max-width:340px) { .weightTab .rightInfo { margin-top: -175px !important; } .a1cRight { margin-top: 25px !important; text-align: center !important; margin-left: -60% !important; } } @media screen and (max-width:340px) { .galleryTop .rightAside .shareBtn { width: 90px; background-position: -70px 0px; } #owl-demo .item .workoutName, #owl-demo .item .workoutDay { font-size: 12px; } #dashboard #owl-demo .item .workoutName { width: 83%; } #dashboard .dashLeft { width: 260px; } #dashboard .dashRight { width: 260px; } .dashRight .rBox span { font-size: 18px; } #settings-area-image-mask { background-size: contain; height: 256px; width: 254px; } #settings-area-image-mask > div#settings-area-image-src { height: 142px; left: 57px; top: 34px; width: 161px; } } @media screen and (max-width:330px) { .woSummary .summaryInfo h6 { font-size: medium !important; } } @media screen and (max-width:320px) { #newUserNote { width: 200px !important; } .loginned .container { width: 300px; margin: auto; } .formpages .container { width: 300px; margin: auto; } .darkFormContent ul li label { font-size: 16px; } .darkFormContent ul li input { font-size: 16px; } .formpages .logo { width: 300px; } .summaryArea h3 { font-size: 32px; } .contentWrapper h3 { font-size: 32px; } .loginned .container { width: 100% !important; margin: auto; } .radioArea label { width: 60px !important; height: 45px; margin-right: -3px; background-size: 60px auto !important; } .radioArea #difficultText { width: 130px; } .weightTab .lineArea { width: 75% !important; } .weightTab .rightInfo { margin-top: -175px !important; } } @media screen and (max-width:270px) { .a1cRight { margin-left: -90% !important; } } @media screen and (max-width:250px) { #newUserNote { width: 100% !important; } } @media screen and (max-width:300px) { #a1cRadio { width: 100%; text-align: center; } #diabetesRadio { width: 100%; text-align: center; } } @media screen and (max-width:1000px) { .container { margin: auto; width: 100% !important; padding: 0 !important; } } @media screen and (max-width:920px) { .NextLiveWorkout #dashboard-black-strip span.inline { display: block; padding: 13px 0; text-align: center; } .NextLiveWorkout #dashboard-black-strip p > .right-play { display: block; float: none; margin: 0 auto; opacity: 1; width: 50px; } .NextLiveWorkout .dashboard-videos-footer-p > span.right { text-align: right; } .LiveWorkout .dashboard-videos-footer-p > span.right { float: right; width: auto; } .DDPNews .dashboard-videos-footer-p > span.right { float: right; width: auto; } } @media screen and (max-width:690px) { #dashboard-blue-strip > img.elm, #dashboard-black-strip > img.elm { display: none; } #dashboard-blue-strip span, #dashboard-black-strip span { font-size: 50px; } } @media screen and (max-width:444px) { #dashboard-start-img h2 { font-size: 30px; } #dashboard-scorecard > a::before { margin: 0 15px 10px 0; } #dashboard-black-strip span.countdown { font-size: 60px; } } @media screen and (max-width:420px) { #dashboard-start-img h2 { bottom: auto; clear: both; left: auto; letter-spacing: 0; padding: 20px 0; position: relative; width: 100%; } #dashboard-start-img div#dashboard-blue-strip, #dashboard-start-img div#dashboard-black-strip { bottom: auto; left: auto; padding: 15px; position: relative; text-align: left; } #dashboard-scorecard { font-size: 35px; } #scorecard-button { width: 106px; font-size: 14px; } .scorecard-points-span { font-size: 12px; } .scorecard-value-span { font-size: 23px; } #dashboard-scorecard > a::before { display: none; } #dashboard-scorecard > a { display: block; } #dashboard-scorecard > a span { display: block; font-size: 23px; padding: 6px 0 0; } #dashboard-start-img div#dashboard-blue-strip, #dashboard-start-img div#dashboard-black-strip { width: auto; } #dashboard-start-img h2.icon { left: 10px; position: absolute; top: 0; } #dashboard-start-img h2.icon > img { max-width: 140px; } } @media screen and (max-width:350px) { #freemobileapp { left: 0; position: absolute; text-align: center; top: 0; width: 100%; } body { padding-top: 28px !important; } #dashboard-blue-strip span.time img, #dashboard-black-strip span.time img { display: none; } } @media screen and (max-width:870px) { .lwi-big-numbers { font-size: 140px; } #live-workout-info { text-align: center; } #live-workout-info .lwi.duration { text-align: left; } } @media screen and (max-width:790px) { #live-workout-info .lwi { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; display: block; padding: 30px 20px !important; text-align: center !important; } .lwi-buttons { text-align: center; } .container > div#live-workout-info { padding: 0; } } @media screen and (max-width:390px) { .lw-play-pause a { padding: 10px 25px; } } @media screen and (max-width:335px) { .lwi-buttons > div { margin: 0; } #live-workout-info .lwi { padding-bottom: 0 !important; } } @media screen and (max-width:310px) { .lwi-big-numbers { font-size: 80px; } } @media screen and (max-width:800px) { .fancybox-type-inline, .fancybox-wrap { width: 80% !important; } .ddp-great-jobs { display: block; float: none; text-align: center; } .ddp-popup3-data > div { display: block; margin: 15px auto; text-align: center; } .ddp-popup3-data.data1 .data-desc { padding: 0 !important; } .ddp-popup3-data.data2 > p { display: block; text-align: center; } .CheckBox-ShareBox { margin-top: 20px; } } @media screen and (max-width:450px) { .ddp-popup-title { font-size: 33px; letter-spacing: 1px; margin-bottom: 25px; } .ddp-popup-single-number { display: block; margin: auto auto 20px; text-align: center; } .ddp-popup-single-number > span { display: block; margin: auto; } .ddp-great-jobs > span { font-size: 50px; margin: -106px auto 23px; } .ddp-popup3-data.data2 .data-number.calories-burned { font-size: 150px; } .ShareBox > a, input.css-checkbox[type="checkbox"] + label.css-label, .CheckBox-ShareBox input.css-checkbox[type="checkbox"]:checked + label.css-label { font-size: 14px; } input.css-checkbox[type="checkbox"] + label.css-label { background-position: 0 13px; } } @media screen and (max-width:950px) { #ScoreCardHeadMenu { text-align: center; } #scorecardtopmenu li { margin: 0; height: auto; } #ScoreCardArea .scorecard-left { left: 0; position: absolute; } #ScoreCardArea > div.scorecard-left { position: absolute; left: 0; } #ScoreCardArea > div.scorecard-right { float: left; margin-left: 0; width: 100%; } .scorecard-right .opacity-black { padding-left: 60px; } #ScoreCardArea > div.scorecard-right { margin-left: 0; width: 100%; } #ScoreCardArea .scorecard-right .opacity-black { padding-left: 60px; } body.scorecard { padding: 0 0 0 70px; } .scorecard #gaugeBoxLarge { display: block; margin: auto; } .ddpman { display: block; float: none; margin: 10px auto; text-align: center; } .ddpman > p a.viewlog { float: none; } #ScoreCardArea { height: auto; min-height: 1619px; } .scorecard .gaugeBox.small { display: block; margin: auto auto 110px; width: auto; } .ddpman { width: auto; } } @media (min-width: 441px) and (max-width:950px) { .rightText { margin-right: 6%; width: 30%; margin-top: -9%; } .scorecardTitle { display: block; width: 100%; } .titleText { font-size: 35px; width: 86%; margin: 5% 35% 5%; } .howToEarnPoints { margin: auto 45% auto; } .scorecardUsername { font-size: 35px; margin: auto 30% auto; } } @media screen and (max-width:480px) { .scorecard #gaugeBoxLarge, .scorecard #scorecardgauge1 { width: 200px; } .scorecard #gaugeBoxLarge h6 { font-size: 50px; } .scorecard a#scorecardGiftBox { position: relative; display: block; margin: 20px auto 0; right: auto; top: auto; } } /*Fluid Menu*/ @media screen and (max-width:940px) { #mainMenu li a > span { display: none; } ul#mainMenu { float: none; width: 100%; } #mainMenu li { width: 12%; } #hLine02 { clear: both; } } @media (min-width:800px) and (max-width: 893px) { .termsConditionsFancy .container { margin-top: 120px !important; } .marketingEmailFancy .container { margin-top: 50px !important; } } @media screen and (max-width:840px) { #hLine02 { background-color: #1a1a1a; height: 50px; padding: 0; position: relative; display: block; } #hLine02.show { display: block; } #hLine02 ul { text-align: center; } #mainMenu li { width: 12%; border-right: 1px solid #333333; display: inline-block; font-size: 18px; padding-top: 0; } #hLine02 ul li { border-right: 1px solid #333333; width: 12%; } #hLine02 ul li a { display: inline-block; } #hLine01 { height: auto; } #hLine01 > #topMenu > li { padding-left: 10px; } #hLine01 > #topMenu > li.user { margin-left: 10px; } } @media screen and (max-width:625px) { #hLine02 ul li { width: 10%; } } @media screen and (max-width:550px) { #hLine01 > #topMenu { border-top: 1px solid #cccccc; display: block; float: none; width: 100%; } #hLine01 > #topMenu > li { padding: 10px 0; text-align: center; width: 29%; } #hLine01 > #topMenu > .stories a { background-image: none; background-position: 0 0; height: auto; text-indent: inherit; width: auto; } } @media screen and (max-width:420px) { #hLine01 > #topMenu > li { width: 25%; } #hLine02 ul li { width: 10%; text-align: center; } #mainMenu li a { padding: 13px 0; } #hLine01 > #topMenu > li > a { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (min-width: 768px) and (max-width: 991px) { .sl-container { width: 740px; } .membership-navigator { position: static; margin: 15px 0 5px; } .sl-popup { padding: 70px 100px; } } @media (min-width: 541px) and (max-width: 767px) { .sl-container { width: 100%; padding: 0 4px; } .sl-title-block h1 { font-size: 34px; } .subscribe .label { display: block; margin-bottom: 5px; } .subscribe input[type=text] { margin: 0 10px 0 0; } .membership-navigator { position: static; margin: 15px 0 5px; } .sl-popup { padding: 20px; } .sl-popup-title { font-size: 35px; } .sl-popup-desc { font-size: 24px; } .myProgram .popupBottom .cancelChanges { float: right; margin-right: 6%; width: 120px; } .myProgram .popupBottom .saveChanges { float: right; margin-right: 2%; width: 120px; } } @media (max-width: 540px) { .sl-container { width: 100%; padding: 0 4px; } .sl-title-block { margin-left: 110px; } .sl-title-block h1 { margin-top: 30px; font-size: 22px; } .sl-title-block .sl-img-circle { left: -110px; width: 100px; } .subscribe .label { display: block; margin-bottom: 5px; } .subscribe input[type=text] { width: 100px; margin: 0 10px 0 0; } .subscribe .signup-later { margin: 10px 10px 0; font-size: 18px; } .sl-replay { margin-top: 10px; padding-left: 30px; } .membership-navigator { position: static; margin: 15px 0 5px; } .sl-subscription-info { padding: 0 5px 0 25px; } .sl-popup { padding: 20px; } .sl-popup-title { font-size: 35px; } .sl-popup-desc { font-size: 20px; } } @media (min-width: 420px) and (max-width: 628px) { .offerWarningText { padding-top: 100px !important; } } @media (max-width: 991px) { .bgContainer { padding-left: 0px; } } @media (max-width: 991px) { .title_1, .title_2 { text-align: center; } .div_ddp_yoga { float: none !important; text-align: center; margin-bottom: 20px; } } @media (max-width: 991px) { #result .PaddingL30 { padding-left: 0px !important; } #result .title, #result .text { text-align: center; } #result .text img { float: none; margin-top: 0; } } @media (min-width:991px) and (max-width: 1200px) { #result .text { font-size: 65px; } #result .text i { font-size: 27px; } } @media (max-width: 991px) { .btn_continue { margin: 0 auto; margin-top: 20px; } .btn_div { text-align: center; } } @media (min-width:421px) and (max-width:670px) { .pgiftLayout_container, .container.pgiftFormDesign { width: 400px !important; } .pgiftFormContent ul li input { width: 210px !important; } .pgiftFormContent ul li select { width: 210px !important; vertical-align: top !important; } .pgiftFormContent ul li textarea { width: 210px !important; } .k-picker-wrap.k-state-default.pgiftCustomizeDate { width: 180px !important; } .pgiftFormContent ul li label, .pgiftFormContent ul li input, .pgiftFormContent select { font-size: 20px !important; } .pgift_ContinueBtn > a > img { height: 60px !important; } .pgiftFormContent label.css-label { width: 70px !important; } } @media screen and (max-width:421px) { .pgiftLayout_container, .container.pgiftFormDesign { width: 300px !important; } .pgiftFormContent ul li input { width: 160px !important; } .pgiftFormContent ul li select { width: 160px !important; vertical-align: top !important; } .pgiftFormContent ul li textarea { width: 160px !important; } .pgiftCustomizeDate { width: 150px !important; vertical-align: top !important; } .k-picker-wrap.k-state-default.pgiftCustomizeDate { width: 140px !important; } span.k-widget.k-datepicker.k-header.pgiftCustomizeDate > span > span > span { margin-left: -50px !important; } .pgiftFormContent ul li label, .pgiftFormContent ul li input, .pgiftFormContent select { font-size: 18px !important; } .pgift_ContinueBtn > a > img { height: 50px !important; } .subs-saveButton, .subs-saveButton:hover, .subs-cancelButton, .subs-cancelButton:hover { width: 104px !important; } .pgiftFormContent label.css-label { width: 40px !important; } } /**************************************** GENERAL ADDITIONS ****************************************/ @font-face { font-family: 'DinProMedium'; src: url(/Content/SiteFiles/fonts/DinProMedium.woff) format('woff'), url(/Content/SiteFiles/fonts/DinProMedium.otf) format('otf'), url(/Content/SiteFiles/fonts/DinProMedium.ttf) format('truetype'), url(/Content/SiteFiles/fonts/DinProMedium.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'D-DINCondensed'; src: url(/Content/SiteFiles/fonts/D-DINCondensed.otf) format('opentype'); font-weight: normal; font-style: normal; } body { -webkit-font-smoothing: antialiased !important; } footer section { font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif !important; } body { overflow-x: hidden !important; } html { overflow-x: hidden !important; } .formpages { height: 100%; } .clr { clear: both; } /* small logo on header and footer */ /* figure.logo { background-image: url(/Content/SiteFiles/images/ddp_sprite.png); background-position: -205px 0; display: inline-block; height: 34px; margin: 6px 0; width: 117px; } */ #faceLogin, #twitLogin, #gplsLogin { /* login page */ font: bold 18px D-DINCondensed !important; padding-top: 6px !important; color: #5c5c5c !important; cursor: pointer !important; letter-spacing: 1px; } #faceLogin a, #twitLogin a, #gplsLogin a { font: normal 18px D-DINCondensed !important; padding-top: 6px !important; color: #5c5c5c !important; } .login .container .bottomSide { position: inherit !important; width: 100% !important; margin-top: 0px !important; padding: 20px 0px !important; } #forgotPsw { font: normal 18px D-DINCondensed !important; } #remember_cont { width: 120px; display: block; padding-left: 10px; } .workout-video-image { position: relative; } .woList ul li a figcaption { padding: 0px 10px 5px 10px; } .lock { height: 14px !important; width: 12px !important; min-height: 0px !important; float: right; margin-top: 3px; } .workout-video-image .ddp-icon.ddp-icon-favorites, .workout-video-image .ddp-icon-favorites-disabled { position: absolute; right: 0px; top: -2px; } .ddp-icon-favorites-disabled { height: 32px; vertical-align: middle; width: 28px; background-image: url(/Content/SiteFiles/images/fav-enabled.png); display: inline-block; } .ddp-icon-favorites-disabled { height: 32px; vertical-align: middle; width: 28px; background-image: url(/Content/SiteFiles/images/fav-disabled.png); display: inline-block; } #hrResultArea p { padding-top: 20px !important; } .contentWrapper { position: relative; color: #ddd; background-color: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; padding: 15px 30px; } .contentWrapper h2 { font-family: 'Yanone Kaffeesatz'; font-size: 30px; font-weight: 100; } .contentWrapper h3 { color: #2ba9e0; font-family: dcc_ashregular; font-size: 55px; font-weight: normal; line-height: 1; position: absolute; right: 20px; top: 10px; } .workoutsTitle { width: 100% !important; font-size: 5vw !important; } /**************************************** COMPLETED WORKOUT POPUP ****************************************/ .ratePage { margin: 20px auto 40px; } .ratePage #punchLarge { width: 42%; } body#comPop section { width: 100%; margin: 0 auto; } #completedPopup { width: 100% !important; text-align: center; } #completedPopup p { font-family: dcc_ashregular; font-weight: normal; font-size: 70px; line-height: 60px; letter-spacing: 2px; color: #f2f2f2; padding: 0; margin: 0; } #completedPopup h4 { font-family: dcc_ashregular; font-size: 120px; line-height: 100px; font-weight: normal; letter-spacing: 2px; color: #2baae1; padding: 0; margin: 0; } #completedPopup span { color: #2baae1; } #punchLarge { width: 25%; max-width: 808px; margin: 0 auto; } .radioArea input[type=radio].css-checkbox { display: none; } .radioArea label { width: 152px; height: 111px; display: inline-block; vertical-align: middle; cursor: pointer; } .radioArea label#rate1 { background: url(/Content/SiteFiles/images/rate/s1.png) no-repeat; } .radioArea label#rate2 { background: url(/Content/SiteFiles/images/rate/s2.png) no-repeat; } .radioArea label#rate3 { background: url(/Content/SiteFiles/images/rate/s3.png) no-repeat; } .radioArea label#rate4 { background: url(/Content/SiteFiles/images/rate/s4.png) no-repeat; } .radioArea label#rate5 { background: url(/Content/SiteFiles/images/rate/s5.png) no-repeat; } .radioArea input[type=radio].css-checkbox:checked + label#rate1 { background: url(/Content/SiteFiles/images/rate/l1.png) no-repeat; } .radioArea input[type=radio].css-checkbox:checked + label#rate2 { background: url(/Content/SiteFiles/images/rate/l2.png) no-repeat; } .radioArea input[type=radio].css-checkbox:checked + label#rate3 { background: url(/Content/SiteFiles/images/rate/l3.png) no-repeat; } .radioArea input[type=radio].css-checkbox:checked + label#rate4 { background: url(/Content/SiteFiles/images/rate/l4.png) no-repeat; } .radioArea input[type=radio].css-checkbox:checked + label#rate5 { background: url(/Content/SiteFiles/images/rate/l5.png) no-repeat; } .radioArea label { background-size: 150px auto !important; } .radioArea .diffText { width: 800px; margin: 0 auto; } .radioArea #easyText, .radioArea #difficultText { font-weight: normal; font-family: DinProMedium; font-size: 16px; letter-spacing: 1px; margin: 0; padding: 0; } .radioArea #easyText { float: left; width: 100px; margin-left: 20px; } .radioArea #difficultText { width: 190px; float: right; margin-right: 20px; } span#ratedText { width: 150px; float: left; letter-spacing: 1px; text-align: right; font-size: 26px; margin-top: 20px; font-family: dcc_ashregular; font-weight: normal; color: #2ba9e0; } #statsRadioArea { width: 472px; float: right; margin-right: 20px; } #statsRadioArea label { width: 100px; height: 75px; margin-right: -10px; background-size: 100px auto !important; } #statsRadioArea .diffText { width: 100%; } #statsRadioArea #easyText, #statsRadioArea #difficultText { font-size: 12px !important; } /**************************************** WORKOUT START POPUP ****************************************/ .popup > .container { padding: 30px 0px !important; } #customTitle { margin-top: 15px; margin-bottom: 10px; font-family: "dcc_ashregular"; font-size: 40px; font-weight: normal; color: #e5e5e5; } #customWorkoutDesc { font-family: "Titillium Web"; font-weight: normal; font-size: 14px; line-height: 1.5; } /**************************************** WORKOUT TIMER PAGE ****************************************/ #timer { color: #fff; opacity: 0.7; font-size: 280px; font-family: "dcc_ashregular"; font-weight: normal; line-height: 1em; text-align: center; } #endWorkoutArea { text-align: center; } #endWorkoutArea > button { background-color: #2baae1; border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 45px; font-weight: normal; margin: 20px 0; padding: 10px 50px; } #endWorkoutArea > button:hover { background-color: #49bced; } #timerSection { padding-bottom: 35px; background: none !important; border: none !important; box-shadow: none !important; } /**************************************** WORKOUT END POPUP ****************************************/ #endPopup section, #signupPopup section, #singUpPopup2 section { width: 100% !important; } #endPopup .container, #signupPopup .container { width: 100% !important; } #confirmEnd, #signupPopup #choose, #deleteLogAside { float: none; margin: 0 auto; width: 450px; text-align: center; margin-bottom: -15px; } #singUpPopup2 { margin: 30px auto !important; } #singUpPopup2 #confirmEnd { width: 850px; } #confirmEnd > p, #signupPopup h1, #deleteLogAside > p{ text-align: center; font-family: dcc_ashregular; font-size: 50px; color: #fff; margin-bottom: 30px; font-weight: normal; } #signupPopup h1 { margin-bottom: 10px; } #signupPopup h1, #signupPopup button { font-size: 32px; letter-spacing: 1px; } #confirmEnd > button, #signupPopup button, .cancelPromoButton, #confirmPromo, .confirmPromoButton, #deleteLogAside > button { width: 190px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; padding: 13px 0px; border-radius: 5px; margin: 0px 15px 15px 15px; } #signupPopup button { width: 150px !important; margin: 0px 15px 15px 5px !important; } #confirmEnd > button:hover, #signupPopup button:hover { background-color: rgba(255,255,255,0.3); } .termsContainer { border: solid 1px #000; border-radius: 6px; padding: 0px 10px 5px 10px; font-family: D-DINCondensed; font-size: 16px; color: #ddd; width: 80%; max-height: 450px; font-weight: normal; margin: 0 auto; margin-bottom: 20px; overflow-y: scroll; } .termsContainer::-webkit-scrollbar{ width:0.2em; } .termsContainer::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } .termsContainer p { margin: 9px 0px; } /**************************************** WORKOUT SUMMARY PAGE ****************************************/ #logCheckBox { margin-left: 45px; font-family: "dcc_ashregular"; font-size: 24px; font-weight: normal; color: #ccc; letter-spacing: 2px; } input[type=checkbox].css-checkbox { display: none; } input[type=checkbox].css-checkbox + label.css-label { padding-left: 40px; padding-top: 12px; height: 40px; display: inline-block; background-repeat: no-repeat; background-position: 0 -40px; vertical-align: middle; cursor: pointer; } /*input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 0; }*/ label.css-label { background-image: url(/Content/SiteFiles/images/end-of-workouts-screen-check.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /**************************************** MY PROGRAM PAGE ****************************************/ .myProgram { background: transparent; box-shadow: none; border: none; padding: 15px 0px; } #owl-demo .item { max-width: 100%; display: block; color: #ddd; background-color: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; padding: 5px 5px 10px 10px; margin: 10px; color: #FFF; } .myProgram #owl-demo .item { padding: 5px 0 10px 0; } .myProgram #owl-demo .item button.addWorkout { width: 16px; height: 16px; cursor: pointer; float: right; display: block; background: url(/Content/SiteFiles/images/addWorkoutIcon.png); background-size: 16px 16px; border: none; margin: 21px 20px 0px 0px; } .myProgram #owl-demo .item button.deleteWorkout { width: 24px; height: 27px; cursor: pointer; float: right; display: block; background: url(/Content/SiteFiles/images/trashIcon.png); background-size: 24px 27px; border: none; margin: 17px 15px 0px 0px; } .customNavigation { text-align: center; } .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; } .sliderSection { width: 90%; margin: 0 auto; } #owl-demo .item h1 { font-family: "dcc_ashregular"; font-size: 50px; font-weight: normal; color: #ccc; margin-left: 10px; float: none; letter-spacing: 2px; display: inline-block; } .myProgram a.prev { display: block; width: 45px; cursor: pointer; position: absolute; top: 320px; left: 0; z-index: 9999; } .myProgram a.next { display: block; width: 45px; cursor: pointer; position: absolute; top: 320px; right: 0; z-index: 9999; } button.editWeek, button.editProgram { background: url(/Content/SiteFiles/images/edit.png); background-size: 45px 45px; border: none; float: right; display: inline-block; height: 45px; margin: 10px; cursor: pointer; width: 45px; } button.editProgram { margin: -4px 0px 0px 5px; height: 34px; width: 34px; background-size: 34px 34px; border: 1px solid #222; background-color: rgba(0,0,0,0.9); box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; } .myProgram button.addWorkout, .myProgram button.deleteWorkout { visibility: hidden; } .myProgram #editable button.addWorkout, .myProgram #editable button.deleteWorkout { visibility: visible; } .myProgram .itemBottom { width: 100%; display: none; } .myProgram .popupBottom { width: 100%; display: block; margin-top: 10px; padding-top: 10px; } .myProgram #editable .itemBottom { display: block; margin-top: 10px; border-top: solid 2px #ccc; padding-top: 10px; } .myProgram .itemBottom button { display: block; font-size: 16px; background: #fff; color: #000; padding: 10px 15px; font-family: DinProMedium; border: none; font-weight: normal; cursor: pointer; } .myProgram .popupBottom button { display: block; font-size: 16px; background: #fff; color: #000; padding: 10px 15px; font-family: DinProMedium; border: none; font-weight: normal; cursor: pointer; } .myProgram .itemBottom .cancelChanges { float: left; margin-left: 4%; } .myProgram .itemBottom .saveChanges { float: right; margin-right: 4%; } #owl-demo .item span { display: inline-block; margin-right: 1%; color: #fff; border: none; font-family: 'DinProMedium'; font-size: 16px; line-height: 60px; font-weight: normal; height: 60px; } #owl-demo .item .workoutDay { margin-left: 2%; width: 12%; text-align: center; float: left; } .dayOff li, .dayOff span { background-color: rgba(255,255,255,0.1); } .dayOff .workoutDay { background-color: #121212; } .dayOn li, .dayOn span { background: rgba(43,169,224,0.8); } .dayCurrent li, .dayCurrent span { background-color: #ff8453; cursor: pointer; } .dayOn .completed { background-color: rgba(43,169,224,0.8); background-image: url(/Content/SiteFiles/images/completed_bg.png), url(/Content/SiteFiles/images/mesh.png) !important; background-position: center right, center left; background-repeat: no-repeat, repeat-x; } .dayOn .partially { background-color: rgba(43,169,224,0.8); background-image: url(/Content/SiteFiles/images/partially_bg.png), url(/Content/SiteFiles/images/mesh.png) !important; background-position: center right, center left; background-repeat: no-repeat, repeat-x; } .dayOn .missed { background: rgba(43,169,224,0.8) url(/Content/SiteFiles/images/missed_bg.png) center right no-repeat !important; } .dayCurrent .completed { background: #ff8453 url(/Content/SiteFiles/images/completed_bg.png) center right no-repeat; } .dayCurrent .partially { background: #ff8453 url(/Content/SiteFiles/images/partially_bg.png) center right no-repeat; } .dayCurrent .missed { background: #ff8453 url(/Content/SiteFiles/images/missed_bg.png) center right no-repeat; } #owl-demo .item .workoutAdd { display: none; } #owl-demo #editable .workoutAdd { display: block; width: 12%; text-align: center; float: left; } #owl-demo #editable .locked .workoutAdd, #owl-demo #editable .locked .workoutDay, #editable .dayOn.locked span { background-color: rgba(43,169,224,0.8); background-image: url(/Content/SiteFiles/images/mesh.png) !important; background-position: center left; background-repeat: repeat-x; } .locked .deleteWorkout { display: none !important; } .locked .workoutAdd button { cursor: not-allowed !important; } .locked .workoutDay { /*background-color: #121212;*/ background-image: url(/Content/SiteFiles/images/mesh.png) !important; background-position: center left; background-repeat: repeat-x; } .dayOff.locked li { background-color: rgba(255,255,255,0.1); background-image: url(/Content/SiteFiles/images/mesh.png) !important; background-position: center left; background-repeat: repeat-x; } .locked .missed { background-image: url(/Content/SiteFiles/images/missed_bg.png), url(/Content/SiteFiles/images/mesh.png) !important; background-position: center left; background-repeat: repeat-x; } #owl-demo #editable .dayOff.locked li, #owl-demo #editable .dayOff.locked .workoutAdd { background-color: rgba(255,255,255,0.1); background-image: url(/Content/SiteFiles/images/mesh.png) !important; background-position: center left; background-repeat: repeat-x; } #owl-demo #editable .dayOff.locked .workoutDay { background-color: #121212; background-image: url(/Content/SiteFiles/images/mesh.png) !important; background-position: center left; background-repeat: repeat-x; } #owl-demo #editable .locked .completed { background-color: rgba(43,169,224,0.8); background-image: url(/Content/SiteFiles/images/completed_bg.png), url(/Content/SiteFiles/images/mesh.png) !important; background-position: center right, center left; background-repeat: no-repeat, repeat-x; } #owl-demo #editable .locked .partially { background-color: rgba(43,169,224,0.8); background-image: url(/Content/SiteFiles/images/partially_bg.png), url(/Content/SiteFiles/images/mesh.png) !important; background-position: center right, center left; background-repeat: no-repeat, repeat-x; } #owl-demo #editable .locked .missed { background-color: rgba(43,169,224,0.8); background-image: url(/Content/SiteFiles/images/missed_bg.png), url(/Content/SiteFiles/images/mesh.png) !important; background-position: center right, center left; background-repeat: no-repeat, repeat-x; } .workoutAdd button { color: #fff; font-family: DinProMedium; font-size: 22px; line-height: 22px; border: none; width: 100%; height: 90%; background: transparent; cursor: pointer; } #owl-demo ul.workoutNames { width: 82%; text-align: left; float: left; } #owl-demo ul.workoutNames li { margin-bottom: 5px; } .myProgram #owl-demo .item ul.workoutNames li span { width: 70%; overflow: hidden; display: inline-block; font-style: normal; vertical-align: middle; padding-left: 5%; background: transparent !important; } #owl-demo #editable ul.workoutNames { width: 70%; } button#diffLevel { width: 250px; height: 30px; display: block; cursor: pointer; background: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; font: normal 20px "dcc_ashregular"; color: #ccc; letter-spacing: 2px; } .subLevels { width: 250px; position: absolute; z-index: 2; visibility: hidden; right: 5%; margin-right: 10px; } .dropdown:hover .subLevels { visibility: visible; } .dropdown { z-index: 2; height: auto; float: right; width: 250px; margin-right: 10px; cursor: pointer; } .dropdown i { float: right; margin-top: 3px; } .dropdown button { text-align: left; width: 250px; height: 30px; display: block; margin-top: 3px; cursor: pointer; background: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; font: normal 20px "dcc_ashregular"; color: #ccc; letter-spacing: 2px; } #confirmDelete { width: 100%; text-align: center; } #confirmDelete p { font: normal 50px dcc_ashregular; color: #fff; line-height: 50px; } #confirmDelete p img { display: inline-block; height: 37px; margin-right: 10px; line-height: 50px; } #confirmDelete button#yes { background: url(/Content/SiteFiles/images/yesBtn.png); } #confirmDelete button#no { background: url(/Content/SiteFiles/images/noBtn.png); } #confirmDelete button#no, #confirmDelete button#yes { width: 120px; height: 68px; background-size: 120px 68px !important; border: none; cursor: pointer; margin: 30px 40px 0px; } .cancelBtn { background: url(/Content/SiteFiles/images/CancelBtn.png); } .startBtn { background: url(/Content/SiteFiles/images/startBtn.png); } .futureWorkoutPopup .startBtn, .futureWorkoutPopup .cancelBtn { width: 244px; height: 68px; background-size: 244px 68px !important; border: none; cursor: pointer; margin: 30px 40px 0px; } /**************************************** SETTINGS ************************************************/ #settingsMenu { width: 100%; text-align: center; } #settingsMenu li { display: inline-block; height: 70px; margin: 1% 2%; } #settingsMenu li#trNav1 a { background: url(/Content/SiteFiles/images/tracker_nav1.png) top center no-repeat; } #settingsMenu li#trNav2 a { background: url(/Content/SiteFiles/images/tracker_nav2.png) top center no-repeat; } #settingsMenu li#trNav3 a { background: url(/Content/SiteFiles/images/tracker_nav3.png) top center no-repeat; } #settingsMenu li#trNav4 a { background: url(/Content/SiteFiles/images/tracker_nav4.png) top center no-repeat; } #settingsMenu li#trNav1.current a { background: url(/Content/SiteFiles/images/tracker_nav1c.png) top center no-repeat; } #settingsMenu li#trNav2.current a { background: url(/Content/SiteFiles/images/tracker_nav2c.png) top center no-repeat; } #settingsMenu li#trNav3.current a { background: url(/Content/SiteFiles/images/tracker_nav3c.png) top center no-repeat; } #settingsMenu li#trNav4.current a { background: url(/Content/SiteFiles/images/tracker_nav4c.png) top center no-repeat; } #settingsMenu li.current a { /*color: #f1511a !important;*/ color: #db6f26 !important; } #settingsMenu li a { font-family: "dcc_ashregular"; font-size: 30px; padding-top: 75px; display: inline-block; font-weight: normal; color: #f2f2f2; letter-spacing: 1px; width: 180px; text-align: center; } #trackerMenu li a:hover { opacity: 0.8; } /**************************************** TRACKER -> STATS ****************************************/ .trackerHeader #hLine03 { height: 135px; padding-bottom: 20px; } #trackerMenu { width: 100%; text-align: center; } #trackerMenu li { display: inline-block; height: 70px; margin: 1% 2%; } #trackerMenu li#trNav1 a { background: url(/Content/SiteFiles/images/tracker_nav1.png) top center no-repeat; } #trackerMenu li#trNav2 a { background: url(/Content/SiteFiles/images/tracker_nav2.png) top center no-repeat; } #trackerMenu li#trNav3 a { background: url(/Content/SiteFiles/images/tracker_nav3.png) top center no-repeat; } #trackerMenu li#trNav4 a { background: url(/Content/SiteFiles/images/tracker_nav4.png) top center no-repeat; } #trackerMenu li#trNav1.current a { background: url(/Content/SiteFiles/images/tracker_nav1c.png) top center no-repeat; } #trackerMenu li#trNav2.current a { background: url(/Content/SiteFiles/images/tracker_nav2c.png) top center no-repeat; } #trackerMenu li#trNav3.current a { background: url(/Content/SiteFiles/images/tracker_nav3c.png) top center no-repeat; } #trackerMenu li#trNav4.current a { background: url(/Content/SiteFiles/images/tracker_nav4c.png) top center no-repeat; } #trackerMenu li.current a { /*color: #f1511a !important;*/ color: #db6f26 !important; } #trackerMenu li a { font-family: "dcc_ashregular"; font-size: 30px; padding-top: 75px; display: inline-block; font-weight: normal; color: #f2f2f2; letter-spacing: 1px; width: 180px; text-align: center; } #trackerMenu li a:hover { opacity: 0.8; } #statsSection, #profileSection { padding: 20px 0px; } .resp-tabs-container h2 { font-family: "dcc_ashregular"; font-size: 50px; font-weight: normal; color: #2ba9e0; letter-spacing: 1px; width: 100%; text-align: center; } #woTypeList { width: 100%; text-align: center; } #woTypeList input[type=radio].css-checkbox { display: none; } #woTypeList label { font-family: "dcc_ashregular"; font-size: 16px; font-weight: normal; color: #cacaca; letter-spacing: 1px; } #woTypeList input[type=radio].css-checkbox + label.css-label { padding-left: 22px; height: 16px; display: inline-block; line-height: 16px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; margin-left: 10px; } #woTypeList input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -16px; } #woTypeList label.css-label { background-image: url(/Content/SiteFiles/images/radioButtons.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .summaryInfo { width: 530px; margin: 20px auto; } .woInfo { margin: 20px auto; } .woInfo img { width: 18px; margin-right: 15px; } .summaryInfo h6, .woInfo h6 { width: 350px; font-family: "dcc_ashregular"; font-size: 26px; font-weight: normal; color: #cacaca; letter-spacing: 1px; text-align: right; display: inline-block; } .summaryInfo span, .woInfo span { font-family: "dcc_ashregular"; font-size: 26px; font-weight: normal; letter-spacing: 1px; margin-left: 15px; color: #2ba9e0; } .lineArea { width: 100%; margin: 0 auto; margin-bottom: 20px; } .pieArea { width: 580px; margin: 0 auto; margin-top: 20px; } .pieArea text { font-family: "dcc_ashregular" !important; font-size: 21px !important; font-weight: normal !important; letter-spacing: 1px !important; } .pie { float: left; } .pieZoneInfo { padding-top: 30px; font-size: 26px; font-weight: normal; letter-spacing: 1px; color: white; } .pieZoneInfo img { margin-right: 5px; } .mobilePieArea { display: none; } .mobilePieArea figure { display: inline-block; text-align: center; } .mobilePieArea .green { color: #259b2b !important; } .mobilePieArea .orange { color: #db6f26 !important; } .mobilePieArea h4 { font-family: "dcc_ashregular"; font-size: 32px; font-weight: normal; letter-spacing: 1px; margin-left: 15px; } .mobilePieArea h5 { font-family: "dcc_ashregular"; font-size: 22px; font-weight: normal; letter-spacing: 1px; margin-left: 15px; } /************************************ MEASUREMENTS ***************************************/ #measurementsSection { padding: 20px 0px; } #measurementsSection li span { width: 42px; height: 42px; display: block; float: left; } #measurementsSection #verticalTab { } #measurementsSection .resp-tabs-list li { width: 160px; } #measurementsSection .resp-vtabs ul.resp-tabs-list { width: 180px; } #measurementsSection .resp-tabs-list h4 { display: block; float: left; margin-top: 12px; margin-left: 10px; color: #2ba9e0; font-size: 16px; } #measurementsSection h2.resp-accordion h4 { line-height: 46px; } #measurementsSection .resp-vtabs li.resp-tab-active h4 { color: #000; } #measurementsSection h2.resp-accordion { padding: 0px; } #m1 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: 0px 0px; } .resp-vtabs li.resp-tab-active #m1 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: -42px 0px; } #m2 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: 0px -42px; } .resp-vtabs li.resp-tab-active #m2 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: -42px -42px; } #m3 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: 0px -84px; } .resp-vtabs li.resp-tab-active #m3 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: -42px -84px; } #m4 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: 0px -126px; } .resp-vtabs li.resp-tab-active #m4 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: -42px -126px; } #m5 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: 0px -168px; } .resp-vtabs li.resp-tab-active #m5 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: -42px -168px; } #m6 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: 0px -210px; } .resp-vtabs li.resp-tab-active #m6 { background: url(/Content/SiteFiles/images/subMenuSprite.png) no-repeat; background-position: -42px -210px; } /*************************************** MEASUREMENTS -> WEIGHT *************************************/ #measurementsSection .resp-vtabs .resp-tabs-container { width: 78%; } #measurementsSection .resp-tab-content { padding: 0; } .tabHeadContainer { width: 97%; } .tabHead { width: 285px; float: right; } .tabHead h1 { font-family: "dcc_ashregular"; font-size: 32px; font-weight: normal; color: #2ba9e0; letter-spacing: 1px; text-align: right; margin-bottom: -15px; } .tabHead span { font-size: 12px; font-family: "DinProMedium"; color: #bebebe; padding-left: 60px; height: 40px; padding-top: 18px; display: block; background: url(/Content/SiteFiles/images/punchBg.png) top left no-repeat; } /*************************** GAUGE BEGIN ***********************/ .gauge-container { width: 600px; text-align: center; margin: 20px auto 0px auto; } .gaugeBox { width: 200px; float: left; text-align: center; margin: 0px 10px; } .gaugeBox .weighInBtn { position: relative; width: 60px; height: 60px; cursor: pointer; border: none; background: url(/Content/SiteFiles/images/weightButton.png); background-size: 60px 60px; z-index: 2; margin: 0 auto; } .gaugeBox input[type="text"] { display: block; font-family: "dcc_ashregular"; font-weight: normal; color: #ccc; position: relative; text-align: center; border: none; background: none; font-size: 90px; width: 120px; line-height: 90px; height: 90px; margin: 0 auto; top: 15px; } #gauge2 { width: 100%; margin-top: -130px; } #gauge1, #gauge3 { width: 70%; margin-top: -25px; margin-left: 15%; margin-bottom: -25px; } .small { width: 170px; } .small input[type="text"] { font-size: 50px; width: 125px; line-height: 50px; height: 50px; top: 100px; } .small .weighInBtn { width: 22px; height: 22px; cursor: pointer; border: none; background: url(/Content/SiteFiles/images/editButton2.png); background-size: 22px 22px; z-index: 2; display: inline-block; float: left; margin-left: 158px; margin-top: -23px; } .small #wi3 { margin-left: 140px; } .gaugeBox h5 { text-align: center; width: 100%; font-family: "dcc_ashregular"; font-size: 38px; letter-spacing: 2px; text-shadow: 0 0 20px rgba(206,126,70,0.6); font-weight: normal; color: #ccc; } .gaugeBox h6 { text-shadow: 0 0 20px rgba(206,126,70,0.6); font-family: "dcc_ashregular"; font-size: 20px; letter-spacing: 1px; font-weight: normal; color: #ccc; text-align: center; width: 100%; } .gaugeBox span.weightLoss { text-align: center; width: 100%; font-family: DinProMedium; font-weight: lighter; font-size: 24px; color: #949494; } .gaugeBox span.date { text-align: center; width: 100%; font-family: DinProMedium; font-weight: lighter; font-size: 14px; color: #949494; margin-left: 10px; } .gaugeBox span.bmi { text-align: center; width: 100%; font-family: D-DINCondensed; font-weight: lighter; font-size: 20px; color: #949494; } /*************************** GAUGE END ***********************/ .weightTab .lineArea { width: 85%; float: left; margin-top: 20px; } .weightTab .lineArea ul { width: 100%; text-align: right; } .weightTab .lineArea ul li { display: inline; list-style-type: none; } .weightTab .lineArea ul li button { font-family: DinProMedium; font-size: 12px; color: #949494; background: transparent; border: none; cursor: pointer; font-weight: lighter; padding: 0; margin: 0px 2px; } .weightTab .lineArea ul li button.chosen { border-bottom: solid 1px #2ba9e0; } .weightTab .rightInfo { float: right; width: 85px; height: auto; margin-top: 60px; } .weightTab .rightInfo h4 { display: block; font-family: DinProMedium; font-size: 14px; color: #949494; font-weight: lighter; padding-left: 7px; } .weightTab .rightInfo span { display: block; font-family: DinProMedium; font-size: 12px; color: #2ba9e0; font-weight: lighter; padding-left: 7px; padding-top: 3px; } .weightTab .rightInfo hr { background: #222; } /************************************ BLOOD PRESSURE TAB ***************************************/ .bloodPressureTab { } .bloodPressureTab .tabHead { width: 395px; } .pressureBox { width: 95%; margin-top: 25px; margin-left: 5%; } .pressureBox .updateButton { float: left; width: 80px; height: 80px; cursor: pointer; border: none; background: url(/Content/SiteFiles/images/updateButton.png); background-size: 80px 80px; margin-top: 75px; } .pressureBox .pressureInfo { float: left; width: 120px; } .pressureBox .pressureInfo h6 { font-family: dcc_ashregular; font-size: 24px; color: #ccc; display: block; font-weight: normal; text-align: center; letter-spacing: 1px; } .pressureBox .pressureInfo span { font-family: DinProMedium; font-size: 12px; color: #949494; display: block; font-weight: lighter; text-align: center; } .pressureBox input[type="text"] { display: block; font-family: "dcc_ashregular"; font-weight: normal; color: #db6f26; text-align: center; border: none; background: none; font-size: 64px; width: 78px; line-height: 64px; height: 64px; margin: 0 auto; } .pressureBottom h6 { font-family: dcc_ashregular; font-size: 24px; color: #ccc; display: block; font-weight: normal; text-align: right; letter-spacing: 2px; line-height: 24px; height: 24px; margin-right: 8%; } .pressureBottom span { font-family: DinProMedium; font-size: 14px; color: #949494; display: block; font-weight: lighter; text-align: right; margin-right: 9%; } .pressureBottom h5 { font-family: dcc_ashregular; font-size: 74px; color: #db6f26; display: block; font-weight: normal; text-align: right; line-height: 64px; height: 64px; letter-spacing: 3px; margin-right: 8%; margin-bottom: 15px; } .pressureBox .pressureLineArea { width: 60%; float: left; margin-left: 3%; } .timePicker { width: 100%; text-align: right; } .timePicker li { display: inline; list-style-type: none; } .timePicker li button { font-family: DinProMedium; font-size: 12px; color: #949494; background: transparent; border: none; cursor: pointer; font-weight: lighter; padding: 0; margin: 0px 2px; } .timePicker li button.chosen { border-bottom: solid 1px #2ba9e0; } .timePicker#pushBottom { position: relative; margin-bottom: -30px; z-index: 3; } #beforeMealLine { z-index: 2 !important; } /************************************ BLOOD SUGAR TAB ***************************************/ .bloodSugarTab .tabHeadContainer { height: 150px; } .bloodSugarTab .tabHead { width: 100%; } .bloodSugarTab .tabHead .thLeft { width: 45%; float: left; height: 150px; text-align: left; margin-left: 5%; } .bloodSugarTab .tabHead .thLeft h1 { font-size: 45px; text-align: left; color: #aaa; line-height: 42px; } #diabetesRadio { width: 250px; text-align: left; margin-top: 15px; } #diabetesRadio input[type=radio].css-checkbox { display: none; } #diabetesRadio input[type=radio].css-checkbox + label.css-label { display: inline-block; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; font-family: dcc_ashregular; color: #ddd; letter-spacing: 1px; padding-left: 26px; height: 18px; line-height: 18px; padding-top: 12px; padding-right: 7px; background-position: 0 0; background-size: 32px 60px; font-size: 18px; } #diabetesRadio input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -30px; } #diabetesRadio label.css-label { background-image: url(/Content/SiteFiles/images/check_box3.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bloodSugarTab .tabHead .thRight { width: 50%; float: right; } .sugarBox { width: 95%; margin-bottom: 20px; margin-left: 5%; } .sugarBox .updateButton { float: left; width: 100px; height: 100px; cursor: pointer; border: none; background: url(/Content/SiteFiles/images/updateButton.png); background-size: 100px 100px; margin-top: 40px; } .sugarBox .sugarInfo { float: left; width: 100px; margin-top: 40px; } .sugarBox .sugarInfo h6 { font-family: dcc_ashregular; font-size: 36px; color: #db6f26; display: block; font-weight: normal; text-align: center; letter-spacing: 1px; } .sugarBox .sugarInfo span { font-family: DinProMedium; font-size: 12px; color: #949494; display: block; font-weight: lighter; text-align: center; } .sugarBox input[type="text"] { display: block; font-family: "dcc_ashregular"; font-weight: normal; color: #db6f26; text-align: center; border: none; background: none; font-size: 64px; width: 100px; line-height: 64px; height: 64px; margin: 0 auto; } .sugarNote { width: 90%; margin-top: 40px; margin-left: 5%; } .sugarNote h6 { font-family: dcc_ashregular; font-size: 30px; color: #db6f26; display: block; font-weight: normal; letter-spacing: 2px; line-height: 24px; height: 24px; } .sugarNote p { font-family: DinProMedium; font-size: 14px; color: #949494; display: block; font-weight: lighter; padding-top: 8px; } .sugarBox .sugarLineArea { width: 60%; float: left; margin-left: 3%; } /************************************* A1C TAB ****************************************************/ .a1cTab .tabHeadContainer { height: auto; } .a1cTab .tabHead { width: 100%; } .a1cTab .tabHead .thLeft { width: 40%; float: left; height: auto; text-align: left; margin-left: 10%; } .a1cTab .tabHead .thLeft h1 { font-size: 55px; text-align: left; color: #aaa; letter-spacing: 3px; line-height: 50px; } .a1cTab .tabHead .thLeft h2 { font-size: 55px; text-align: left; color: #aaa; letter-spacing: 3px; line-height: 50px; display: none; } #a1cRadio { width: 250px; text-align: left; margin-top: 15px; } #a1cRadio input[type=radio].css-checkbox { display: none; } #a1cRadio input[type=radio].css-checkbox + label.css-label { display: inline-block; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; font-family: dcc_ashregular; color: #ddd; letter-spacing: 1px; padding-left: 26px; height: 18px; line-height: 18px; padding-top: 12px; padding-right: 7px; background-position: 0 0; background-size: 32px 60px; font-size: 18px; } #a1cRadio input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -30px; } #a1cRadio label.css-label { background-image: url(/Content/SiteFiles/images/check_box3.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .a1cTab .tabHead .thRight { width: 50%; float: right; } .a1cRight { float: right; width: 100%; } .a1cRight .updateButton { float: left; width: 100px; height: 100px; cursor: pointer; border: none; background: url(/Content/SiteFiles/images/updateButton.png); background-size: 100px 100px; margin-top: 15px; } .a1cRight .a1cInfo { float: left; width: 230px; } .a1cRight .a1cInfo h6 { font-family: dcc_ashregular; font-size: 33px; color: #aaa; display: block; float: left; font-weight: normal; text-align: center; letter-spacing: 1px; margin-left: 20px; } .a1cRight .a1cInfo h5 { display: block; font-family: "dcc_ashregular"; font-weight: normal; color: #db6f26; font-size: 110px; line-height: 110px; height: 110px; float: left; } .a1cRight .a1cInfo span { font-family: DinProMedium; font-size: 12px; color: #949494; display: block; font-weight: lighter; text-align: center; } .a1cRight input[type="text"] { display: block; font-family: "dcc_ashregular"; font-weight: normal; color: #db6f26; text-align: center; border: none; background: none; font-size: 110px; width: 140px; line-height: 110px; height: 110px; letter-spacing: 2px; float: left; } .a1cContent { width: 95%; margin-bottom: 20px; margin-left: 5%; } .a1cNote { width: 95%; margin: 20px 0px 20px 5%; } .a1cNote h6 { font-family: dcc_ashregular; font-size: 30px; color: #db6f26; display: block; font-weight: normal; letter-spacing: 2px; line-height: 24px; height: 24px; } .a1cNote p { font-family: DinProMedium; font-size: 14px; color: #949494; display: block; font-weight: lighter; padding-top: 8px; } .a1cContent .a1cLineArea { width: 96%; margin-left: 4%; } /************************************ MEASUREMENTS MEASUREMENTS TAB ***************************************/ .measurementsTab { } .tabLeft { width: 40%; float: left; height: auto; margin-left: 5%; } .tabLeft span { width: 70%; font-size: 12px; font-family: "DinProMedium"; color: #bebebe; padding-left: 60px; height: 40px; padding-top: 18px; display: block; background: url(/Content/SiteFiles/images/punchBg.png) top left no-repeat; } .tabLeft .humanBodyContainer { width: 100%; height: 580px; background-size: 230px 466px; overflow: hidden; background-position: 0 0; background: url(/Content/SiteFiles/images/bodyMaleFront.png) 20px 20px no-repeat; } .tabLeft .humanBodyContainer button { display: block; border: none; cursor: pointer; position: relative; } .tabLeft .humanBodyContainer .edit1 { width: 52px; height: 52px; background: url(/Content/SiteFiles/images/editButton3.png); color: transparent; } .tabLeft .humanBodyContainer .edit2 { width: 52px; height: 52px; background: url(/Content/SiteFiles/images/hipSmall.png); font-family: "dcc_ashregular"; font-size: 17px; font-weight: normal; color: #2ba9e0; letter-spacing: 1px; text-align: center; } .tabLeft .humanBodyContainer #measurement1 { left: 45px; top: 120px; } .tabLeft .humanBodyContainer #measurement2 { left: 110px; top: 48px; } .tabLeft .humanBodyContainer #measurement3 { left: 173px; top: 15px; } .tabLeft .humanBodyContainer #measurement4 { left: 110px; top: 3px; } .tabLeft .humanBodyContainer #measurement5 { left: 110px; top: 10px; } .tabLeft .humanBodyContainer #measurement6 { left: 65px; top: 5px; } .tabLeft .humanBodyContainer #measurement7 { left: 155px; top: -45px; } .tabLeft .humanBodyContainer #measurement8 { left: 70px; top: 0px; } .tabLeft .humanBodyContainer #measurement9 { left: 150px; top: -52px; } .popupCircle { width: 154px; height: 156px; background: url(/Content/SiteFiles/images/hipLarge.png); text-align: center; padding: 0; position: relative; z-index: 9999; top: -45px; left: 56px; z-index: 9999; } .popupCircle span { background: transparent; padding: 0; padding-top: 35px; width: 154px; text-align: center; height: 20px; } .popupCircle input[type=text] { width: 85px; padding: 0px; font-family: "dcc_ashregular"; font-size: 50px; font-weight: normal; color: #2ba9e0; letter-spacing: 1px; text-align: center; line-height: 50px; float: none; background: transparent; border: none; margin-left: 25px; } .popupCircle h4, .popupCircle i { font-family: "dcc_ashregular" !important; font-size: 40px; font-weight: normal; color: #2ba9e0; line-height: 50px; float: left; padding: 0; display: inline; font-style: normal; letter-spacing: 1px; text-align: center; } .popupCircle h4 { width: 82px; margin-left: 30px; } .popupCircle i { width: 5px; } .tabRight { width: 55%; float: left; height: auto; } .tabRight h1 { width: 100%; font-family: "dcc_ashregular"; font-size: 32px; font-weight: normal; color: #2ba9e0; letter-spacing: 1px; text-align: right; } .tabRight .tabRightMiddle { width: 100%; margin-top: 40px; } .tabRight .tabRightMiddle #updateButton { float: right; width: 120px; height: 120px; cursor: pointer; border: none; background: url(/Content/SiteFiles/images/updateButton.png); background-size: 120px 120px; margin-top: 0px; } .tabRight .tabRightMiddle .measurementInfo { float: right; } .tabRight .tabRightMiddle h5, .tabRight .tabRightMiddle i { display: inline; font-family: "dcc_ashregular"; font-size: 42px; font-weight: normal; color: #db6f26; letter-spacing: 1px; font-style: normal; } .tabRight .tabRightMiddle i { color: #ccc; } .tabRight .tabRightMiddle input[type=text] { width: 92px; padding: 0px; font-family: "dcc_ashregular"; font-size: 42px; font-weight: normal; color: #ccc; letter-spacing: 1px; text-align: center; line-height: 42px; display: inline; margin-left: 10px; background: transparent; border: none; } .tabRight .tabRightMiddle input[type=text].smaller { width: 50px; } .tabRight .tabRightMiddle .measurementInfo .smaller { font-size: 20px; line-height: 25px; margin-top: 20px; } .tabRight .tabRightBottom { width: 100%; margin-top: 50px; } .tabRight .tabRightBottom h5 { width: 80%; font-family: "dcc_ashregular"; font-size: 24px; font-weight: normal; color: #ccc; margin-left: 20px; text-align: left; letter-spacing: 1px; font-style: normal; } .historicalGraph { width: 100%; margin-top: 30px; } .historicalGraph ul { width: 100%; text-align: right; } .historicalGraph ul li { display: inline; list-style-type: none; } .historicalGraph ul li button { font-family: DinProMedium; font-size: 12px; color: #949494; background: transparent; border: none; cursor: pointer; font-weight: lighter; padding: 0; margin: 0px 2px; } .historicalGraph ul li button.chosen { border-bottom: solid 1px #2ba9e0; } #respH1 { display: none; } /************************************ PAIN MANAGEMENT TAB ***************************************/ .injuriesTab .tabLeft span { width: 80%; height: auto; margin-bottom: 20px; } .injuriesTab figure { width: 230px; text-align: center; margin-left: 20px; } #rotateBtn { width: 59px; height: 43px; background: url(/Content/SiteFiles/images/rotateBtn.png); border: none; cursor: pointer; } .injuriesTab .tabLeft .humanBodyContainer button { display: block; border: none; cursor: pointer; position: relative; } .injuriesTab .tabLeft .humanBodyContainer .circle { width: 32px; height: 32px; border-radius: 16px; opacity: 0.8; color: #fff; font-size: 18px; background: #2ba9e0; font-family: DinProMedium; } .injuriesTab .tabLeft .humanBodyContainer .circle:hover { opacity: 1; } .injuriesTab .tabLeft .humanBodyContainer .green { background: #227f2c; } .injuriesTab .tabLeft .humanBodyContainer .red { background: #a61c1c; } .injuriesTab .tabLeft .humanBodyContainer .backButtons { display: none; } #p1 { left: 120px; top: 8px; } #p2 { left: 65px; top: 55px; } #p3 { left: 175px; top: 23px; } #p4 { left: 120px; top: 30px; } #p5 { left: 55px; top: 35px; } #p6 { left: 183px; top: 0px; } #p7 { left: 120px; top: 5px; } #p8 { left: 35px; top: 0px; } #p9 { left: 80px; top: -32px; } #p10 { left: 159px; top: -65px; } #p11 { left: 203px; top: -98px; } #p12 { left: 92px; top: -20px; } #p13 { left: 146px; top: -52px; } #p14 { left: 90px; top: 15px; } #p15 { left: 150px; top: -18px; } #p16 { left: 120px; top: 70px; } .injuriesTab .tabLeft .humanBodyContainer { height: 500px; overflow: hidden; } .injuriesTab .tabRight .tabRightMiddle { margin-top: 20px; } .injuriesTab .historicalGraph { margin-top: 10px; } .tabRight #painManagement h5 { width: 80%; font-family: "dcc_ashregular"; font-size: 24px; font-weight: normal; color: #ccc; margin-left: 20px; text-align: left; letter-spacing: 1px; font-style: normal; } .tabRight #userNotesConteiner { margin-top: 20px; } .tabRight #userNotesConteiner h4 { width: 80%; font-family: "dcc_ashregular"; font-size: 24px; font-weight: normal; color: #db6f26; margin-left: 20px; text-align: left; letter-spacing: 1px; font-style: normal; margin-left: 0; } .tabRight #userNotesConteiner ul { display: block; width: 100%; height: auto; max-height: 180px; overflow-y: auto; overflow-x: hidden; } .tabRight #userNotesConteiner ul li { list-style-type: none; display: block; width: 94%; font-family: DinProMedium; font-size: 12px; color: #999; font-weight: lighter; height: auto; padding-left: 0; margin-left: 3%; padding-top: 10px; } #addNoteBtn { margin-top: 20px; margin-left: 1%; width: 119px; height: 50px; cursor: pointer; background: url(/Content/SiteFiles/images/addNoteBtn.png); border: 0; } #addNoteBtn:hover { opacity: 0.7; } input[type=number] { -moz-appearance: textfield; } /* hides the spin-button for chrome*/ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .painUpdate { width: 225px; height: 60px; text-align: center; display: block; background: transparent; padding: 0; position: absolute; z-index: 2; bottom: 320px; /* LOOK JS CODE */ left: 60px; } .painUpdate i { font-style: normal; font-size: 14px; font-family: D-DINCondensed; font-weight: normal; color: #2ba9e0; position: absolute; top: -20px; left: 83px; background: transparent; } .painUpdate .greyBg { background: #222; width: 135px; height: 100%; position: absolute; left: 82px; top: 0; float: left; border: solid 3px #444; } .painUpdateBtn { width: 32px; height: 32px; cursor: pointer; border: 0; position: absolute; float: left; } .painUpdate .updateButton { float: left; width: 90px; height: 90px; cursor: pointer; position: absolute; display: block; border: none; background: url(/Content/SiteFiles/images/updateButton.png); background-size: 90px 90px; margin-top: 0px; top: -8px; } .painUpdateTxt { position: absolute; top: -10px; left: 38px; display: block; height: 75px; width: 60px; text-align: center; font-size: 65px; font-family: dcc_ashregular; color: #f2f2f2; background: transparent; border: none; z-index: 3; } #incPain { top: 14px; left: 10px; background: url(/Content/SiteFiles/images/incPain.png); } #decPain { top: 14px; left: 62px; background: url(/Content/SiteFiles/images/decPain.png); } /************************************ DASHBOARD ***************************************/ #dashboard { background: transparent; box-shadow: none; border: none; padding: 20px 0px; } #dashboard .dashLeft { width: 420px; margin-right: 20px; margin-left: 20px; height: auto; float: left; } #dashboard .dashLeft img, #dashboard .dashLeft .videoImage { width: 100%; max-height: 237px; height: 237px; } #dashboard .dashLeft h4 { font-size: 24px; font-family: D-DINCondensed; font-weight: lighter; color: #000; line-height: 50px; height: 50px; padding-left: 5%; margin: -5px 0px 10px 0px; width: 95%; background: #2899ca; } #dashboard .dashLeft h4 span { font-family: D-DINCondensed; color: #fff; font-weight: lighter; } #dashboard .owl-wrapper { width: 100% !important; } #dashboard .owl-carousel { width: 100% !important; } #dashboard .owl-carousel .owl-item { float: none; width: 100% !important; } #dashboard #owl-demo .item { margin: 0; } #dashboard #owl-demo .item a { font-family: "DinProMedium"; font-size: 15px; font-weight: lighter; color: #444; width: 95%; padding-left: 10px; margin: 5px 1%; float: none; height: 50px; line-height: 50px; background: #a3a3a3; letter-spacing: 0px; display: block; } #dashboard #owl-demo .item a span { float: right; margin-right: 15px; font-family: 'Arial'; font-size: 18px; line-height: 50px; color: #444; } #dashboard #owl-demo .item a i { width: 20px; height: 22px; float: left; display: block; background: url(/Content/SiteFiles/images/calendarIcon.png) center center no-repeat; line-height: 50px; height: 50px; margin-right: 20px; margin-left: 5px; } #dashboard #owl-demo .item li { margin-bottom: 4px; } #dashboard #owl-demo .item .workoutName { width: 81%; padding-left: 15px; line-height: 45px !important; } #dashboard #owl-demo .item span { font-size: 14px; height: 45px; line-height: 45px; } #dashboard #owl-demo .item .current { box-shadow: none; background-color: #f1511a; } #dashboard #owl-demo .item .workoutDay { width: 12%; margin-left: 1% !important; } #dashboard .diffDark span { background-color: #121212; } #dashboard .diffLight span { background-color: rgba(89,89,89,0.7); } #dashboard figure { cursor: pointer; } .dashRight { width: 400px; height: auto; float: right; margin-right: 10px; } #dashboard img, #dashboard .videoImage { cursor: pointer; } .dashRight .ddpNews { height: auto; margin-bottom: 10px; background: url(/Content/SiteFiles/images/ddpNewsBg.png) top left no-repeat; background-size: auto 100px; } .dashRight .ddpNews img, .dashRight .ddpAlarm img, .dashRight .ddpNews .videoImage, .dashRight .ddpAlarm .videoImage { width: 80%; float: left; margin: 58px 0px 0px 32px; } .dashRight .ddpTv img, .dashRight .ddpTv .videoImage { margin-left: 10px; width: 80%; } .dashRight .ddpAlarm img, .dashRight .ddpAlarm .videoImage { margin-top: 63px; } .dashRight .rBox span.videoName { width: 75%; float: left; margin-top: -40px; margin-left: 32px; font: lighter 23px D-DINCondensed; background: rgba(0,0,0,0.6); display: block; padding: 5px 0px 0px 5%; height: 35px; position: relative; z-index: 9999; color: #f2f2f2; line-height: 30px; display: inline-block; overflow: hidden; } .dashRight .rBox img, .dashRight .rBox .videoImage { max-height: 181px; height: 181px; } .dashRight .ddpTv { height: auto; background: url(/Content/SiteFiles/images/ddpTvBg.png) top left no-repeat; background-size: auto 117px; } .dashRight .ddpTv img { width: 80%; float: left; margin: 92px 0px 0px 32px; } .dashRight .ddpTv #video-player { width: 80%; float: left; margin: 92px 0px 0px 22px; } .dashRight .ddpAlarm { background: url(/Content/SiteFiles/images/ddpAlarmBg3.png) top left no-repeat; background-size: auto 115px; margin-left: 0px; margin-top: 10px; height: 300px; } .ddpAlarm a { float: left; display: block; } .ddpAlarm img.apps { width: auto !important; height: 38px !important; margin: 17px 20px 0px 0px !important; } .ddpAlarm img.gplay { width: auto !important; height: 48px !important; margin: 15px 0px 0px 0px !important; } .ddpAlarm i { float: left; width: 120px; font-style: normal; font-size: 18px; display: block; margin: 10px 0px 0px 28px; } /************************************ PROGRESS PICTURES ***************************************/ .progressPics { padding: 15px 0px; } .progressPics h1 { font: normal 50px dcc_ashregular; text-align: right; color: #da6e26; margin-right: 30px; } .galleryTop { height: 36px; width: 100%; margin-top: 20px; } .galleryTop .leftAside { float: left; } button.seeAll { color: #535353; border: solid 3px #535353; border-radius: 5px; font: normal 20px dcc_ashregular; padding: 4px 30px 4px 10px; opacity: 0.5; background: url(/Content/SiteFiles/images/seeAllBg.png) 65px 3px no-repeat; background-size: 24px 24px; cursor: pointer; left: 80%; float: right; margin: 6px 0px 0px 20px; line-height: 20px; } button.collapse { color: #535353; border: solid 3px #535353; border-radius: 5px; font: normal 20px dcc_ashregular; padding: 4px 10px 4px 10px; float: right; margin: 6px 0px 0px 20px; background: transparent; opacity: 0.5; cursor: pointer; line-height: 20px; } .galleryTop h4 { font: normal 36px dcc_ashregular; line-height: 45px; color: #2ba9e0; display: inline-block; margin-left: 30px; float: left; } .galleryTop .rightAside { float: right; display: inline-block; height: 30px; margin-right: 30px; } .galleryTop .rightAside button { vertical-align: middle; border: none; cursor: pointer; } .galleryTop .rightAside .shareBtn { background: url(/Content/SiteFiles/images/shareBtn.png) no-repeat; width: 166px; height: 20px; background-size: auto 20px; margin-right: 10px; } .galleryTop .rightAside .uploadBtn { background: url(/Content/SiteFiles/images/uploadBtn.png) no-repeat; width: 45px; height: 30px; background-size: auto 30px; margin-right: 5px; } .galleryTop .rightAside .pictureBtn { background: url(/Content/SiteFiles/images/pictureBtn.png) no-repeat; width: 50px; height: 30px; background-size: auto 30px; } .progressCarousel { width: 84%; height: 221px; padding: 10px 8%; margin: 10px auto 10px auto; } .progressCarousel .owl-carousel .item { background: #fff; box-shadow: none; border: none; min-height: 210px; max-width: 90%; padding: 5px; margin: 0 5%; } .progressCarousel .owl-carousel .item .imgContainer { width: 100%; height: 176px; overflow: hidden; display: block; background: #000; } .progressCarousel .owl-carousel .item img.proPic { height: 100%; width: 100%; margin: 0 auto; display: block; object-fit: contain; } .progressCarousel .owl-carousel .item .imgContainer .uploadBtn { display: block; background: url(/Content/SiteFiles/images/uploadBtn.png) no-repeat; width: 60px; height: 40px; background-size: auto 40px; cursor: pointer; border: none; opacity: 0.6; margin: 66px auto 0px auto; } .progressCarousel a.prev { float: left; margin-top: -130px; margin-left: -45px; cursor: pointer; } .progressCarousel a.next { float: right; margin-top: -130px; margin-right: -45px; cursor: pointer; } .proInfo { width: 100%; text-align: center; height: 35px; } .proInfo input[type=checkbox].css-checkbox { display: none; } .proInfo input[type=checkbox].css-checkbox + label.css-label { height: 26px; display: block; background-position: 0 0; cursor: pointer; padding-top: 0px; background-repeat: no-repeat; float: left; margin-top: 6px; } .proInfo input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -26px; background-repeat: no-repeat; } .proInfo label.css-label { background: url(/Content/SiteFiles/images/checkBlue.png); background-size: 30px 52px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .proInfo h5 { height: 30px; font: normal 20px dcc_ashregular; color: #b5b5b5; display: block; float: left; text-align: center; margin-top: 9px; margin-left: 23%; } .proInfo .deleteBtn { width: 20px !important; height: 20px !important; border: none; cursor: pointer; background: url(/Content/SiteFiles/images/deleteBtn.png) !important; background-size: 20px 20px !important; display: block; float: right; margin-top: 10px; } /*button.rightSide { display: block; position: relative; color: #535353; border: solid 3px #535353; border-radius: 5px; font: normal 24px dcc_ashregular; padding: 10px 40px 10px 20px; opacity: 0.5; background: url(/Content/SiteFiles/images/seeAllBg.png) 90px 11px no-repeat; background-size: 24px 24px; cursor: pointer; z-index: 9999; top: -145px; left: 80%; }*/ /*************************TRACKER -> LOGS *********************/ button.deleteWorkoutLog { width: 24px; height: 27px; cursor: pointer; float: right; display: block; background: url(/Content/SiteFiles/images/trashIcon.png); background-size: 24px 27px; border: none; margin: 7px 0px 0px 7px; } /************************ KENDO UPLOAD BEGIN *****************/ .progressPics .k-widget.k-upload.k-header.k-upload-sync.k-upload-empty { float: right !important; width: 45px !important; height: 30px !important; display: block !important; box-shadow: none !important; } .progressPics .k-widget.k-upload.k-header.k-upload-sync, .progressPics .k-dropzone, .progressPics .k-widget.k-upload.k-header { float: right !important; width: 45px !important; height: 30px !important; border: none !important; background: transparent !important; display: block !important; box-shadow: none !important; } .progressPics .k-dropzone em, .progressPics .k-upload-status.k-upload-status-total { display: none !important; } .progressPics .k-dropzone { padding: 0 !important; } .progressPics .uploadIcon { float: right !important; width: 45px !important; height: 30px !important; display: block !important; box-shadow: none !important; } .progressPics .k-upload-button input { position: inherit !important; font: normal 14px DinProMedium !important; width: 45px !important; height: 30px !important; display: block !important; box-shadow: none !important; } .progressPics .k-upload-button { border: none !important; background: url(/Content/SiteFiles/images/uploadBtn.png) no-repeat !important; width: 45px !important; height: 30px !important; background-size: auto 30px !important; margin: -3px 5px 0px 0px !important; min-width: 0px !important; box-shadow: none !important; } .progressPics .k-upload-button span { display: none !important; } /************************ KENDO UPLOAD END *****************/ button.seeAll:hover, button.collapse:hover { opacity: 1; } .workoutsTitle i { color: #2ba9e0; font-style: normal; } /*.woList > ul { margin: 0px; }*/ #ddpTvTitle img { width: 25%; position: relative; z-index: -1; top: -30%; } #nutritionTitle img { width: 50%; position: relative; z-index: -1; top: -10%; } .tvBg { width: 50%; position: absolute; z-index: 1; } .tvPlayer { position: absolute; z-index: 2; width: 45%; } .ddptvWrapper { width: 96%; height: auto; background: url(/Content/SiteFiles/images/texture.png) repeat; float: left; padding: 1% 2%; } .ddptvPlayer { width: 100%; margin-top: 20px; background: url(/Content/SiteFiles/images/video_bg.png); -webkit-backface-visibility: hidden; } .ddptvPlayer .video { overflow: hidden; width: 80%; margin-top: 3%; margin-left: 10%; float: left; background: #000; } .texture { width: 100%; height: auto; padding: 30px 0px 20px 0px; } .ddptvPlayer i { cursor: pointer; } .ddptvPlayer .ddp-icon-favActive { background-image: url(/Content/SiteFiles/images/fav-enabled-big.png); display: inline-block; position: relative; height: 43px; left: 8%; width: 37px; top: 6%; z-index: 999; float: left; margin-left: 20px; margin-right: -57px; } .ddptvPlayer .ddp-icon-favPassive { background-position: 0 -135px; display: inline-block; position: relative; height: 43px; left: 8%; width: 37px; top: 6%; z-index: 999; float: left; margin-left: 20px; margin-right: -57px; } .videoInfo { width: 90%; } .videoInfo { color: #fff; padding-top: 5px; } .videoInfo h1 { font: normal 40px dcc_ashregular; float: left; letter-spacing: 1px; width: 60%; line-height: 35px; margin-left: 6%; text-shadow: 0 0 5px rgba(176,221,241,0.6); } .videoInfo h4 { width: 24%; float: right; text-align: right; letter-spacing: 2px; font: normal 24px dcc_ashregular; margin-top: 20px; } .videoInfo h5 { margin-left: 7%; font: lighter 18px D-DINCondensed; margin-top: 15px; } .videoInfo span { color: #2ba9e0; } .videoInfo p { margin: 10px 0px 0px 7%; padding-bottom: 20px; width: 82%; font: normal 13px DinProMedium; } .toggleMeasurementsButton { background: url(/Content/SiteFiles/images/updateButtonSave.png) !important; background-size: 120px 120px !important; } .toggleSugarButton, .toggleA1CButton { background: url(/Content/SiteFiles/images/updateButtonSave.png) !important; background-size: 100px 100px !important; } .togglePressureButton { background: url(/Content/SiteFiles/images/updateButtonSave.png) !important; background-size: 80px 80px !important; } .toggleWeightButton { background: url(/Content/SiteFiles/images/weightButtonSave.png) !important; background-size: 60px 60px !important; } .horizontalBorder { position: absolute; background: #000; height: 5px; width: 100%; z-index: 4; margin-top: -3px; } .horizontalBorder.bottom { margin-top: -3px; } .verticalBorder { position: absolute; background: #000; height: 348px; width: 5px; z-index: 4; } .verticalBorder.right { top: 0; right: 0; } /********************** SIGN UP *****************************/ #datepick { width: 140px !important; } .darkFormContent input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .pgiftFormContent input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 45px; margin: -1px; padding: 0; border: 0; } .darkFormContent input[type=radio].css-checkbox + label.css-label { padding-left: 25px; height: 18px; display: inline-block; line-height: 18px; background-repeat: no-repeat; background-position: 0 0; font-size: 21px; vertical-align: middle; color: #999; font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif; font-size: 24px; text-align: left; cursor: pointer; } .pgiftFormContent input[type=radio].css-checkbox + label.css-label { padding-left: 25px; height: 18px; display: inline-block; line-height: 18px; background-repeat: no-repeat; background-position: 0 0; font-size: 21px; vertical-align: middle; color: #fff; font-family: D-DINCondensed; font-size: 24px; text-align: left; cursor: pointer; } .darkFormContent input[type=radio].css-checkbox:checked + label.css-label, .pgiftFormContent input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -18px; } .darkFormContent label.css-label { background-image: url(/Content/SiteFiles/images/radio_white.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 36px !important; margin-top: -10px; } .pgiftFormContent label.css-label { background-image: url(/Content/SiteFiles/images/radio_white.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width:100px; margin-top: -10px; } .darkFormContent.basicInfo select, .darkFormContent.payment select { background: transparent; border: none; color: #999; font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif; font-size: 26px; width: 140px; -webkit-appearance: none; -moz-appearance: none; background: url(/Content/SiteFiles/images/dropdown.png) no-repeat right; } .pgiftFormContent select, .signupBasicFormContent select { border: none; font-family: D-DINCondensed; font-size: 26px; -webkit-appearance: none; -moz-appearance: none; background: url(/Content/SiteFiles/images/dropdownWhite.png) no-repeat right; background-color: rgba(0,0,0,0.5) !important; padding: 7px !important; color: white !important; } .darkFormContent.payment select { width: 106px; } .customizeDate { border: none !important; margin-top: -6px !important; background: transparent !important; } .customizeTxt { font-size: 26px !important; padding: 0 !important; height: 28px !important; line-height: 28px !important; color: #999 !important; border: none !important; } .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link { border-radius: 0px !important; } .k-icon.k-i-arrow-e, .k-icon.k-i-arrow-w { margin-top: 3px !important; } .k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next { background: #333; } .customizeFont { font-family: DinProMedium !important; font-size: 12px !important; font-weight: normal; } .k-footer { display: none !important; } /******************************** MESSAGES **************************************/ #messages { padding: 0 !important; color: #ddd; background: transparent; border: none; margin-top: 25px; box-shadow: none; } #messages .settingsBar { color: #ddd; width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: -o-calc(100% - 2px); width: calc(100% - 2px); height: 50px; background-color: rgba(0, 0, 0, 0.76); border-radius: 0; border: 1px solid #222; box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.12) inset, 0 0 100px 50px rgba(255, 255, 255, 0.12) inset; } #messages .settingsBar .iconContainer { /*background-color: rgba(0, 0, 0, 0.6);*/ background: url(/Content/SiteFiles/images/metalBarel.png); width: 98%; margin: 8px 1%; height: 34px; } #messages .settingsBar .iconContainer .editBtn { float: left; cursor: pointer; display: block; width: 34px; height: 34px; border: none; background: url(/Content/SiteFiles/images/edit.png) no-repeat; background-size: 34px 34px; margin-left: 10px; } #messages .settingsBar .iconContainer .iconsRight { float: right; margin-right: 10px; } #messages .settingsBar .iconContainer .iconsRight .trashBtn { margin-top: 5px; display: block; width: 24px; height: 24px; border: none; background: url(/Content/SiteFiles/images/trashIcon.png) no-repeat; background-size: 24px 24px; margin-left: 20px; margin-right: 10px; } #messages .msgContentTop .trashBtn { display: block; width: 30px; height: 30px; cursor: pointer; float: right; margin-top: -50px; border: none; background: url(/Content/SiteFiles/images/trashIcon.png) no-repeat; background-size: 30px 30px; margin-right: 10px; } #messages .settingsBar .iconContainer .iconsRight .prevNext { background: transparent; color: #cdcdcd; font: bold 20px arial; border: none; } #messages .settingsBar .iconContainer .iconsRight button { float: left; cursor: pointer; display: block; height: 34px; } #messages .resp-tabs-container { color: #ddd; width: -moz-calc(70% - 2px); width: -webkit-calc(70% - 2px); width: -o-calc(70% - 2px); width: calc(70% - 2px); background-color: rgba(0, 0, 0, 0.76); border-radius: 0; border: 1px solid #222; float: left; box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.12) inset, 0 0 100px 50px rgba(255, 255, 255, 0.12) inset; } #messages .resp-tabs-list { width: 30% !important; } #messages .resp-arrow { margin-right: 10px; display: none; } #messages .resp-tabs-container h2 { width: 97%; } #messages .resp-tab-item, #messages .resp-tab-active { background-color: rgba(0, 0, 0, 0.76); border-radius: 0; border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; } #messages .resp-tab-item figure { width: 100%; height: 65px; background: url(/Content/SiteFiles/images/metal.png); } #messages .resp-vtabs .resp-tabs-list li { height: 80px; padding: 8px; } #messages h4 { line-height: 26px !important; padding-top: 5px; color: #cdcdcd; font-size: 24px; width: 95%; padding-left: 4%; } #messages figure .msgTitle { font: bold 19px D-DINCondensed; color: #2ba9e0; padding-left: 4%; width: 95%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 30px; padding-top: 2px; letter-spacing: 1px; } #messages span.newMessage { background: url(/Content/SiteFiles/images/newMessage.png); float: right; width: 25px; height: 25px; margin-top: -38px; margin-right: 10px; position: relative; z-index: 10; } #messages .resp-tab-content { padding: 10px; } .msgContent { } .msgContentTop, .msgContentBottom { background-color: rgba(0, 0, 0, 0.6); height: auto; width: 94%; padding: 10px 3%; } .msgContentTop h5 { font: normal 30px dcc_ashregular; letter-spacing: 1px; color: #cdcdcd; } .msgContentTop h6 { font: bold 24px DinProMedium; letter-spacing: 1px; color: #2ba9e0; width: 80%; } .msgContentBottom { margin-top: 7px; padding-bottom: 30px; } .msgContentBottom figure { width: 80%; margin: 20px auto; } /*.msgContentBottom figure img { cursor: pointer; width: 100%; }*/ .msgContentBottom div { /*max-width: 80%; margin: 5px auto; color: #db6f26;*/ font: lighter 18px D-DINCondensed; } #msgEmptyVerticalTab div { min-height: 600px; margin-top: 200px; font-size: 48px; text-align: center; color: black; text-transform: uppercase; } /* .msgContentBottom p span { font: lighter 22px D-DINCondensed; color: #db6f26; } .msgContentBottom p span.txtBlue { font: lighter 18px D-DINCondensed; color: #2ba9e0; margin-top: 15px; display: block; text-indent: 20px; }*/ /****************** NUTRITION DETAIL **********************/ .detailsPageWrapper { margin: 70px 0px 20px 0px; } .detailsLeft { width: 60%; float: left; } div#video_container { width: 100%; background: url(/Content/SiteFiles/images/video_bg.png); text-align: center; } figure#video_player { width: 79%; margin: 0 auto; } figure#video_player img { width: 100%; } .videoInfo.forNutrition { margin-top: 20px; } .videoInfo.forNutrition h1 { float: none; margin-left: 5%; width: 95%; } .videoInfo.forNutrition h4 { float: none; text-align: left; width: 93%; margin-left: 7%; } .videoInfo.forNutrition h5 { font-size: 20px; margin-top: 10px; } .videoInfo.forNutrition p { width: 93%; } .detailsRight { color: #ddd; width: -moz-calc(38% - 2px); width: -webkit-calc(38% - 2px); width: -o-calc(38% - 2px); width: calc(38% - 2px); background-color: rgba(0, 0, 0, 0.76); border-radius: 0; border: 1px solid #222; float: left; margin-left: 2%; min-height: 200px; padding-bottom: 30px; box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.12) inset, 0 0 100px 50px rgba(255, 255, 255, 0.12) inset; } .detailsRight h3 { font: normal 30px dcc_ashregular; color: #cecece; text-align: right; letter-spacing: 1px; } .detailsRight p { font: normal 20px dcc_ashregular; color: #cecece; line-height: 1.8em; padding-top: 25px; letter-spacing: 1px; } .ingredients { width: 80%; padding: 10%; } .addWorkoutPopup { width: 100%; margin: 0 auto; } .addWorkoutPopup .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; margin: 0 auto; width: 90%; } .dashRight a.viewLink { display: block; } .dashRight a.viewLink img { width: 140px; height: 23px; float: right; margin: 10px 50px -30px 0 !important; } h4 i.lockIcon { width: 36px; height: 46px; background: url(/Content/SiteFiles/images/lockIcon.png); background-size: 36px 46px; display: block; float: right; margin-right: 5px; margin-top: 2px; } .rBox i.lockIcon { width: 24px; height: 31px; background: url(/Content/SiteFiles/images/lockIcon.png); background-size: 24px 31px; display: block; float: right; margin-right: 5px; } .static-content { font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif; } .static-content p { margin-bottom: 15px; } .static-content-title { color: #000; font-family: "dcc_ashregular"; font-size: 5vw !important; font-weight: normal; height: 60px; line-height: 0.7; margin: 20px auto; text-align: center; width: 100% !important; } .subscription #hLine03 { height:75px; padding-bottom:0; } .toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:9999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} /* * Kendo UI v2014.1.416 (http://www.telerik.com/kendo-ui) * Copyright 2014 Telerik AD. All rights reserved. * * Kendo UI commercial licenses may be obtained at * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete * If you do not own a commercial license, this file shall be governed by the trial license terms. */ .fake{color:red}.k-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.k-floatwrap:after,.k-slider-items:after,.k-grid-toolbar:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden}.k-floatwrap,.k-slider-items,.k-grid-toolbar{display:inline-block}.k-floatwrap,.k-slider-items,.k-grid-toolbar{display:block}.k-block,.k-button,.k-header,.k-grid-header,.k-toolbar,.k-grouping-header,.k-tooltip,.k-pager-wrap,.k-tabstrip-items .k-item,.k-link.k-state-hover,.k-textbox,.k-textbox:hover,.k-autocomplete,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap,.k-autocomplete.k-state-hover,.k-dropdown-wrap.k-state-hover,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-draghandle{background-repeat:repeat;background-position:0 center}.k-link:hover{text-decoration:none}.k-state-highlight>.k-link{color:inherit}.k-textbox>input,.k-input[type="text"],.k-input[type="number"],.k-textbox,.k-picker-wrap .k-input,.k-button{font-size:100%;font-family:inherit;border-style:solid;border-width:1px;-webkit-appearance:none}.k-widget,.k-block,.k-inline-block,.k-draghandle{border-style:solid;border-width:1px;-webkit-appearance:none}.k-block,.k-widget{line-height:normal;outline:0}.k-block{padding:2px}.k-button{display:inline-block;margin:0;padding:2px 7px 2px;font-family:inherit;line-height:1.66em;text-align:center;cursor:pointer;text-decoration:none}.k-ie7 .k-button{line-height:normal}a.k-button{-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;text-decoration:none}.k-ff input.k-button{padding-bottom:.37em;padding-top:.37em}.k-ie7 .k-button{overflow:visible;margin-right:4px}.k-ie7 a.k-button{line-height:1.6;padding-left:7px;padding-right:7px}.k-ie7 .k-slider a.k-button{height:22px;line-height:22px;padding:0}.k-ie7 .k-button-expand{margin-left:0;margin-right:0}button.k-button::-moz-focus-inner,input.k-button::-moz-focus-inner{padding:0;border:0}a.k-button-expand{display:block}button.k-button-expand,input[type="submit"].k-button-expand,input[type="button"].k-button-expand,input[type="reset"].k-button-expand{width:100%}body .k-button-icon{padding-left:4px;padding-right:4px}.k-ie7 a.k-button-icon{padding-left:5px;padding-right:5px}.k-button-icontext{padding-right:8px;overflow:visible}.k-button-icontext .k-icon,.k-button-icontext .k-image{margin-right:.2rem;margin-left:-0.2rem;vertical-align:text-top}.k-ie8 .k-button-icontext .k-icon,.k-ie8 .k-button-icontext .k-image{margin-right:3px;margin-left:-3px;vertical-align:text-top}html body .k-button-bare{background:none!important;color:inherit;border-width:0}html body .k-button-bare.k-upload-button:hover{color:inherit}.k-link{cursor:pointer;outline:0;text-decoration:none}.k-grid-header span.k-link{cursor:default}.k-state-disabled,.k-state-disabled .k-link,.k-state-disabled .k-icon,.k-state-disabled .k-button,.k-state-disabled .k-draghandle,.k-state-disabled .k-upload-button input{cursor:default!important;outline:0}@media print{.k-state-disabled,.k-state-disabled .k-input{opacity:1!important}}.k-state-error{border-style:ridge}.k-state-empty{font-style:italic}.k-icon,.k-sprite,.k-button-group .k-tool-icon{display:inline-block;width:16px;height:16px;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center;-ms-high-contrast-adjust:none}.k-ie8 .k-icon,.k-ie8 .k-sprite,.k-ie8 .k-button-group .k-tool-icon{vertical-align:middle}:root *>.k-icon,:root *>.k-sprite,:root *>.k-button-group .k-tool-icon{vertical-align:middle}.k-icon,.k-sprite{background-color:transparent}.k-ie7 .k-icon,.k-ie7 .k-sprite{text-indent:0}.k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:0 -3px}.k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:0 -35px}.k-state-selected .k-i-arrow-n{background-position:-16px 0}.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-n,.k-state-hover>.k-state-selected .k-i-arrow-n,.k-state-hover>*>.k-state-selected .k-i-arrow-n,.k-button:hover .k-state-selected .k-i-arrow-n,.k-textbox:hover .k-state-selected .k-i-arrow-n,.k-button:active .k-state-selected .k-i-arrow-n{background-position:-32px 0}.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-16px -3px}.k-state-selected .k-i-arrow-s{background-position:-16px -32px}.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-s,.k-state-hover>.k-state-selected .k-i-arrow-s,.k-state-hover>*>.k-state-selected .k-i-arrow-s,.k-button:hover .k-state-selected .k-i-arrow-s,.k-textbox:hover .k-state-selected .k-i-arrow-s,.k-button:active .k-state-selected .k-i-arrow-s{background-position:-32px -32px}.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-16px -35px}.k-grid-header .k-link:hover span.k-i-arrow-n{background-position:0 0}.k-grid-header .k-link:hover span.k-i-arrow-s{background-position:0 -32px}.k-group-indicator .k-link:hover span.k-si-arrow-n{background-position:0 -129px}.k-group-indicator .k-link:hover span.k-si-arrow-s{background-position:0 -159px}.k-group-indicator .k-button:hover span.k-group-delete{background-position:-32px -16px}.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar{background-position:-32px -176px}.k-i-arrow-n{background-position:0 0}.k-link:not(.k-state-disabled):hover>.k-i-arrow-n,.k-state-hover>.k-i-arrow-n,.k-state-hover>*>.k-i-arrow-n,.k-button:hover .k-i-arrow-n,.k-textbox:hover .k-i-arrow-n,.k-button:active .k-i-arrow-n{background-position:-16px 0}.k-i-arrow-e{background-position:0 -16px}.k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-state-hover>.k-i-arrow-e,.k-state-hover>*>.k-i-arrow-e,.k-button:hover .k-i-arrow-e,.k-textbox:hover .k-i-arrow-e,.k-button:active .k-i-arrow-e{background-position:-16px -16px}.k-rtl .k-i-arrow-w{background-position:0 -16px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-rtl .k-state-hover>.k-i-arrow-w,.k-rtl .k-state-hover>*>.k-i-arrow-w,.k-rtl .k-button:hover .k-i-arrow-w,.k-rtl .k-textbox:hover .k-i-arrow-w,.k-rtl .k-button:active .k-i-arrow-w{background-position:-16px -16px}.k-i-arrow-s{background-position:0 -32px}.k-link:not(.k-state-disabled):hover>.k-i-arrow-s,.k-state-hover>.k-i-arrow-s,.k-state-hover>*>.k-i-arrow-s,.k-button:hover .k-i-arrow-s,.k-textbox:hover .k-i-arrow-s,.k-button:active .k-i-arrow-s{background-position:-16px -32px}.k-i-arrow-w{background-position:0 -48px}.k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-state-hover>.k-i-arrow-w,.k-state-hover>*>.k-i-arrow-w,.k-button:hover .k-i-arrow-w,.k-textbox:hover .k-i-arrow-w,.k-button:active .k-i-arrow-w{background-position:-16px -48px}.k-rtl .k-i-arrow-e{background-position:0 -48px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-rtl .k-state-hover>.k-i-arrow-e,.k-rtl .k-state-hover>*>.k-i-arrow-e,.k-rtl .k-button:hover .k-i-arrow-e,.k-rtl .k-textbox:hover .k-i-arrow-e,.k-rtl .k-button:active .k-i-arrow-e{background-position:-16px -48px}.k-i-seek-n{background-position:0 -64px}.k-link:not(.k-state-disabled):hover>.k-i-seek-n,.k-state-hover>.k-i-seek-n,.k-state-hover>*>.k-i-seek-n,.k-button:hover .k-i-seek-n,.k-textbox:hover .k-i-seek-n,.k-button:active .k-i-seek-n{background-position:-16px -64px}.k-i-seek-e{background-position:0 -80px}.k-link:not(.k-state-disabled):hover>.k-i-seek-e,.k-state-hover>.k-i-seek-e,.k-state-hover>*>.k-i-seek-e,.k-button:hover .k-i-seek-e,.k-textbox:hover .k-i-seek-e,.k-button:active .k-i-seek-e{background-position:-16px -80px}.k-rtl .k-i-seek-w{background-position:0 -80px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-w,.k-rtl .k-state-hover>.k-i-seek-w,.k-rtl .k-state-hover>*>.k-i-seek-w,.k-rtl .k-button:hover .k-i-seek-w,.k-rtl .k-textbox:hover .k-i-seek-w,.k-rtl .k-button:active .k-i-seek-w{background-position:-16px -80px}.k-i-seek-s{background-position:0 -96px}.k-link:not(.k-state-disabled):hover>.k-i-seek-s,.k-state-hover>.k-i-seek-s,.k-state-hover>*>.k-i-seek-s,.k-button:hover .k-i-seek-s,.k-textbox:hover .k-i-seek-s,.k-button:active .k-i-seek-s{background-position:-16px -96px}.k-i-seek-w{background-position:0 -112px}.k-link:not(.k-state-disabled):hover>.k-i-seek-w,.k-state-hover>.k-i-seek-w,.k-state-hover>*>.k-i-seek-w,.k-button:hover .k-i-seek-w,.k-textbox:hover .k-i-seek-w,.k-button:active .k-i-seek-w{background-position:-16px -112px}.k-rtl .k-i-seek-e{background-position:0 -112px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-e,.k-rtl .k-state-hover>.k-i-seek-e,.k-rtl .k-state-hover>*>.k-i-seek-e,.k-rtl .k-button:hover .k-i-seek-e,.k-rtl .k-textbox:hover .k-i-seek-e,.k-rtl .k-button:active .k-i-seek-e{background-position:-16px -112px}.k-si-arrow-n{background-position:0 -129px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-n,.k-state-hover>.k-si-arrow-n,.k-state-hover>*>.k-si-arrow-n,.k-button:hover .k-si-arrow-n,.k-textbox:hover .k-si-arrow-n,.k-button:active .k-si-arrow-n{background-position:-16px -129px}.k-si-arrow-e{background-position:0 -144px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-e,.k-state-hover>.k-si-arrow-e,.k-state-hover>*>.k-si-arrow-e,.k-button:hover .k-si-arrow-e,.k-textbox:hover .k-si-arrow-e,.k-button:active .k-si-arrow-e{background-position:-16px -144px}.k-si-arrow-s{background-position:0 -159px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-s,.k-state-hover>.k-si-arrow-s,.k-state-hover>*>.k-si-arrow-s,.k-button:hover .k-si-arrow-s,.k-textbox:hover .k-si-arrow-s,.k-button:active .k-si-arrow-s{background-position:-16px -159px}.k-si-arrow-w{background-position:0 -176px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-w,.k-state-hover>.k-si-arrow-w,.k-state-hover>*>.k-si-arrow-w,.k-button:hover .k-si-arrow-w,.k-textbox:hover .k-si-arrow-w,.k-button:active .k-si-arrow-w{background-position:-16px -176px}.k-i-arrowhead-n{background-position:0 -256px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-n,.k-state-hover>.k-i-arrowhead-n,.k-state-hover>*>.k-i-arrowhead-n,.k-button:hover .k-i-arrowhead-n,.k-textbox:hover .k-i-arrowhead-n,.k-button:active .k-i-arrowhead-n{background-position:-16px -256px}.k-i-arrowhead-e{background-position:0 -272px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-e,.k-state-hover>.k-i-arrowhead-e,.k-state-hover>*>.k-i-arrowhead-e,.k-button:hover .k-i-arrowhead-e,.k-textbox:hover .k-i-arrowhead-e,.k-button:active .k-i-arrowhead-e{background-position:-16px -272px}.k-i-arrowhead-s{background-position:0 -288px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-s,.k-state-hover>.k-i-arrowhead-s,.k-state-hover>*>.k-i-arrowhead-s,.k-button:hover .k-i-arrowhead-s,.k-textbox:hover .k-i-arrowhead-s,.k-button:active .k-i-arrowhead-s{background-position:-16px -288px}.k-i-arrowhead-w{background-position:0 -304px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-w,.k-state-hover>.k-i-arrowhead-w,.k-state-hover>*>.k-i-arrowhead-w,.k-button:hover .k-i-arrowhead-w,.k-textbox:hover .k-i-arrowhead-w,.k-button:active .k-i-arrowhead-w{background-position:-16px -304px}.k-i-expand,.k-plus,.k-plus-disabled{background-position:0 -192px}.k-link:not(.k-state-disabled):hover>.k-i-expand,.k-link:not(.k-state-disabled):hover>.k-plus,.k-link:not(.k-state-disabled):hover>.k-plus-disabled,.k-state-hover>.k-i-expand,.k-state-hover>.k-plus,.k-state-hover>.k-plus-disabled,.k-state-hover>*>.k-i-expand,.k-state-hover>*>.k-plus,.k-state-hover>*>.k-plus-disabled,.k-button:hover .k-i-expand,.k-button:hover .k-plus,.k-button:hover .k-plus-disabled,.k-textbox:hover .k-i-expand,.k-textbox:hover .k-plus,.k-textbox:hover .k-plus-disabled,.k-button:active .k-i-expand,.k-button:active .k-plus,.k-button:active .k-plus-disabled{background-position:-16px -192px}.k-i-expand-w,.k-rtl .k-i-expand,.k-rtl .k-plus,.k-rtl .k-plus-disabled{background-position:0 -208px}.k-link:not(.k-state-disabled):hover>.k-i-expand-w,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-expand,.k-link:not(.k-state-disabled):hover>.k-rtl .k-plus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-plus-disabled,.k-state-hover>.k-i-expand-w,.k-state-hover>.k-rtl .k-i-expand,.k-state-hover>.k-rtl .k-plus,.k-state-hover>.k-rtl .k-plus-disabled,.k-state-hover>*>.k-i-expand-w,.k-state-hover>*>.k-rtl .k-i-expand,.k-state-hover>*>.k-rtl .k-plus,.k-state-hover>*>.k-rtl .k-plus-disabled,.k-button:hover .k-i-expand-w,.k-button:hover .k-rtl .k-i-expand,.k-button:hover .k-rtl .k-plus,.k-button:hover .k-rtl .k-plus-disabled,.k-textbox:hover .k-i-expand-w,.k-textbox:hover .k-rtl .k-i-expand,.k-textbox:hover .k-rtl .k-plus,.k-textbox:hover .k-rtl .k-plus-disabled,.k-button:active .k-i-expand-w,.k-button:active .k-rtl .k-i-expand,.k-button:active .k-rtl .k-plus,.k-button:active .k-rtl .k-plus-disabled{background-position:-16px -208px}.k-i-collapse,.k-minus,.k-minus-disabled{background-position:0 -224px}.k-link:not(.k-state-disabled):hover>.k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-minus,.k-link:not(.k-state-disabled):hover>.k-minus-disabled,.k-state-hover>.k-i-collapse,.k-state-hover>.k-minus,.k-state-hover>.k-minus-disabled,.k-state-hover>*>.k-i-collapse,.k-state-hover>*>.k-minus,.k-state-hover>*>.k-minus-disabled,.k-button:hover .k-i-collapse,.k-button:hover .k-minus,.k-button:hover .k-minus-disabled,.k-textbox:hover .k-i-collapse,.k-textbox:hover .k-minus,.k-textbox:hover .k-minus-disabled,.k-button:active .k-i-collapse,.k-button:active .k-minus,.k-button:active .k-minus-disabled{background-position:-16px -224px}.k-i-collapse-w,.k-rtl .k-i-collapse,.k-rtl .k-minus,.k-rtl .k-minus-disabled{background-position:0 -240px}.k-link:not(.k-state-disabled):hover>.k-i-collapse-w,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-rtl .k-minus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-minus-disabled,.k-state-hover>.k-i-collapse-w,.k-state-hover>.k-rtl .k-i-collapse,.k-state-hover>.k-rtl .k-minus,.k-state-hover>.k-rtl .k-minus-disabled,.k-state-hover>*>.k-i-collapse-w,.k-state-hover>*>.k-rtl .k-i-collapse,.k-state-hover>*>.k-rtl .k-minus,.k-state-hover>*>.k-rtl .k-minus-disabled,.k-button:hover .k-i-collapse-w,.k-button:hover .k-rtl .k-i-collapse,.k-button:hover .k-rtl .k-minus,.k-button:hover .k-rtl .k-minus-disabled,.k-textbox:hover .k-i-collapse-w,.k-textbox:hover .k-rtl .k-i-collapse,.k-textbox:hover .k-rtl .k-minus,.k-textbox:hover .k-rtl .k-minus-disabled,.k-button:active .k-i-collapse-w,.k-button:active .k-rtl .k-i-collapse,.k-button:active .k-rtl .k-minus,.k-button:active .k-rtl .k-minus-disabled{background-position:-16px -240px}.k-i-pencil,.k-edit{background-position:-32px 0}.k-link:not(.k-state-disabled):hover>.k-i-pencil,.k-link:not(.k-state-disabled):hover>.k-edit,.k-state-hover>.k-i-pencil,.k-state-hover>.k-edit,.k-state-hover>*>.k-i-pencil,.k-state-hover>*>.k-edit,.k-button:hover .k-i-pencil,.k-button:hover .k-edit,.k-textbox:hover .k-i-pencil,.k-textbox:hover .k-edit,.k-button:active .k-i-pencil,.k-button:active .k-edit{background-position:-48px 0}.k-i-close,.k-delete,.k-group-delete{background-position:-32px -16px}.k-link:not(.k-state-disabled):hover>.k-i-close,.k-link:not(.k-state-disabled):hover>.k-delete,.k-link:not(.k-state-disabled):hover>.k-group-delete,.k-state-hover>.k-i-close,.k-state-hover>.k-delete,.k-state-hover>.k-group-delete,.k-state-hover>*>.k-i-close,.k-state-hover>*>.k-delete,.k-state-hover>*>.k-group-delete,.k-button:hover .k-i-close,.k-button:hover .k-delete,.k-button:hover .k-group-delete,.k-textbox:hover .k-i-close,.k-textbox:hover .k-delete,.k-textbox:hover .k-group-delete,.k-button:active .k-i-close,.k-button:active .k-delete,.k-button:active .k-group-delete{background-position:-48px -16px}.k-si-close{background-position:-160px -80px}.k-link:not(.k-state-disabled):hover>.k-si-close,.k-state-hover>.k-si-close,.k-state-hover>*>.k-si-close,.k-button:hover .k-si-close,.k-textbox:hover .k-si-close,.k-button:active .k-si-close{background-position:-176px -80px}.k-multiselect .k-delete{background-position:-160px -80px}.k-multiselect .k-state-hover .k-delete{background-position:-176px -80px}.k-i-tick,.k-insert,.k-update{background-position:-32px -32px}.k-link:not(.k-state-disabled):hover>.k-i-tick,.k-link:not(.k-state-disabled):hover>.k-insert,.k-link:not(.k-state-disabled):hover>.k-update,.k-state-hover>.k-i-tick,.k-state-hover>.k-insert,.k-state-hover>.k-update,.k-state-hover>*>.k-i-tick,.k-state-hover>*>.k-insert,.k-state-hover>*>.k-update,.k-button:hover .k-i-tick,.k-button:hover .k-insert,.k-button:hover .k-update,.k-textbox:hover .k-i-tick,.k-textbox:hover .k-insert,.k-textbox:hover .k-update,.k-button:active .k-i-tick,.k-button:active .k-insert,.k-button:active .k-update{background-position:-48px -32px}.k-check:checked,.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{background-position:-32px -32px}.k-link:not(.k-state-disabled):hover>.k-check:checked,.k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=checkbox],.k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=radio],.k-state-hover>.k-check:checked,.k-state-hover>.k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>.k-mobile-list .k-edit-field [type=radio],.k-state-hover>*>.k-check:checked,.k-state-hover>*>.k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>*>.k-mobile-list .k-edit-field [type=radio],.k-button:hover .k-check:checked,.k-button:hover .k-mobile-list .k-edit-field [type=checkbox],.k-button:hover .k-mobile-list .k-edit-field [type=radio],.k-textbox:hover .k-check:checked,.k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox],.k-textbox:hover .k-mobile-list .k-edit-field [type=radio],.k-button:active .k-check:checked,.k-button:active .k-mobile-list .k-edit-field [type=checkbox],.k-button:active .k-mobile-list .k-edit-field [type=radio]{background-position:-48px -32px}.k-i-cancel,.k-cancel,.k-denied{background-position:-32px -48px}.k-link:not(.k-state-disabled):hover>.k-i-cancel,.k-link:not(.k-state-disabled):hover>.k-cancel,.k-link:not(.k-state-disabled):hover>.k-denied,.k-state-hover>.k-i-cancel,.k-state-hover>.k-cancel,.k-state-hover>.k-denied,.k-state-hover>*>.k-i-cancel,.k-state-hover>*>.k-cancel,.k-state-hover>*>.k-denied,.k-button:hover .k-i-cancel,.k-button:hover .k-cancel,.k-button:hover .k-denied,.k-textbox:hover .k-i-cancel,.k-textbox:hover .k-cancel,.k-textbox:hover .k-denied,.k-button:active .k-i-cancel,.k-button:active .k-cancel,.k-button:active .k-denied{background-position:-48px -48px}.k-i-plus,.k-add{background-position:-32px -64px}.k-link:not(.k-state-disabled):hover>.k-i-plus,.k-link:not(.k-state-disabled):hover>.k-add,.k-state-hover>.k-i-plus,.k-state-hover>.k-add,.k-state-hover>*>.k-i-plus,.k-state-hover>*>.k-add,.k-button:hover .k-i-plus,.k-button:hover .k-add,.k-textbox:hover .k-i-plus,.k-textbox:hover .k-add,.k-button:active .k-i-plus,.k-button:active .k-add{background-position:-48px -64px}.k-i-funnel,.k-filter{background-position:-32px -80px}.k-link:not(.k-state-disabled):hover>.k-i-funnel,.k-link:not(.k-state-disabled):hover>.k-filter,.k-state-hover>.k-i-funnel,.k-state-hover>.k-filter,.k-state-hover>*>.k-i-funnel,.k-state-hover>*>.k-filter,.k-button:hover .k-i-funnel,.k-button:hover .k-filter,.k-textbox:hover .k-i-funnel,.k-textbox:hover .k-filter,.k-button:active .k-i-funnel,.k-button:active .k-filter{background-position:-48px -80px}.k-i-funnel-clear,.k-clear-filter{background-position:-32px -96px}.k-link:not(.k-state-disabled):hover>.k-i-funnel-clear,.k-link:not(.k-state-disabled):hover>.k-clear-filter,.k-state-hover>.k-i-funnel-clear,.k-state-hover>.k-clear-filter,.k-state-hover>*>.k-i-funnel-clear,.k-state-hover>*>.k-clear-filter,.k-button:hover .k-i-funnel-clear,.k-button:hover .k-clear-filter,.k-textbox:hover .k-i-funnel-clear,.k-textbox:hover .k-clear-filter,.k-button:active .k-i-funnel-clear,.k-button:active .k-clear-filter{background-position:-48px -96px}.k-i-lock{background-position:-64px 0}.k-link:not(.k-state-disabled):hover>.k-i-lock,.k-state-hover>.k-i-lock,.k-state-hover>*>.k-i-lock,.k-button:hover .k-i-lock,.k-textbox:hover .k-i-lock,.k-button:active .k-i-lock{background-position:-80px 0}.k-i-unlock{background-position:-64px -16px}.k-link:not(.k-state-disabled):hover>.k-i-unlock,.k-state-hover>.k-i-unlock,.k-state-hover>*>.k-i-unlock,.k-button:hover .k-i-unlock,.k-textbox:hover .k-i-unlock,.k-button:active .k-i-unlock{background-position:-80px -16px}.k-i-refresh{background-position:-32px -112px}.k-link:not(.k-state-disabled):hover>.k-i-refresh,.k-state-hover>.k-i-refresh,.k-state-hover>*>.k-i-refresh,.k-button:hover .k-i-refresh,.k-textbox:hover .k-i-refresh,.k-button:active .k-i-refresh{background-position:-48px -112px}.k-i-exception{background-position:-160px -304px}.k-link:not(.k-state-disabled):hover>.k-i-exception,.k-state-hover>.k-i-exception,.k-state-hover>*>.k-i-exception,.k-button:hover .k-i-exception,.k-textbox:hover .k-i-exception,.k-button:active .k-i-exception{background-position:-176px -304px}.k-i-restore{background-position:-32px -128px}.k-link:not(.k-state-disabled):hover>.k-i-restore,.k-state-hover>.k-i-restore,.k-state-hover>*>.k-i-restore,.k-button:hover .k-i-restore,.k-textbox:hover .k-i-restore,.k-button:active .k-i-restore{background-position:-48px -128px}.k-i-maximize{background-position:-32px -144px}.k-link:not(.k-state-disabled):hover>.k-i-maximize,.k-state-hover>.k-i-maximize,.k-state-hover>*>.k-i-maximize,.k-button:hover .k-i-maximize,.k-textbox:hover .k-i-maximize,.k-button:active .k-i-maximize{background-position:-48px -144px}.k-i-minimize{background-position:-64px -288px}.k-link:not(.k-state-disabled):hover>.k-i-minimize,.k-state-hover>.k-i-minimize,.k-state-hover>*>.k-i-minimize,.k-button:hover .k-i-minimize,.k-textbox:hover .k-i-minimize,.k-button:active .k-i-minimize{background-position:-80px -288px}.k-i-pin{background-position:-160px -256px}.k-link:not(.k-state-disabled):hover>.k-i-pin,.k-state-hover>.k-i-pin,.k-state-hover>*>.k-i-pin,.k-button:hover .k-i-pin,.k-textbox:hover .k-i-pin,.k-button:active .k-i-pin{background-position:-176px -256px}.k-i-unpin{background-position:-160px -272px}.k-link:not(.k-state-disabled):hover>.k-i-unpin,.k-state-hover>.k-i-unpin,.k-state-hover>*>.k-i-unpin,.k-button:hover .k-i-unpin,.k-textbox:hover .k-i-unpin,.k-button:active .k-i-unpin{background-position:-176px -272px}.k-resize-se{background-position:-32px -160px}.k-link:not(.k-state-disabled):hover>.k-resize-se,.k-state-hover>.k-resize-se,.k-state-hover>*>.k-resize-se,.k-button:hover .k-resize-se,.k-textbox:hover .k-resize-se,.k-button:active .k-resize-se{background-position:-48px -160px}.k-i-calendar{background-position:-32px -176px}.k-link:not(.k-state-disabled):hover>.k-i-calendar,.k-state-hover>.k-i-calendar,.k-state-hover>*>.k-i-calendar,.k-button:hover .k-i-calendar,.k-textbox:hover .k-i-calendar,.k-button:active .k-i-calendar{background-position:-48px -176px}.k-i-clock{background-position:-32px -192px}.k-link:not(.k-state-disabled):hover>.k-i-clock,.k-state-hover>.k-i-clock,.k-state-hover>*>.k-i-clock,.k-button:hover .k-i-clock,.k-textbox:hover .k-i-clock,.k-button:active .k-i-clock{background-position:-48px -192px}.k-si-plus{background-position:-32px -208px}.k-link:not(.k-state-disabled):hover>.k-si-plus,.k-state-hover>.k-si-plus,.k-state-hover>*>.k-si-plus,.k-button:hover .k-si-plus,.k-textbox:hover .k-si-plus,.k-button:active .k-si-plus{background-position:-48px -208px}.k-si-minus{background-position:-32px -224px}.k-link:not(.k-state-disabled):hover>.k-si-minus,.k-state-hover>.k-si-minus,.k-state-hover>*>.k-si-minus,.k-button:hover .k-si-minus,.k-textbox:hover .k-si-minus,.k-button:active .k-si-minus{background-position:-48px -224px}.k-i-search{background-position:-32px -240px}.k-link:not(.k-state-disabled):hover>.k-i-search,.k-state-hover>.k-i-search,.k-state-hover>*>.k-i-search,.k-button:hover .k-i-search,.k-textbox:hover .k-i-search,.k-button:active .k-i-search{background-position:-48px -240px}.k-i-custom{background-position:-115px -113px}.k-link:not(.k-state-disabled):hover>.k-i-custom,.k-state-hover>.k-i-custom,.k-state-hover>*>.k-i-custom,.k-button:hover .k-i-custom,.k-textbox:hover .k-i-custom,.k-button:active .k-i-custom{background-position:-141px -113px}.k-editor .k-i-custom{background-position:-111px -109px}.k-viewHtml{background-position:-288px -120px}.k-i-insert-n,.k-insert-top{background-position:-160px -32px}.k-link:not(.k-state-disabled):hover>.k-i-insert-n,.k-link:not(.k-state-disabled):hover>.k-insert-top,.k-state-hover>.k-i-insert-n,.k-state-hover>.k-insert-top,.k-state-hover>*>.k-i-insert-n,.k-state-hover>*>.k-insert-top,.k-button:hover .k-i-insert-n,.k-button:hover .k-insert-top,.k-textbox:hover .k-i-insert-n,.k-textbox:hover .k-insert-top,.k-button:active .k-i-insert-n,.k-button:active .k-insert-top{background-position:-176px -32px}.k-i-insert-m,.k-insert-middle{background-position:-160px -48px}.k-link:not(.k-state-disabled):hover>.k-i-insert-m,.k-link:not(.k-state-disabled):hover>.k-insert-middle,.k-state-hover>.k-i-insert-m,.k-state-hover>.k-insert-middle,.k-state-hover>*>.k-i-insert-m,.k-state-hover>*>.k-insert-middle,.k-button:hover .k-i-insert-m,.k-button:hover .k-insert-middle,.k-textbox:hover .k-i-insert-m,.k-textbox:hover .k-insert-middle,.k-button:active .k-i-insert-m,.k-button:active .k-insert-middle{background-position:-176px -48px}.k-i-insert-s,.k-insert-bottom{background-position:-160px -64px}.k-link:not(.k-state-disabled):hover>.k-i-insert-s,.k-link:not(.k-state-disabled):hover>.k-insert-bottom,.k-state-hover>.k-i-insert-s,.k-state-hover>.k-insert-bottom,.k-state-hover>*>.k-i-insert-s,.k-state-hover>*>.k-insert-bottom,.k-button:hover .k-i-insert-s,.k-button:hover .k-insert-bottom,.k-textbox:hover .k-i-insert-s,.k-textbox:hover .k-insert-bottom,.k-button:active .k-i-insert-s,.k-button:active .k-insert-bottom{background-position:-176px -64px}.k-drop-hint{background-position:0 -326px}.k-i-note,.k-warning{background-position:-160px -240px}.k-link:not(.k-state-disabled):hover>.k-i-note,.k-link:not(.k-state-disabled):hover>.k-warning,.k-state-hover>.k-i-note,.k-state-hover>.k-warning,.k-state-hover>*>.k-i-note,.k-state-hover>*>.k-warning,.k-button:hover .k-i-note,.k-button:hover .k-warning,.k-textbox:hover .k-i-note,.k-textbox:hover .k-warning,.k-button:active .k-i-note,.k-button:active .k-warning{background-position:-176px -240px}.k-i-sort-asc{background-position:-112px -240px}.k-link:not(.k-state-disabled):hover>.k-i-sort-asc,.k-state-hover>.k-i-sort-asc,.k-state-hover>*>.k-i-sort-asc,.k-button:hover .k-i-sort-asc,.k-textbox:hover .k-i-sort-asc,.k-button:active .k-i-sort-asc{background-position:-128px -240px}.k-i-sort-desc{background-position:-112px -256px}.k-link:not(.k-state-disabled):hover>.k-i-sort-desc,.k-state-hover>.k-i-sort-desc,.k-state-hover>*>.k-i-sort-desc,.k-button:hover .k-i-sort-desc,.k-textbox:hover .k-i-sort-desc,.k-button:active .k-i-sort-desc{background-position:-128px -256px}.k-i-group{background-position:-112px -272px}.k-link:not(.k-state-disabled):hover>.k-i-group,.k-state-hover>.k-i-group,.k-state-hover>*>.k-i-group,.k-button:hover .k-i-group,.k-textbox:hover .k-i-group,.k-button:active .k-i-group{background-position:-128px -272px}.k-i-ungroup{background-position:-112px -288px}.k-link:not(.k-state-disabled):hover>.k-i-ungroup,.k-state-hover>.k-i-ungroup,.k-state-hover>*>.k-i-ungroup,.k-button:hover .k-i-ungroup,.k-textbox:hover .k-i-ungroup,.k-button:active .k-i-ungroup{background-position:-128px -288px}.k-i-columns{background-position:-112px -304px}.k-link:not(.k-state-disabled):hover>.k-i-columns,.k-state-hover>.k-i-columns,.k-state-hover>*>.k-i-columns,.k-button:hover .k-i-columns,.k-textbox:hover .k-i-columns,.k-button:active .k-i-columns{background-position:-128px -304px}.k-file{background-position:0 0}.k-link:not(.k-state-disabled):hover>.k-file,.k-state-hover>.k-file,.k-state-hover>*>.k-file,.k-button:hover .k-file,.k-textbox:hover .k-file,.k-button:active .k-file{background-position:-16px 0}.k-i-folder-add,.k-addfolder{background-position:-32px -272px}.k-link:not(.k-state-disabled):hover>.k-i-folder-add,.k-link:not(.k-state-disabled):hover>.k-addfolder,.k-state-hover>.k-i-folder-add,.k-state-hover>.k-addfolder,.k-state-hover>*>.k-i-folder-add,.k-state-hover>*>.k-addfolder,.k-button:hover .k-i-folder-add,.k-button:hover .k-addfolder,.k-textbox:hover .k-i-folder-add,.k-textbox:hover .k-addfolder,.k-button:active .k-i-folder-add,.k-button:active .k-addfolder{background-position:-48px -272px}.k-i-folder-up,.k-goup{background-position:-32px -288px}.k-link:not(.k-state-disabled):hover>.k-i-folder-up,.k-link:not(.k-state-disabled):hover>.k-goup,.k-state-hover>.k-i-folder-up,.k-state-hover>.k-goup,.k-state-hover>*>.k-i-folder-up,.k-state-hover>*>.k-goup,.k-button:hover .k-i-folder-up,.k-button:hover .k-goup,.k-textbox:hover .k-i-folder-up,.k-textbox:hover .k-goup,.k-button:active .k-i-folder-up,.k-button:active .k-goup{background-position:-48px -288px}.k-file>.k-icon{background-position:-115px -91px}.k-image{border:0}html .k-success-colored{color:#507f50;border-color:#d0dfd0;background-color:#f0fff0}html .k-info-colored{color:#50607f;border-color:#d0d9df;background-color:#f0f9ff}html .k-error-colored{color:#7f5050;border-color:#dfd0d0;background-color:#fff0f0}.k-inline-block{padding:0 2px}.k-loading,.k-loading-image{background-color:transparent;background-repeat:no-repeat;background-position:center center}.k-loading-mask,.k-loading-image,.k-loading-text{position:absolute}.k-loading-text{text-indent:-4000px;text-align:center}.k-loading-image,.k-loading-color{width:100%;height:100%}.k-loading-image{top:0;left:0;z-index:2}.k-loading-color{filter:alpha(opacity=30);opacity:.3}.k-content-frame{border:0;width:100%;height:100%}.k-pane>.k-splitter-overlay{filter:alpha(opacity=0);opacity:0;position:absolute}.k-drag-clue{position:absolute;z-index:10003;border-style:solid;border-width:1px;font-size:.9em;padding:.2em .4em;white-space:nowrap;cursor:default}.k-drag-status{margin-top:-3px;margin-right:4px;vertical-align:middle}.k-reorder-cue{position:absolute;width:1px;overflow:visible}.k-reorder-cue .k-icon{position:absolute;left:-4px;width:8px;height:4px}.k-reorder-cue .k-i-arrow-s{top:-4px;background-position:-4px -166px}.k-reorder-cue .k-i-arrow-n{bottom:-4px;background-position:-4px -134px}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}@media only screen and (-webkit-min-device-pixel-ratio:2){body .k-touch-scrollbar{height:12px;width:12px;border-radius:7px}}.k-virtual-scrollable-wrap{overflow-x:auto}.k-animation-container,.k-widget,.k-widget *,.k-animation-container *,.k-widget *:before,.k-animation-container *:after,.k-block .k-header,.k-list-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-button,.k-textbox,.k-autocomplete,div.k-window-content,.k-tabstrip>.k-content>.km-scroll-container,.k-block,.k-edit-cell .k-widget,.k-grid-edit-row .k-widget,.k-grid-edit-row .text-box,.km-actionsheet>li,.km-shim{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-group .form-control{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a.k-button:hover{text-decoration:none}.k-widget,.k-widget *{-moz-background-clip:border-box;-webkit-background-clip:border-box;background-clip:border-box}.k-edit-form{margin:0;padding:0}.k-window>div.k-popup-edit-form{padding:1em 0}.k-grid-edit-row .k-edit-form td{border-bottom-width:0}.k-edit-form-container{position:relative;width:400px}.k-edit-label,.k-edit-form-container .editor-label{float:left;clear:both;width:30%;padding:.4em 0 1em;margin-left:2%;text-align:right}.k-edit-field,.k-edit-form-container .editor-field{float:right;clear:right;width:60%;margin-right:2%;padding:0 0 .6em}.k-edit-field>input[type="checkbox"],.k-edit-field>input[type="radio"]{margin-top:.4em}.k-edit-form-container .k-button{margin:0 .16em}.k-edit-field>input[type="checkbox"]:first-child,.k-edit-field>input[type="radio"]:first-child,.k-edit-field>label:first-child>input[type="checkbox"],.k-edit-field>.k-button:first-child{margin-left:0}.k-edit-form-container .k-edit-buttons{clear:both;text-align:right;border-width:1px 0 0;border-style:solid;position:relative;bottom:-1em;padding:.6em}div.k-window{display:inline-block;position:absolute;z-index:10001;border-style:solid;border-width:1px;padding-top:2em}.k-block>.k-header,.k-window-titlebar{position:absolute;width:100%;height:1.1em;border-bottom-style:solid;border-bottom-width:1px;margin-top:-2em;padding:.4em 0;font-size:1.2em;white-space:nowrap;min-height:16px}.k-block>.k-header{position:relative;margin:-2px 0 10px -2px;padding:.3em 2px}.k-window-title{position:absolute;left:.44em;right:.44em;overflow:hidden;cursor:default;text-overflow:ellipsis}.k-window-title .k-image{margin:0 5px 0 0;vertical-align:middle}div.k-window-titleless{padding-top:0}div.k-window-content{position:relative;height:100%;padding:.58em;overflow:auto;outline:0}div.k-window-iframecontent{padding:0;overflow:visible}.k-window-content>.km-scroll-container{height:100%}.k-ie7 .k-window{padding-bottom:1.16em}.k-window-titlebar .k-window-actions{position:absolute;top:0;right:.3em;padding-top:.3em;white-space:nowrap}.k-window-titlebar .k-window-action{display:inline-block;width:16px;height:16px;padding:2px;text-decoration:none;vertical-align:middle;opacity:.7}.k-window-titlebar .k-state-hover{border-style:solid;border-width:1px;padding:1px;opacity:1}.k-window-action .k-icon{margin:0;vertical-align:top}.k-window .k-resize-handle{position:absolute;z-index:1;background-color:#fff;font-size:0;line-height:6px;filter:alpha(opacity=0);opacity:0;zoom:1}.k-resize-n{top:-3px;left:0;width:100%;height:6px;cursor:n-resize}.k-resize-e{top:0;right:-3px;width:6px;height:100%;cursor:e-resize}.k-resize-s{bottom:-3px;left:0;width:100%;height:6px;cursor:s-resize}.k-resize-w{top:0;left:-3px;width:6px;height:100%;cursor:w-resize}.k-resize-se{bottom:-3px;right:-3px;width:16px;height:16px;cursor:se-resize}.k-resize-sw{bottom:-3px;left:-3px;width:6px;height:6px;cursor:sw-resize}.k-resize-ne{top:-3px;right:-3px;width:6px;height:6px;cursor:ne-resize}.k-resize-nw{top:-3px;left:-3px;width:6px;height:6px;cursor:nw-resize}.k-overlay{position:fixed;top:0;left:0;z-index:10001;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);opacity:.5}.k-window .k-overlay{position:absolute;width:100%;height:100%;background-color:#fff;filter:alpha(opacity=0);opacity:0}.k-tabstrip{margin:0;padding:0;zoom:1}.k-tabstrip .k-tabstrip-items{padding:.3em .3em 0}.k-tabstrip-items .k-item,.k-panelbar .k-tabstrip-items .k-item{list-style-type:none;display:inline-block;position:relative;border-style:solid;border-width:1px 1px 0;margin:0 -1px 0 0;padding:0;vertical-align:top}.k-tabstrip-items .k-tab-on-top,.k-tabstrip-items .k-state-active,.k-panelbar .k-tabstrip-items .k-state-active{margin-bottom:-1px;padding-bottom:1px}.k-tabstrip-items .k-tab-on-top{z-index:1}.k-tabstrip-items .k-link,.k-panelbar .k-tabstrip-items .k-link{display:inline-block;border-bottom-width:0;padding:.5em .92em}.k-tabstrip-items .k-icon,.k-panelbar .k-tabstrip-items .k-icon{margin:-1px 4px 0 -3px;vertical-align:top}.k-tabstrip-items .k-item .k-image,.k-tabstrip-items .k-item .k-sprite,.k-panelbar .k-tabstrip-items .k-item .k-image,.k-panelbar .k-tabstrip-items .k-item .k-sprite{margin:-3px 3px 0 -6px;vertical-align:middle}.k-ie7 .k-tabstrip-items .k-item .k-image,.k-ie7 .k-tabstrip-items .k-item .k-sprite{margin-top:-1px;vertical-align:top}.k-tabstrip-items .k-loading{top:0;left:0;height:0;width:20%;position:absolute;background:transparent;border-top:1px solid transparent;border-color:inherit;-webkit-transition:width 200ms linear;-moz-transition:width 200ms linear;-o-transition:width 200ms linear;transition:width 200ms linear;-webkit-transition:"width 200ms linear";-moz-transition:"width 200ms linear";-ms-transition:"width 200ms linear";-o-transition:"width 200ms linear";transition:"width 200ms linear";animation:k-tab-loader 1s ease-in-out infinite;-moz-animation:k-tab-loader 1s ease-in-out infinite;-webkit-animation:k-tab-loader 1s ease-in-out infinite}.k-tabstrip-items .k-progress{animation:none;-moz-animation:none;-webkit-animation:none}.k-tabstrip-items .k-loading.k-complete{width:100%;animation:none;-moz-animation:none;-webkit-animation:none}.k-tabstrip>.k-content,.k-panelbar .k-tabstrip>.k-content{position:static;border-style:solid;border-width:1px;margin:0 .29em .3em;padding:.3em .92em;zoom:1}.k-tabstrip>.k-content{display:none}.k-tabstrip>.k-content.km-scroll-wrapper{padding:0}.k-tabstrip>.k-content>.km-scroll-container{padding:.3em .92em}@-webkit-keyframes k-tab-loader{0%{left:0}50%{left:80%}100%{left:0}}@-moz-keyframes k-tab-loader{0%{left:0}50%{left:80%}100%{left:0}}@keyframes k-tab-loader{0%{left:0}50%{left:80%}100%{left:0}}.k-panelbar{zoom:1}.k-panelbar>.k-item,.k-panel>.k-item{list-style-type:none;display:block;border-width:0;margin:0;zoom:1;border-radius:0}.k-panelbar .k-image,.k-panelbar .k-sprite{float:left;margin-top:4px;margin-right:5px;vertical-align:middle}.k-panelbar>.k-item>.k-link,.k-panel>.k-item>.k-link{display:block;position:relative;border-bottom-style:solid;border-bottom-width:1px;padding:0 1em;line-height:2.34em;text-decoration:none;zoom:1}.k-panelbar-expand,.k-panelbar-collapse{position:absolute;top:5px;right:2px}.k-panelbar .k-panel,.k-panelbar .k-content{position:relative;border-bottom-style:solid;border-bottom-width:1px;margin:0;padding:0;zoom:1}.k-panel>.k-item>.k-link{border-bottom:0;font-size:.95em;line-height:2.2}.k-panel .k-i-arrow-n,.k-panel .k-i-arrow-s{top:4px}.k-panel .k-panel>.k-item>.k-link{padding-left:2em}.k-panelbar .k-i-seek-e .k-link{border-bottom:0}.k-panel .k-panel{border-bottom:0}.k-menu{cursor:default}.k-menu,.k-menu .k-group{list-style:none;margin:0;padding:0;zoom:1}.k-menu:after{content:'';display:block;width:99%;height:0;float:inherit;overflow:hidden}.k-menu .k-item .k-item,ul.k-menu-vertical>.k-item{display:block;float:none;border-width:0}.k-ie7 .k-menu .k-item .k-item{zoom:normal}.k-menu .k-item>.k-link>.k-icon,.k-menu .k-image,.k-menu .k-sprite{margin:-2px 4px 0 -4px;vertical-align:middle}.k-menu .k-item>.k-link>.k-icon{margin:-2px 0 0}.k-ie7 .k-menu .k-item>.k-link>.k-i-arrow-s,.k-ie7 .k-menu .k-image,.k-ie7 .k-menu .k-sprite{margin-top:0}.k-menu .k-item>.k-link{display:block;padding:.5em 1.1em .4em;line-height:1.34em;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-menu .k-group{display:none;border-style:solid;border-width:1px;overflow:visible;white-space:nowrap}.k-menu .k-group .k-item{display:block;border-width:0}.k-menu .k-item,.k-widget.k-menu-horizontal>.k-item{position:relative;float:left;border-style:solid;border-width:0 1px 0 0;vertical-align:top;zoom:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-menu .k-group .k-item>.k-link{padding:.28em 1.8em .38em .9em}.k-ie7 .k-menu .k-group .k-link{width:100%}.k-menu .k-item>.k-link>.k-i-arrow-s{margin-right:-8px}.k-menu .k-item>.k-link>.k-i-arrow-e{position:absolute;top:50%;margin-top:-8px;right:.2rem}.k-menu .k-animation-container{border:0}.k-menu .k-animation-container,.k-menu .k-group{position:absolute;left:0}.k-menu .k-animation-container .k-animation-container,.k-menu .k-group .k-group,.k-menu-vertical .k-animation-container,.k-menu-vertical .k-group{top:0;left:0}.k-menu .k-animation-container .k-group{top:auto;left:auto;margin-left:-1px}.k-menu .k-animation-container,.k-popup .k-animation-container{margin-top:-1px;padding-left:1px}.k-ie .k-menu .k-animation-container,.k-ie .k-popup .k-animation-container{margin-top:-2px}.k-popup .k-animation-container .k-popup{margin-left:-1px}ul.k-menu .k-separator{padding:.25em 0;height:100%;width:1px;font-size:0;line-height:0;border-width:0 1px 0 0}ul.k-menu-vertical .k-separator,.k-menu .k-group .k-separator{padding:0;height:1px;width:100%;border-width:1px 0 0}.k-grid,.k-listview{position:relative;zoom:1}.k-grid table{width:100%;margin:0;border-collapse:separate;border-spacing:0;empty-cells:show;border-width:0;outline:0}.k-grid-header .k-header{text-align:left}.k-grid-header .k-header{overflow:hidden;border-style:solid;border-width:0 0 1px 1px;padding:.5em .6em .4em .6em;font-weight:normal;white-space:nowrap;text-overflow:ellipsis}.k-ie10 .k-grid-header a:active{background-color:transparent}.k-grid-header .k-header>.k-link{display:block;min-height:18px;line-height:18px;margin:-0.5em -0.6em -0.4em -0.6em;padding:.5em .6em .4em .6em;overflow:hidden;text-overflow:ellipsis}.k-grid-header .k-with-icon .k-link{margin-right:1.3em}.k-grid-header .k-header .k-icon{position:static}.k-grid-header .k-link>.k-icon{vertical-align:text-top}.k-grid .k-state-hover{cursor:pointer}.k-grid td{border-style:solid;border-width:0 0 0 1px;padding:.4em .6em;overflow:hidden;line-height:1.6em;vertical-align:middle;text-overflow:ellipsis}.k-grid .k-grouping-row td,.k-grid .k-hierarchy-cell{overflow:visible}.k-grid-edit-row td{text-overflow:clip}.k-grid-edit-row .k-textbox,.k-grid-edit-row .text-box{margin-top:0;margin-bottom:0}.k-grid-header-wrap,.k-grid-footer-wrap{position:relative;width:100%;overflow:hidden;border-style:solid;border-width:0 1px 0 0;zoom:1}div.k-grid-header,div.k-grid-footer{padding-right:17px;border-bottom-style:solid;border-bottom-width:1px;zoom:1}div.k-grid-header .k-header{border-bottom-width:0}.k-grid-content{position:relative;width:100%;overflow:auto;overflow-x:auto;overflow-y:scroll;zoom:1}.k-mobile .k-grid tbody{-webkit-backface-visibility:hidden}.k-grid-content-expander{position:absolute;visibility:hidden;height:1px}@media print{.k-grid{height:auto!important}.k-grid-header{padding:0!important}.k-grid-content{overflow:visible;height:auto!important}}.k-virtual-scrollable-wrap{height:100%;overflow-y:hidden;position:relative}.k-grid-header table,.k-grid-content table,.k-grid-footer table,.k-grid-content-locked>table{table-layout:fixed}.k-ie7 .k-grid-content table{width:auto}.k-grid-lockedcolumns{white-space:nowrap}.k-grid-content-locked,.k-grid-content{white-space:normal}.k-grid-header-locked,.k-grid-content-locked,.k-grid-footer-locked{display:inline-block;vertical-align:top;overflow:hidden;position:relative;border-style:solid;border-width:0 1px 0 0}.k-grid-header-locked+.k-grid-header-wrap,.k-grid-content-locked+.k-grid-content,.k-grid-footer-locked+.k-grid-footer-wrap{display:inline-block;vertical-align:top}.k-grid-toolbar{border-style:solid;border-width:1px 0 0}.k-grid-header .k-header:first-child,.k-grid tbody td:first-child,.k-grid tfoot td:first-child{border-left-width:0}.k-grid-toolbar:first-child,.k-grouping-header+.k-grid-toolbar{border-width:0 0 1px}.k-footer-template td{border-style:solid;border-width:1px 0 0 1px}.k-group-footer td{border-style:solid;border-width:1px 0}.k-group-footer .k-group-cell+td{border-left-width:1px}.k-grid-footer{border-style:solid;border-width:1px 0 0}.k-grid-footer td{border-top-width:0}.k-pager-wrap{clear:both;overflow:hidden;border-style:solid;border-width:1px;line-height:2.0em;padding:.333em 0 .333em .250em}.k-grid-pager{border-width:1px 0 0}.k-grid .k-pager-numbers,.k-pager-numbers .k-link,.k-pager-numbers .k-state-selected{display:inline-block;vertical-align:top;margin-right:1px}.k-pager-numbers{margin:0 2px}.k-pager-numbers .k-state-selected{vertical-align:top}.k-pager-numbers li,.k-pager-input{float:left}.k-grid .k-pager-numbers{float:left;cursor:default}.k-pager-info{float:right;padding:0 1.333em}.k-pager-numbers .k-link{text-decoration:none}.k-pager-wrap>.k-link,.k-pager-numbers .k-link,.k-pager-numbers .k-state-selected{min-width:2em}.k-pager-wrap>.k-link{float:left;margin:0 .08333em;height:2em;line-height:2em;border-radius:1.0833em;cursor:pointer;text-align:center}.k-pager-wrap>a.k-state-disabled:hover{background:0;cursor:default}.k-pager-numbers .k-link{text-align:center;line-height:2em;border-style:solid;border-width:1px;border-radius:1.0833em}.k-pager-wrap>.k-link{border-style:solid;border-width:1px}.k-pager-wrap .k-pager-refresh{float:right;margin-right:.5em;border-width:0;border-radius:0}.k-pager-numbers .k-state-selected{border-style:solid;border-width:1px;text-align:center;border-radius:1.0833em}.k-pager-wrap .k-textbox{width:3.333em}.k-ie7 .k-pager-wrap .k-textbox{height:1.3333em;margin-top:.16666em;display:inline}.k-pager-wrap .k-dropdown{width:4.500em}.k-pager-refresh{float:right}.k-pager-input,.k-pager-sizes{padding:0 1.4166em}.k-pager-sizes{display:inline-block;padding-top:1px}.k-pager-sizes .k-widget.k-dropdown{margin-top:-2px}.k-ie7 .k-pager-sizes{float:left}.k-pager-wrap .k-textbox,.k-pager-wrap .k-widget{margin:0 .4em 0}.k-header>.k-grid-filter,.k-header>.k-header-column-menu{float:right;margin:-0.5em -0.6em -0.4em;padding:.5em .2em .4em;position:relative;z-index:1}.k-grid .k-animation-container{position:absolute}.k-filter-menu{padding:.5em}form.k-filter-menu .k-widget,form.k-filter-menu .k-textbox{display:block}.k-filter-help-text,.k-filter-menu .k-widget,.k-filter-menu .k-textbox{margin:.19em 0 0}.k-filter-menu span.k-filter-and{width:6em;margin:.5em 0 .5em}.k-filter-menu .k-button{width:48%;margin:.5em 4% 0 0}.k-filter-menu .k-button+.k-button{margin-right:0}.k-grouping-row .k-icon{margin:-3px 4px 0 2px}.k-grouping-row p{display:inline-block;vertical-align:middle;margin-left:-0.6em;padding:0 .6em}.k-grouping-row+tr td{border-top-width:1px}.k-grouping-row .k-group-cell,.k-grouping-row+tr .k-group-cell{border-top-width:0;text-overflow:none}.k-grid .k-hierarchy-cell+td{border-left-width:0}.k-grid .k-group-col,.k-grid .k-hierarchy-col{width:27px}.k-grouping-header{border-bottom-style:solid;border-bottom-width:1px}.k-grouping-header{line-height:2}.k-grouping-dropclue{position:absolute;width:6px;height:25px;background-repeat:no-repeat;background-position:-165px -148px}.k-grouping-header .k-group-indicator{display:inline-block;border-style:solid;border-width:1px;margin:0 3px;padding:.15em .15em .15em .4em;line-height:1.5em}.k-grouping-header .k-link{display:inline-block;border-width:0;padding:0;line-height:normal;text-decoration:none}.k-grouping-header .k-button{border:0;padding:0;background:transparent;line-height:1}.k-grouping-header .k-link .k-icon{margin:0 0 0 -3px}.k-grouping-header .k-button .k-icon{margin:0 0 0 3px}.k-grouping-header a,.k-grouping-header .k-button{display:inline-block;vertical-align:middle}.k-dirty-cell:before{content:"\a0";display:inline-block;width:0;float:left}.k-ie7 .k-dirty-cell{position:relative}.k-ie7 .k-dirty{top:5px}.k-dirty{position:absolute;width:0;height:0;border-style:solid;border-width:3px;border-color:#f00 transparent transparent #f00;margin:-0.45em 0 0 -0.6em;padding:0;overflow:hidden;vertical-align:top}.k-grouping-header,.k-grid-toolbar{margin:0;padding:.22em .2em .28em;cursor:default}.k-grid .k-edit-container{padding:0}.k-grid .field-validation-error{display:block}.k-grid .input-validation-error{border-style:ridge;border-color:#f00;background-color:#ffc0cb}.k-grid-toolbar .k-button{vertical-align:middle}.k-grid-actions{display:inline-block}.k-ie7 .k-grid-actions{vertical-align:bottom}.k-grid .k-button{margin:0 .16em}.k-grid tbody .k-button,.k-ie8 .k-grid tbody button.k-button{min-width:64px}.k-grid tbody button.k-button{min-width:78px}.k-ie7 .k-grid tbody a.k-button{min-width:62px}html body .k-grid tbody .k-button-icon{width:auto;min-width:0}.k-detail-row{position:relative}.k-grid .k-detail-cell{overflow:visible}.k-grid .k-edit-cell{padding:0 .3em;white-space:nowrap}.k-edit-cell>.k-textbox,.k-edit-cell>.k-widget,.k-grid-edit-row>td>.k-textbox,.k-grid-edit-row>td>.k-widget,.k-grid-edit-row>td>.text-box{width:100%}.k-ie7 .k-edit-cell>.text-box,.k-ie7 .k-edit-cell>.k-textbox,.k-ie7 .k-edit-cell>.k-widget,.k-ie7 .k-grid-edit-row>td>.k-textbox,.k-ie7 .k-grid-edit-row>td>.k-widget,.k-ie7 .k-grid-edit-row>td>.text-box{display:block;width:90%}html .k-edit-cell .k-tooltip,html .k-grid-edit-row .k-tooltip{width:auto;max-width:300px}.k-edit-cell input[type="checkbox"]{margin-left:.6em}.k-grid tbody td>.k-grid-delete{margin-top:-0.2em;margin-bottom:-0.2em}.k-grid-resize-indicator{position:absolute;width:2px;background-color:#aaa}.k-grid .k-resize-handle{position:absolute;height:25px;cursor:col-resize;z-index:2}.k-marquee{position:absolute;z-index:100000}.k-marquee-color,.k-marquee-text{position:absolute;top:0;left:0;width:100%;height:100%}.k-marquee-color{filter:alpha(opacity=60);opacity:.6}.k-ie9 .k-column-menu{width:160px}.k-ie8 .k-grid-filter,.k-ie8 .k-header-column-menu{font-size:100%}.k-column-menu{min-width:160px}.k-column-menu .k-sprite{margin-right:10px}.k-column-menu>.k-menu{border-width:0}.k-columns-item .k-group{max-height:200px;overflow:auto}.k-calendar{position:relative;display:inline-block;width:16.917em;overflow:hidden}.k-calendar td,.k-calendar .k-link{text-decoration:none}.k-calendar .k-action-link{text-decoration:underline}.k-calendar .k-header,.k-calendar .k-footer{position:relative;text-align:center;zoom:1}.k-widget.k-calendar .k-nav-prev,.k-widget.k-calendar .k-nav-next{position:absolute;top:.16666em;line-height:1.8333em;height:1.8333em}.k-widget.k-calendar .k-nav-prev{left:1%}.k-widget.k-calendar .k-nav-next{right:1%}.k-calendar .k-content{float:left;border-spacing:0;width:100%;height:14.167em;border-width:0;margin:0;table-layout:fixed;text-align:right;outline:0}.k-calendar .k-animation-container .k-content{height:100%}.k-widget.k-calendar .k-nav-fast{display:inline-block;width:75%;height:1.8333em;line-height:1.8333em;margin:.16666em -0.08333em .3333em 0}.k-calendar .k-header .k-icon{vertical-align:middle}.k-calendar .k-header .k-link.k-nav-prev,.k-calendar .k-header .k-link.k-nav-next{height:1.8333em;width:1.8333em}.k-calendar th{border-bottom-style:solid;border-bottom-width:1px;padding:.4em .45em .4em .1em;font-weight:normal;cursor:default}.k-calendar td{padding:.08333em;cursor:pointer}.k-calendar .k-state-focus{border-style:dotted;border-width:.08333em;padding:0}.k-calendar .k-content .k-link{display:block;overflow:hidden;min-height:1.8333em;line-height:1.8333em;padding:0 .45em 0 .1em}.k-calendar .k-meta-view .k-link{padding:.25em 0 .3em;text-align:center}.k-calendar .k-footer{clear:both}.k-calendar .k-footer .k-nav-today,.k-calendar .k-footer>.k-state-disabled{display:block;height:100%;padding:.5em 0}.k-calendar .k-nav-today:hover{text-decoration:underline}div.k-treeview{border-width:0;background:0;overflow:auto;white-space:nowrap}.k-treeview .k-item{display:block;border-width:0;margin:0;padding:0 0 0 16px}.k-treeview>.k-group,.k-treeview .k-item>.k-group,.k-treeview .k-content{margin:0;padding:0;background:0;list-style-type:none;position:relative}.k-treeview .k-icon,.k-treeview .k-image,.k-treeview .k-sprite,.k-treeview .k-checkbox,.k-treeview .k-in{display:inline-block;vertical-align:top}.k-treeview .k-icon,.k-treeview .k-in{vertical-align:middle}.k-treeview .k-request-retry{vertical-align:baseline}.k-treeview .k-plus,.k-treeview .k-minus,.k-treeview .k-plus-disabled,.k-treeview .k-minus-disabled{margin-top:.25em;margin-left:-16px;cursor:pointer}.k-treeview .k-plus-disabled,.k-treeview .k-minus-disabled{cursor:default}.k-treeview .k-sprite,.k-treeview .k-image{margin-right:3px}.k-treeview .k-in{margin:1px 0 1px .16666em;padding:1px .3333em 1px .25em;line-height:1.3333em;text-decoration:none;border-style:solid;border-width:1px}.k-treeview span.k-in{cursor:default}.k-treeview .k-drop-hint{position:absolute;z-index:10000;visibility:hidden;width:80px;height:5px;margin-top:-3px;background-color:transparent;background-repeat:no-repeat}span.k-datepicker,span.k-timepicker,span.k-datetimepicker,span.k-colorpicker,span.k-numerictextbox,span.k-combobox,span.k-dropdown{background-image:none}.k-autocomplete,.k-combobox,.k-datepicker,.k-timepicker,.k-datetimepicker,.k-colorpicker,.k-numerictextbox,.k-dropdown,.k-selectbox,.k-textbox{position:relative;display:inline-block;width:12.4em;overflow:visible;border-width:0;vertical-align:middle}.k-filter-menu .k-combobox,.k-filter-menu .k-datepicker,.k-filter-menu .k-timepicker,.k-filter-menu .k-datetimepicker,.k-filter-menu .k-numerictextbox,.k-filter-menu .k-dropdown,.k-filter-menu .k-textbox{width:13.2em}.k-autocomplete,.k-combobox,.k-datepicker,.k-timepicker,.k-datetimepicker,.k-colorpicker,.k-numerictextbox,.k-dropdown,.k-selectbox{white-space:nowrap}.k-colorpicker{width:auto}.k-datetimepicker{width:15em}.k-autocomplete,.k-picker-wrap,.k-numeric-wrap{position:relative;cursor:default}.k-dropdown-wrap{position:relative}.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap{display:block}.k-block,.k-widget,.k-grid,.k-slider,.k-splitter,.k-treeview,.k-panelbar,.k-content,.k-header-column-menu{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-block,.k-slider,.k-splitbar,.k-calendar,.k-treeview,.k-pager-wrap,.k-grid-header .k-link,.k-header-column-menu{-webkit-touch-callout:none}.k-popup.k-list-container,.k-popup.k-calendar-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:2px;border-width:1px;border-style:solid}.k-list-container.k-state-border-down,.k-autocomplete.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-picker-wrap.k-state-border-down,.k-numeric-wrap.k-state-border-down{border-bottom-width:0;padding-bottom:1px}.k-list-container .km-scroll-container{padding-bottom:6px}.k-textbox,.k-autocomplete,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap{border-width:1px;border-style:solid;padding:0 1.9em 0 0}.k-numeric-wrap.k-expand-padding{padding-right:0}.k-textbox,.k-autocomplete{padding:0}.k-textbox.k-space-left{padding-left:1.9em}.k-textbox.k-space-right{padding-right:1.9em}.k-textbox .k-icon{top:50%;margin:-8px 0 0;position:absolute}.k-space-left .k-icon{left:3px}.k-space-right .k-icon{right:3px}.k-autocomplete,.k-dropdown-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-numeric-wrap.k-state-hover{-webkit-transition:box-shadow .15s ease-out;-moz-transition:box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;-webkit-transition:"box-shadow .15s ease-out";-moz-transition:"box-shadow .15s ease-out";-ms-transition:"box-shadow .15s ease-out";-o-transition:"box-shadow .15s ease-out";transition:"box-shadow .15s ease-out"}.k-textbox>input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-combobox .k-input{width:100%;vertical-align:top}.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-dropdown-wrap .k-input,.k-selectbox .k-input{font-family:inherit;border-width:0;outline:0}.k-dropdown .k-input,.k-selectbox .k-input{background:transparent}.k-ie7 .k-picker-wrap .k-input,.k-ie7 .k-numeric-wrap .k-input,.k-ie7 .k-combobox .k-input{margin:-1px 0}.k-picker-wrap .k-select,.k-numeric-wrap .k-select,.k-dropdown-wrap .k-select{position:absolute;top:0;right:0;display:inline-block;vertical-align:top;text-decoration:none}.k-combobox .k-select,.k-picker-wrap .k-select,.k-numeric-wrap .k-select{border-style:solid;border-width:0 0 0 1px;border-color:inherit}span.k-datetimepicker .k-select,span.k-datetimepicker .k-select+.k-select{right:0}.k-textbox>input,.k-autocomplete .k-input{display:block}.k-dropdown .k-select,.k-selectbox .k-select{overflow:hidden;border:0;text-decoration:none;font:inherit;color:inherit}.k-dropdown .k-input,.k-selectbox .k-input{display:block;overflow:hidden;text-overflow:ellipsis}.k-textbox>input,.k-autocomplete .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-dropdown-wrap .k-input,.k-selectbox .k-input{height:1.65em;line-height:1.65em;padding:.177em 0;text-indent:.33em;border:0;margin:0}.k-ie7 .k-autocomplete .k-input,.k-ie7 .k-picker-wrap .k-input,.k-ie7 .k-numeric-wrap .k-input,.k-ie7 .k-dropdown-wrap .k-input,.k-ie7 .k-selectbox .k-input{text-indent:0}.k-picker-wrap .k-select,.k-numeric-wrap .k-select,.k-dropdown-wrap .k-select{min-height:1.65em;line-height:2em;vertical-align:middle;-moz-box-sizing:border-box;text-align:center;width:1.9em;height:100%}.k-numeric-wrap .k-select{padding:0}body .k-datetimepicker .k-select{border-radius:0}.k-ie7 .k-picker-wrap .k-icon,.k-ie7 .k-dropdown-wrap .k-icon{line-height:2em;font-size:1em;padding-top:16px;height:0}.k-combobox .k-icon,.k-dropdown,.k-selectbox .k-icon{cursor:pointer}.k-popup{border-style:solid;border-width:1px}.k-popup .k-item{cursor:default}.k-popup .k-calendar{border:0}.k-list{height:100%}.k-popup .k-list .k-item{padding:1px 5px 1px 5px;line-height:1.8em;min-height:1.8em}.k-popup .k-list .k-state-hover,.k-popup .k-list .k-state-focused,.k-popup .k-list .k-state-selected{padding:0 4px;border-width:1px;border-style:solid}.k-multiselect-wrap{position:relative;border-width:0;border-style:solid;border-radius:4px;border-color:#c5c5c5;background-color:#FFF;min-height:2.04em}.k-multiselect-wrap .k-input{background-color:transparent;height:1.31em;line-height:1.31em;padding:.18em 0;text-indent:.33em;border:0;margin:1px 0 0;float:left}.k-multiselect-wrap li{margin:1px 0 1px 1px;padding:.1em .15em .1em .4em;line-height:1.5em;float:left}.k-autocomplete .k-loading,.k-multiselect .k-loading{position:absolute;right:3px;bottom:4px}.k-multiselect .k-loading-hidden{visibility:hidden}.k-datetimepicker .k-picker-wrap{padding-right:3.8em}.k-datetimepicker .k-select{width:3.8em}.k-datetimepicker .k-picker-wrap .k-icon{margin:0 2px}.k-picker-wrap .k-icon{cursor:pointer}.k-button,.k-textbox,.k-timepicker,.k-datepicker,.k-datetimepicker{display:inline-block;vertical-align:middle}.k-picker-wrap .k-input{margin:0}.k-time-popup .k-item{padding:1px 3px}.k-input{padding:.25em 0}.k-input,.k-textbox>input{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-textbox{outline:0;padding:2px .3em;line-height:1.6em}input.k-textbox{height:2.13em;text-indent:.33em}.k-ie input.k-textbox{text-indent:.165em}.k-ff input.k-textbox{height:2.17em}.k-ie7 input.k-textbox{line-height:1.72em;height:1.72em;text-indent:.33em}textarea.k-textbox{height:auto}.k-ie7 .k-textbox{padding:1px 0;text-indent:0}span.k-numerictextbox{background-color:transparent}.k-numerictextbox .k-input{margin:0}.k-numerictextbox .k-link{display:block;height:1em;line-height:1em;vertical-align:middle;border-width:0;padding:0}.k-numerictextbox .k-icon{height:11px}.k-numeric-wrap .k-input::-webkit-inner-spin-button{-webkit-appearance:none}.k-colorpicker .k-picker-wrap{line-height:2em}.k-colorpicker .k-selected-color{vertical-align:top;line-height:0;display:inline-block;height:2em;width:2em}.k-colorpicker .k-tool-icon{position:relative;top:-2px;display:inline-block;padding:3px 3px 2px;font-size:0;line-height:0;margin-right:3px;margin-left:2px;margin-bottom:3px;background-repeat:no-repeat;vertical-align:middle;width:16px;height:16px;-ms-high-contrast-adjust:none}.k-colorpicker .k-tool-icon .k-selected-color{display:block;height:3px;width:16px;position:absolute;left:3px;bottom:-3px;border-radius:0!important}.k-colorpicker .k-icon{cursor:pointer}.k-disabled-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.5;filter:alpha(opacity=50)}.k-colorpalette{position:relative;line-height:0;border-width:0;display:inline-block}.k-colorpalette .k-palette{border-collapse:collapse;position:relative;width:100%;height:100%}.k-colorpalette .k-item{width:14px;height:14px;overflow:hidden;-ms-high-contrast-adjust:none}.k-colorpalette .k-item.k-state-selected{z-index:100;background:transparent;box-shadow:0 1px 4px #000,inset 0 0 3px #fff;position:relative}.k-flatcolorpicker{position:relative;display:inline-block;width:250px;padding-bottom:5px}div.k-flatcolorpicker{background-color:transparent;background-image:none}.k-flatcolorpicker .k-selected-color{background-image:url(/Content/kendo/textures/transtexture.png);background-position:50% 50%;text-align:right}.k-flatcolorpicker .k-selected-color input.k-color-value{font-family:Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;padding:.75em .3em .65em 1em;border:0;margin:0;width:70%}.k-flatcolorpicker .k-hsv-rectangle{position:relative;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-ms-touch-action:pinch-zoom double-tap-zoom}.k-flatcolorpicker .k-hsv-rectangle .k-draghandle{cursor:pointer;position:absolute;z-index:10;left:50%;top:50%;width:8px;height:8px;border:1px solid #eee;margin-left:-5px;margin-top:-5px;border-radius:6px;-webkit-box-shadow:0 1px 2px #444;box-shadow:0 1px 2px #444;background:transparent}.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus{background:transparent;border-color:#fff;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000}.k-flatcolorpicker .k-hsv-rectangle.k-dragging,.k-flatcolorpicker .k-hsv-rectangle.k-dragging *{cursor:none}.k-flatcolorpicker .k-slider-horizontal{height:20px;width:90%;margin:0 5%}.k-flatcolorpicker .k-slider-horizontal .k-slider-track{-webkit-box-shadow:0 1px 0 #fff,0 -1px 0 #999;box-shadow:0 1px 0 #fff,0 -1px 0 #999}.k-flatcolorpicker .k-hue-slider,.k-flatcolorpicker .k-transparency-slider{display:block}.k-flatcolorpicker .k-hue-slider .k-slider-selection,.k-flatcolorpicker .k-transparency-slider .k-slider-selection{background:transparent}.k-flatcolorpicker .k-hue-slider .k-draghandle,.k-flatcolorpicker .k-transparency-slider .k-draghandle{background:transparent;border:3px solid #eee;margin-top:1px;height:8px;width:8px;-webkit-box-shadow:0 1px 4px #444;box-shadow:0 1px 4px #444}.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus{background:transparent;border-color:#fff;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;border-width:2px;padding:1px}.k-flatcolorpicker .k-hue-slider .k-slider-track{background:-moz-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f00),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),color-stop(100%,#ff0004));background:-webkit-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-o-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-ms-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-left-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.k-flatcolorpicker .k-transparency-slider .k-slider-track{background-image:url(/Content/kendo/textures/transparency.png);background-size:100% auto;background-position:100% 50%;background-repeat:no-repeat}.k-flatcolorpicker .k-controls{margin-top:10px;margin-bottom:5px;text-align:center;font-size:90%}.k-flatcolorpicker .k-controls .k-button{width:6em}.k-flatcolorpicker .k-hsv-gradient{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#000)),-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-top-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-left-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);height:180px;margin-bottom:5px}.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)}.k-ie9 .k-flatcolorpicker .k-hsv-gradient{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)}.k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track,.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track{background:url(/Content/kendo/textures/hue.png) repeat 0 50%}.k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track,.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track{background:url(/Content/kendo/textures/transparency.png) repeat 0 50%}.k-ie7 .k-flatcolorpicker .k-hsv-gradient,.k-ie8 .k-flatcolorpicker .k-hsv-gradient{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0)}table.k-editor{width:100%;height:250px;table-layout:fixed;border-style:solid;border-width:1px;border-collapse:separate;border-spacing:4px;font-size:100%;vertical-align:top}.k-editor-inline{border-width:2px;padding:.3em .5em;word-wrap:break-word}.k-editortoolbar-dragHandle{cursor:move;padding-left:0;padding-right:3px}.k-editor .k-editor-toolbar-wrap{border:0;padding:0}.k-editor-toolbar{margin:0;padding:.1em 0;list-style-type:none;line-height:1.3em;cursor:default}.k-editor-toolbar li{display:inline;vertical-align:middle}.k-webkit .k-editor-toolbar,.k-ff .k-editor-toolbar,.k-ie9 .k-editor-toolbar{padding:0}.k-webkit .k-editor-toolbar li,.k-ff .k-editor-toolbar li,.k-ie9 .k-editor-toolbar li,.k-ie10 .k-editor-toolbar li{display:inline-block;padding:.1em 0}.k-editor-toolbar .k-editor-widget,.k-editor-toolbar>li{margin-right:6px}.k-editor-toolbar .k-editor-dropdown{position:relative}.k-select-overlay{-webkit-appearance:none;opacity:0;z-index:11000;top:0;left:0;position:absolute;height:26px;width:100%;margin:-4px 0 0}.k-editor-toolbar .k-separator{position:relative;top:1px;border-style:solid;border-width:0 1px 0 0;margin:0 .3em 0 .1em;padding:0 0 0 1px;font-size:1.3em}.k-editor-toolbar .k-break{display:block;height:1px;font-size:0;line-height:0}.k-editor-toolbar .k-dropdown,.k-editor-toolbar .k-combobox,.k-editor-toolbar .k-selectbox,.k-editor-toolbar .k-colorpicker{vertical-align:middle}.k-button-group{white-space:nowrap}.k-button-group .k-tool{display:inline-block;vertical-align:middle;margin:1px 0;width:24px;height:24px;line-height:24px}.k-button-group .k-tool-icon{width:24px;height:24px;vertical-align:middle;-ms-high-contrast-adjust:none}.k-i-move{background-position:-160px -288px}.k-bold{background-position:-240px 0}.k-state-hover .k-bold,.k-state-selected .k-bold{background-position:-264px 0}.k-italic{background-position:-240px -24px}.k-state-hover .k-italic,.k-state-selected .k-italic{background-position:-264px -24px}.k-underline{background-position:-240px -48px}.k-state-hover .k-underline,.k-state-selected .k-underline{background-position:-264px -48px}.k-strikethrough{background-position:-240px -72px}.k-state-hover .k-strikethrough,.k-state-selected .k-strikethrough{background-position:-264px -72px}.k-foreColor{background-position:-240px -96px}.k-state-hover .k-foreColor,.k-state-selected .k-foreColor{background-position:-264px -96px}.k-backColor{background-position:-240px -120px}.k-state-hover .k-backColor,.k-state-selected .k-backColor{background-position:-264px -120px}.k-colorpicker .k-foreColor{background-position:-240px -96px}.k-colorpicker .k-backColor{background-position:-240px -120px}.k-justifyLeft{background-position:-240px -144px}.k-state-hover .k-justifyLeft,.k-state-selected .k-justifyLeft{background-position:-264px -144px}.k-justifyCenter{background-position:-240px -168px}.k-state-hover .k-justifyCenter,.k-state-selected .k-justifyCenter{background-position:-264px -168px}.k-justifyRight{background-position:-240px -192px}.k-state-hover .k-justifyRight,.k-state-selected .k-justifyRight{background-position:-264px -192px}.k-justifyFull{background-position:-240px -216px}.k-state-hover .k-justifyFull,.k-state-selected .k-justifyFull{background-position:-264px -216px}.k-insertUnorderedList{background-position:-240px -264px}.k-state-hover .k-insertUnorderedList,.k-state-selected .k-insertUnorderedList{background-position:-264px -264px}.k-insertOrderedList{background-position:-240px -288px}.k-state-hover .k-insertOrderedList,.k-state-selected .k-insertOrderedList{background-position:-264px -288px}.k-indent,.k-rtl .k-outdent{background-position:-288px 0}.k-state-hover .k-indent,.k-state-hover .k-rtl .k-outdent,.k-state-selected .k-indent,.k-state-selected .k-rtl .k-outdent{background-position:-312px 0}.k-outdent,.k-rtl .k-indent{background-position:-288px -24px}.k-state-hover .k-outdent,.k-state-hover .k-rtl .k-indent,.k-state-selected .k-outdent,.k-state-selected .k-rtl .k-indent{background-position:-312px -24px}.k-createLink{background-position:-288px -48px}.k-state-hover .k-createLink,.k-state-selected .k-createLink{background-position:-312px -48px}.k-unlink{background-position:-288px -72px}.k-state-hover .k-unlink,.k-state-selected .k-unlink{background-position:-312px -72px}.k-insertImage{background-position:-288px -96px}.k-state-hover .k-insertImage,.k-state-selected .k-insertImage{background-position:-312px -96px}.k-subscript{background-position:-288px -144px}.k-state-hover .k-subscript,.k-state-selected .k-subscript{background-position:-312px -144px}.k-superscript{background-position:-288px -168px}.k-state-hover .k-superscript,.k-state-selected .k-superscript{background-position:-312px -168px}.k-createTable{background-position:-192px 0}.k-state-hover .k-createTable,.k-state-selected .k-createTable{background-position:-216px 0}.k-addColumnLeft{background-position:-192px -24px}.k-state-hover .k-addColumnLeft,.k-state-selected .k-addColumnLeft{background-position:-216px -24px}.k-addColumnRight{background-position:-192px -48px}.k-state-hover .k-addColumnRight,.k-state-selected .k-addColumnRight{background-position:-216px -48px}.k-addRowAbove{background-position:-192px -72px}.k-state-hover .k-addRowAbove,.k-state-selected .k-addRowAbove{background-position:-216px -72px}.k-addRowBelow{background-position:-192px -96px}.k-state-hover .k-addRowBelow,.k-state-selected .k-addRowBelow{background-position:-216px -96px}.k-deleteRow{background-position:-192px -120px}.k-state-hover .k-deleteRow,.k-state-selected .k-deleteRow{background-position:-216px -120px}.k-deleteColumn{background-position:-192px -144px}.k-state-hover .k-deleteColumn,.k-state-selected .k-deleteColumn{background-position:-216px -144px}.k-mergeCells{background-position:-192px -168px}.k-state-hover .k-mergeCells,.k-state-selected .k-mergeCells{background-position:-216px -168px}.k-fontName{width:110px}.k-fontSize{width:124px}.k-formatBlock{width:147px}.k-editortoolbar-dragHandle{float:left;margin:1px 0 0}.k-editor-toolbar .k-button-group{padding:1px}.k-editor .k-editor-toolbar .k-row-break{display:block;height:0;font-size:0;line-height:0}.k-button-group .k-tool{border-style:solid;border-width:1px;margin-right:-1px}.k-button-group .k-tool.k-state-hover,.k-button-group .k-tool:focus{position:relative;z-index:1}.k-rtl .k-button-group .k-tool{border-style:solid;border-width:1px}.k-button-group .k-tool.k-group-end{border-right-width:1px}.k-rtl .k-button-group .k-tool.k-group-end{border-left-width:1px}.k-button-group .k-state-disabled{display:none}.k-button-group .k-state-hover,.k-button-group .k-state-active{vertical-align:middle}.k-button-group .k-state-disabled{filter:alpha(opacity=30);opacity:.3}.k-editor .k-editable-area{width:100%;height:100%;border-style:solid;border-width:1px;outline:0}.k-editor .k-content{display:block;width:100%;height:100%;border:0;margin:0;padding:0;background:#fff}.k-editor .k-tool{outline:0}.k-editor iframe.k-content{display:inline;vertical-align:top}.k-editor .k-raw-content{border:0;margin:0;padding:0}.k-editor .k-raw-content,.k-editor-dialog .k-editor-textarea{font-size:inherit;font-family:consolas,"courier new",monospace}.k-editor-dialog{padding:1em;width:400px}.k-editor-dialog .k-edit-label{width:25%}.k-editor-dialog .k-edit-field{width:66%}.k-editor-dialog .k-edit-field .k-textbox{width:96%}.k-editor-dialog .k-edit-field .k-checkbox{margin:0 .4em 0 0}.k-viewhtml-dialog{width:auto}.k-imagebrowser-dialog{width:740px}.k-imagebrowser-dialog .k-imagebrowser{margin:0 1em 0}.k-imagebrowser-dialog .k-edit-label{width:13%}.k-imagebrowser-dialog .k-edit-field{width:81%}.k-imagebrowser-dialog .k-edit-field .k-textbox{width:50%}#k-editor-image-width,#k-editor-image-height{width:5em}.k-editor-dialog .k-button{display:inline-block}.k-editor-dialog .k-editor-textarea{width:600px;height:350px;padding:.2em .2em .2em .4em;border-width:1px;border-style:solid;overflow:auto}.k-button-wrapper .k-link:hover{text-decoration:underline}.k-ct-popup{width:180.39999999999998px;padding:.65em .5em .5em}.k-ct-popup .k-status{margin:.3em 0}.k-ct-cell{border-width:1px;border-style:solid;width:18px;height:18px;margin:1px;vertical-align:top;display:inline-block;overflow:hidden;-ms-high-contrast-adjust:none}.k-notification-wrap{padding:.6em .5em;cursor:default;position:relative;white-space:nowrap}.k-notification-button .k-notification-wrap{padding-right:20px}.k-notification-wrap>.k-i-note{vertical-align:text-bottom;margin-right:4px}.k-notification-wrap>.k-i-close{position:absolute;top:7px;right:4px;display:none}.k-notification-button .k-notification-wrap>.k-i-close{display:block}.k-progressbar{display:inline-block;position:relative;vertical-align:middle}.k-progressbar{border-radius:4px}.k-progressbar-horizontal{width:27em;height:1.9em}.k-progressbar-vertical{width:1.9em;height:27em}.k-progressbar>.k-state-selected{position:absolute;border-style:solid;border-width:1px;overflow:hidden}.k-progressbar-horizontal>.k-state-selected,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected{left:-1px;right:auto;top:-1px;height:100%;border-radius:4px 0 0 4px}.k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected,.k-rtl .k-progressbar-horizontal>.k-state-selected{left:auto;right:-1px;border-radius:0 4px 4px 0}.k-progressbar-vertical>.k-state-selected{left:-1px;bottom:-1px;width:100%;border-radius:0 0 4px 4px}.k-progressbar-vertical.k-progressbar-reverse>.k-state-selected{bottom:auto;top:-1px;border-radius:4px 4px 0 0}.k-progressbar>.k-state-selected.k-complete,.k-rtl .k-progressbar>.k-state-selected.k-complete{border-radius:4px}.k-progressbar>.k-reset{list-style:none;margin:0;padding:0;position:absolute;left:-1px;top:-1px;width:100%;height:100%;border-radius:4px;white-space:nowrap}.k-progressbar-horizontal .k-item{display:inline-block;height:100%;border-style:solid;margin-left:-1px}.k-progressbar-horizontal .k-item.k-first{margin-left:0}.k-progressbar-horizontal .k-item.k-last{border-right-width:0}.k-progressbar-horizontal .k-item,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item{border-width:1px 1px 1px 0}.k-progressbar-horizontal.k-progressbar-reverse .k-item,.k-rtl .k-progressbar-horizontal .k-item{border-width:1px 0 1px 1px}.k-progressbar-horizontal .k-first,.k-rtl .k-progressbar-horizontal .k-last,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last{border-radius:4px 0 0 4px;border-left-width:1px}.k-progressbar-horizontal .k-last,.k-rtl .k-progressbar-horizontal .k-first{border-radius:0 4px 4px 0}.k-progressbar-horizontal.k-progressbar-reverse .k-last,.k-rtl .k-progressbar-horizontal .k-first{border-right-width:1px}.k-progressbar-vertical .k-item{width:100%;border-style:solid;border-width:1px 1px 0 1px;margin-top:-1px}.k-progressbar-vertical .k-item.k-first{margin-top:0}.k-progressbar-vertical li.k-item.k-last{border-bottom-width:0}.k-progressbar-vertical .k-first{border-radius:4px 4px 0 0}.k-progressbar-vertical .k-last{border-radius:0 0 4px 4px;border-bottom-width:1px}.k-progressbar-vertical.k-progressbar-reverse .k-item{border-width:0 1px 1px 1px}.k-progressbar-vertical.k-progressbar-reverse .k-first{border-top-width:1px}.k-progress-status-wrap{position:absolute;top:-1px;border:1px solid transparent;line-height:2em;width:100%;height:100%}.k-progress-status-wrap,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap{left:-1px;right:auto;text-align:right}.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,.k-rtl .k-progressbar-horizontal .k-progress-status-wrap{left:auto;right:-1px;text-align:left}.k-progressbar-vertical .k-progress-status-wrap{top:auto;bottom:-1px}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap{bottom:auto;top:-1px}.k-progress-status{display:inline-block;padding:0 .5em;min-width:10px;white-space:nowrap}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status{position:absolute;bottom:0;left:0}.k-progressbar-vertical .k-progress-status{-webkit-transform:rotate(-90deg) translateX(-100%);-moz-transform:rotate(-90deg) translateX(-100%);-ms-transform:rotate(-90deg) translateX(-100%);-o-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status{-webkit-transform:rotate(90deg) translateX(-100%);-moz-transform:rotate(90deg) translateX(-100%);-ms-transform:rotate(90deg) translateX(-100%);-o-transform:rotate(90deg) translateX(-100%);transform:rotate(90deg) translateX(-100%);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.k-ie7 .k-progressbar-vertical .k-progress-status{writing-mode:tb-rl;padding:.5em 0}.k-ie8 .k-progressbar-vertical .k-progress-status{writing-mode:bt-lr;padding:.5em 0}div.k-slider{position:relative;border-width:0;background-color:transparent;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-slider-vertical{width:26px;height:200px}.k-slider-horizontal{display:inline-block;width:200px;height:26px}.k-slider-wrap{width:100%;height:100%}.k-slider .k-button,.k-grid .k-slider .k-button{position:absolute;top:0;width:24px;min-width:0;height:24px;margin:0;padding:0;outline:0}.k-slider .k-button .k-icon{margin-top:3px;vertical-align:top}.k-state-disabled .k-slider-wrap{filter:alpha(opacity=60);opacity:.6}.k-state-disabled .k-slider-wrap .k-slider-items{color:#333}.k-slider .k-button-decrease{left:0}.k-slider-vertical .k-button-decrease,.k-grid .k-slider-vertical .k-button-decrease{top:auto;bottom:0}.k-slider .k-button-increase{right:0}.k-slider .k-icon,.k-slider-track,.k-slider .k-tick{cursor:pointer}.k-ie7 .k-slider .k-icon{margin-top:2px}.k-slider-track,.k-slider-selection{position:absolute;margin:0;padding:0}.k-slider-horizontal .k-slider-track,.k-slider-horizontal .k-slider-selection{top:50%;left:0;height:8px;margin-top:-4px;background-repeat:repeat-x}.k-slider-horizontal .k-slider-buttons .k-slider-track{left:34px}.k-slider-vertical .k-slider-track,.k-slider-vertical .k-slider-selection{left:50%;bottom:0;width:8px;margin-left:-4px;background-repeat:repeat-y}.k-slider-vertical .k-slider-buttons .k-slider-track{bottom:34px}.k-draghandle{position:absolute;background-repeat:no-repeat;background-color:transparent;text-indent:-3333px;overflow:hidden;text-decoration:none;text-align:center;outline:0}.k-slider-horizontal .k-draghandle{top:-4px;width:13px;height:14px}.k-slider-vertical .k-draghandle{left:-4px;width:14px;height:13px}.k-slider-buttons .k-slider-items{margin-left:34px}.k-slider-horizontal .k-slider-items{height:100%}.k-slider-vertical .k-slider-items{padding-top:1px}.k-slider-vertical .k-slider-buttons .k-slider-items{padding-top:0}.k-slider-vertical .k-slider-buttons .k-slider-items{margin:0;padding-top:35px}.k-slider .k-tick{position:relative;margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center center}.k-slider-horizontal .k-tick{float:left;height:100%;text-align:center}.k-ie7 .k-slider-vertical .k-tick{float:left;clear:left;width:100%}.k-slider-horizontal .k-tick{background-position:center -92px}.k-slider-horizontal .k-slider-topleft .k-tick{background-position:center -122px}.k-slider-horizontal .k-slider-bottomright .k-tick{background-position:center -152px}.k-slider-horizontal .k-tick-large{background-position:center -2px}.k-slider-horizontal .k-slider-topleft .k-tick-large{background-position:center -32px}.k-slider-horizontal .k-slider-bottomright .k-tick-large{background-position:center -62px}.k-slider-vertical .k-tick{background-position:-92px center}.k-slider-vertical .k-slider-topleft .k-tick{background-position:-122px center}.k-slider-vertical .k-slider-bottomright .k-tick{background-position:-152px center}.k-slider-vertical .k-tick-large{background-position:-2px center}.k-slider-vertical .k-slider-topleft .k-tick-large{background-position:-32px center}.k-slider-vertical .k-slider-bottomright .k-tick-large{background-position:-62px center}.k-slider-horizontal .k-first{background-position:0 -92px}.k-slider-horizontal .k-tick-large.k-first{background-position:0 -2px}.k-slider-horizontal .k-slider-topleft .k-first{background-position:0 -122px}.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first{background-position:0 -32px}.k-slider-horizontal .k-slider-bottomright .k-first{background-position:0 -152px}.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first{background-position:0 -62px}.k-slider-horizontal .k-last{background-position:100% -92px}.k-slider-horizontal .k-tick-large.k-last{background-position:100% -2px}.k-slider-horizontal .k-slider-topleft .k-last{background-position:100% -122px}.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last{background-position:100% -32px}.k-slider-horizontal .k-slider-bottomright .k-last{background-position:100% -152px}.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last{background-position:100% -62px}.k-slider-vertical .k-first{background-position:-92px 100%}.k-slider-vertical .k-tick-large.k-first{background-position:-2px 100%}.k-slider-vertical .k-slider-topleft .k-first{background-position:-122px 100%}.k-slider-vertical .k-slider-topleft .k-tick-large.k-first{background-position:-32px 100%}.k-slider-vertical .k-slider-bottomright .k-first{background-position:-152px 100%}.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first{background-position:-62px 100%}.k-slider-vertical .k-last{background-position:-92px 0}.k-slider-vertical .k-tick-large.k-last{background-position:-2px 0}.k-slider-vertical .k-slider-topleft .k-last{background-position:-122px 0}.k-slider-vertical .k-slider-topleft .k-tick-large.k-last{background-position:-32px 0}.k-slider-vertical .k-slider-bottomright .k-last{background-position:-152px 0}.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last{background-position:-62px 0}.k-slider-vertical .k-tick{text-align:right}.k-slider-vertical .k-slider-topleft .k-tick{text-align:left}.k-slider .k-label{position:absolute;white-space:nowrap;font-size:.92em}.k-slider-horizontal .k-label{left:0;width:100%;line-height:1}.k-slider-horizontal .k-first .k-label{left:-50%}.k-slider-horizontal .k-last .k-label{left:auto;right:-50%}.k-slider-horizontal .k-label{bottom:-1.2em}.k-slider-horizontal .k-slider-topleft .k-label{top:-1.2em}.k-slider-vertical .k-label{left:120%;display:block;text-align:left}.k-slider-vertical .k-last .k-label{top:-0.5em}.k-slider-vertical .k-first .k-label{bottom:-0.5em}.k-slider-vertical .k-slider-topleft .k-label{left:auto;right:120%}.k-slider-tooltip{top:-4444px}.k-scheduler-toolbar,.k-scheduler-footer{border-style:solid}.k-scheduler-toolbar,.k-scheduler-footer{line-height:28px;padding:6px}.k-scheduler-toolbar{border-width:0 0 1px}.k-edit-field.k-scheduler-toolbar{border-width:0;padding-top:0;padding-left:0;padding-right:0}.k-scheduler-header{text-align:center}.k-scheduler-footer{border-width:1px 0 0}.k-scheduler-toolbar>ul{float:right}.k-scheduler-toolbar>ul:first-child{float:left}.k-scheduler-toolbar>ul>li,.k-scheduler-footer>ul>li{display:inline-block;border-style:solid;border-width:1px 1px 1px 0}.k-scheduler .k-scheduler-toolbar .k-nav-current{border-width:0}.k-scheduler-toolbar>ul>li:first-child{border-left-width:1px}.k-scheduler div.k-scheduler-footer ul li{margin-right:.6em;border-width:1px}.k-scheduler-toolbar .k-link,.k-scheduler-footer .k-link{display:inline-block;padding:0 1.1em}.k-scheduler-toolbar .k-nav-prev .k-link,.k-scheduler-toolbar .k-nav-next .k-link{padding-left:.6em;padding-right:.6em}.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link,.k-ie7 .k-scheduler-toolbar .k-nav-next .k-link{height:2.3em;margin-top:-1px;vertical-align:middle}.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link .k-icon,.k-ie7 .k-scheduler-toolbar .k-nav-next .k-link .k-icon{margin-top:.5em}.k-scheduler-toolbar .k-nav-current .k-link{padding:0}.k-scheduler-toolbar .k-nav-current{margin:0 1.1em}.k-scheduler div.k-scheduler-toolbar>ul>li.k-nav-current,.k-scheduler .k-nav-current>.k-state-active{background:0}.k-scheduler-phone .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation{width:100%;text-align:center}.k-scheduler-phone .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation>li{background:0;border:0}.k-scheduler-phone .k-toolbar .k-nav-next{float:right}.k-scheduler-phone .k-toolbar .k-nav-prev{float:left}.k-scheduler-toolbar .k-i-calendar,.k-scheduler-footer .k-icon{margin:-2px 6px 0 0}.k-scheduler-header,.k-scheduler-header-wrap{overflow:hidden}.k-scheduler-header-wrap{position:relative;border-style:solid;border-width:0}.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap{border-right-width:1px}.k-scheduler-times,.k-scheduler-content{position:relative}.k-scheduler-times{overflow:hidden;white-space:nowrap;border-style:solid;border-width:0}.k-scheduler-content{overflow:auto}.k-scheduler-layout,.k-scheduler-table{border-spacing:0;width:100%;margin:0;border-collapse:separate}.k-ie7 .k-scheduler-content .k-scheduler-table{width:auto}.k-scheduler-layout>tbody>tr>td{padding:0;vertical-align:top}.k-safari .k-scheduler-layout>tbody>tr>td+td{width:100%}.k-scheduler-table{table-layout:fixed}.k-scheduler-times .k-scheduler-table{table-layout:auto}.k-scheduler-monthview .k-scheduler-content .k-scheduler-table{height:100%}.k-scheduler-table td,.k-scheduler-table th{height:1.5em;padding:.334em .5em;font-size:100%}.k-scheduler .k-scheduler-table td,.k-scheduler .k-scheduler-table th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-scheduler-monthview .k-hidden,.k-scheduler-monthview .k-hidden>div{width:0!important;overflow:hidden!important}.k-scheduler-monthview .k-hidden{height:60px;padding-left:0!important;padding-right:0!important;border-right-width:0!important}.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times{margin-right:1px}.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times .k-hidden{height:auto}.k-scheduler-monthview .k-scheduler-table td{height:80px;text-align:right}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td{height:40px}.k-scheduler-table td,.k-slot-cell{vertical-align:top}.k-scheduler-layout tr+tr .k-scheduler-times th:last-child{vertical-align:top}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td{text-align:center;vertical-align:middle}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span{font-size:1.5em}.k-scheduler-header th{overflow:hidden;text-overflow:ellipsis}.k-scheduler-table td,.k-scheduler-header th{border-style:solid;border-width:0 0 1px 1px}.k-scheduler-table td:first-child,.k-scheduler-header th:first-child{border-left-width:0}.k-scheduler-agendaview .k-scheduler-table td:first-child{border-left-width:1px}.k-scheduler-agendaview .k-scheduler-table td.k-first{border-left-width:0}.k-scheduler-layout tr+tr .k-scheduler-times tr:last-child>th,.k-scheduler-layout tr+tr .k-scheduler-table>tbody>tr:last-child>td,.k-scheduler-table>tbody>tr>.k-last{border-bottom-width:0}.k-scrollbar-h tr+tr .k-scheduler-times,.k-scrollbar-h .k-scheduler-content .k-scheduler-table>tbody>tr:last-child>td,.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table>tbody>tr>td.k-last{border-bottom-width:1px}.k-scheduler-times th{text-align:right;padding-right:.6em;border-style:solid;border-width:0 1px 1px 0;border-color:transparent}.k-scheduler-layout tr+tr .k-scheduler-times th{border-bottom-color:transparent}.k-scheduler-layout tr+tr .k-scheduler-times th.k-slot-cell,.k-scheduler-layout tr+tr .k-scheduler-times th.k-scheduler-times-all-day{border-bottom-color:inherit}.k-scheduler .k-middle-row td{border-bottom-style:dotted}.k-scheduler-now-arrow,.k-scheduler-now-line{position:absolute}.k-scheduler-now-arrow{width:0;height:0;border:solid 5px transparent;left:0}.k-scheduler-now-line{left:5px;right:0;height:1px}.k-task{position:relative}div.k-more-events{text-align:center;font-size:18px;line-height:1.2;padding:0}.k-more-events>span{display:block;margin-top:-0.6em}.k-event,.k-more-events{position:absolute;border-style:solid;border-width:1px;text-align:left;overflow:hidden}.k-event{cursor:default;min-height:1.3em}.k-event-drag-hint{filter:alpha(opacity=60);opacity:.6;cursor:-webkit-grabbing;cursor:-moz-grabbing}.k-scheduler-header .k-event{white-space:nowrap}.k-event-template{padding:.3em 1.4em .3em .6em}.k-event-time{display:none;padding-bottom:0;font-size:.9em}.k-event-drag-hint .k-event-time{display:block}.k-event-actions,.k-event>.k-link,.k-task>.k-link{position:absolute;top:3px;right:4px;white-space:nowrap}.k-event-actions{z-index:1}.k-scheduler-agendaview .k-task>.k-link{top:0;right:0}.k-event-actions:first-child{position:static;float:left;margin:4px 2px 0 4px}.k-webkit .k-event-actions:first-child{margin-top:3px}.k-event-actions:first-child>.k-link{display:inline-block}.k-event-delete{display:none}.k-event:hover .k-event-delete,tr:hover>td>.k-task .k-event-delete{display:inline-block}.k-event .k-event-top-actions,.k-event .k-event-bottom-actions{position:absolute;top:0;left:0;width:100%;text-align:center}.k-event .k-event-bottom-actions{top:auto;bottom:0}.k-event .k-resize-handle,.k-scheduler-mobile .k-event:hover .k-resize-handle{position:absolute;visibility:hidden;z-index:2}.k-event:hover .k-resize-handle,.k-event-active .k-resize-handle,.k-scheduler-mobile .k-event-active:hover .k-resize-handle{visibility:visible}.k-event .k-resize-handle:after{content:"";position:absolute;filter:alpha(opacity=50);opacity:.5}.k-scheduler-mobile .k-event .k-resize-handle:after{filter:none;opacity:1}.k-event>.k-resize-n{top:0;left:0;right:0;height:.4em}.k-event>.k-resize-s{bottom:0;left:0;right:0;height:.4em}.k-event>.k-resize-e{right:0;top:0;bottom:0;width:.4em}.k-event>.k-resize-w{left:0;top:0;bottom:0;width:.4em}.k-event>.k-resize-n:after,.k-event>.k-resize-s:after{top:1px;left:50%;margin-left:-1em;width:2em;height:1px}.k-event>.k-resize-s:after{top:auto;bottom:1px}.k-event>.k-resize-e:after,.k-event>.k-resize-w:after{left:1px;top:50%;margin-top:-0.7em;height:1.4em;width:1px}.k-event>.k-resize-e:after{left:auto;right:1px}.k-scheduler-mobile .k-event>.k-resize-n,.k-scheduler-mobile .k-event>.k-resize-s{height:.6em}.k-scheduler-mobile .k-event>.k-resize-e,.k-scheduler-mobile .k-event>.k-resize-w{width:.6em}.k-scheduler-mobile .k-event>.k-resize-n:after,.k-scheduler-mobile .k-event>.k-resize-s:after{top:0;margin-left:-3em;width:4em;height:.6em}.k-scheduler-mobile .k-event>.k-resize-s:after{bottom:0}.k-scheduler-mobile .k-event>.k-resize-e:after,.k-scheduler-mobile .k-event>.k-resize-w:after{left:0;margin-top:-0.7em;height:1.4em;width:.6em}.k-scheduler-mobile .k-event>.k-resize-e:after{right:0}.k-scheduler-mobile .k-event>.k-resize-n:after{border-radius:0 0 4px 4px}.k-scheduler-mobile .k-event>.k-resize-s:after{border-radius:4px 4px 0 0}.k-scheduler-mobile .k-event>.k-resize-w:after{border-radius:0 4px 4px 0}.k-scheduler-mobile .k-event>.k-resize-e:after{border-radius:4px 0 0 4px}.k-scheduler-phone .k-scheduler-monthview .k-events-container{position:absolute;text-align:center;height:6px;line-height:6px}.k-scheduler-phone .k-scheduler-monthview .k-event{position:static;display:inline-block;width:4px;height:4px;min-height:0;margin:1px}.k-scheduler-marquee{border-style:solid;border-width:0}.k-scheduler-marquee.k-first:before,.k-scheduler-marquee.k-last:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:3px}div.k-scheduler-marquee:before{top:0;left:0;border-right-color:transparent;border-bottom-color:transparent}div.k-scheduler-marquee:after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent}.k-scheduler-marquee .k-label-top{position:absolute;top:.3em;left:.8em;font-size:.8em}.k-scheduler-marquee .k-label-bottom{position:absolute;bottom:.3em;right:.81em;font-size:.8em}.k-scheduler-quickedit .k-textbox{width:200px}.k-tooltip-bottom{text-align:left}.k-tooltip-bottom .k-button{float:left;margin-right:.3em}.k-tooltip-bottom .k-quickedit-details{float:right;margin-right:0}.k-scheduler-agendaview .k-scheduler-table th,.k-scheduler-agendaview .k-scheduler-table td{text-align:left}.k-scheduler-times .k-slot-cell,.k-scheduler-groupcolumn{width:6em}.k-scheduler-datecolumn{width:12em}.k-scheduler-timecolumn{width:11em}.k-scheduler-timecolumn>div{position:relative;vertical-align:top}.k-webkit .k-scheduler-timecolumn>div>.k-icon{vertical-align:top}.k-scheduler-timecolumn>div>.k-i-arrow-e{position:absolute;right:-4px}.k-scheduler-timecolumn .k-i-arrow-w{margin-left:-4px}.k-scheduler-mark{display:inline-block;width:1em;height:1em;vertical-align:middle;margin-right:.5em}.k-scheduler-agendaday{float:left;margin:0 .2em 0 0;font-size:3em;font-weight:normal}.k-scheduler-agendaweek{display:block;margin:.4em 0 0;font-size:1.1em;font-style:normal}.k-scheduler-agendadate{font-size:.8em}.k-scheduler-timecolumn{white-space:nowrap}.k-scheduler-edit-form .k-edit-form-container,.k-scheduler-timezones .k-edit-form-container{width:520px}.k-scheduler-edit-form .k-edit-label{width:17%}.k-scheduler-edit-form .k-edit-field{width:77%}.k-scheduler-edit-form .k-textbox[name="title"],.k-scheduler-edit-form textarea.k-textbox{width:100%}.k-scheduler-edit-form textarea.k-textbox{min-height:4em;resize:vertical}.k-scheduler-edit-form>.k-edit-box:first-child .k-datetimepicker{margin-right:1em}.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons{clear:right;margin-right:2%;margin-left:2%;padding:0 0 .6em}.k-edit-box{float:left}.k-edit-box+.k-edit-box{float:right}.k-scheduler-edit-form label+input{margin-left:1em}.k-edit-field>ul.k-reset>li{margin:.2em 0 .4em;line-height:2.4}.k-edit-field>ul.k-reset.k-toolbar>li{margin:0}.k-edit-field>ul.k-reset .k-widget{margin-left:.8em}.k-edit-field>ul.k-reset .k-numerictextbox,.k-edit-field span.k-recur-interval{width:5em}.k-edit-field>ul.k-reset .k-dropdown,.k-edit-field>ul.k-reset .k-datepicker,div[name="recurrenceRule"]>.k-dropdown{width:9em}.k-popup-message{margin:0;padding:1em 0 2em;text-align:center}.k-scheduler-timezones .k-dropdown:first-child{width:100%}.k-scheduler-timezones .k-dropdown+.k-dropdown{margin:.5em 0 .7em}.k-tooltip{position:absolute;z-index:12000;border-style:solid;border-width:1px;padding:4px 5px 4px 6px;background-repeat:repeat-x;min-width:20px;text-align:center}.k-tooltip-button{text-align:right;height:0}.k-tooltip-content{height:100%}.k-tooltip-closable .k-tooltip-content{padding-right:20px}span.k-tooltip{position:static;display:inline-block;border-width:1px;padding:2px 5px 1px 6px}.k-invalid-msg{display:none}.k-callout{position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.k-callout-n{top:-13px;left:50%}.k-callout-w{top:50%;left:-13px}.k-callout-s{left:50%;bottom:-13px}.k-callout-e{top:50%;right:-13px}.k-slider-tooltip .k-callout-n,.k-slider-tooltip .k-callout-s{margin-left:-6px}.k-slider-tooltip .k-callout-w,.k-slider-tooltip .k-callout-e{margin-top:-6px}.k-tooltip-validation .k-warning{vertical-align:text-top;margin-right:3px}.k-tooltip-validation{z-index:9999}.k-splitter{position:relative;height:300px}.k-pane>.k-splitter{border-width:0;overflow:hidden}.k-splitter .k-pane{overflow:hidden}.k-splitter .k-scrollable{overflow:auto}.k-splitter .k-pane-loading{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.k-ghost-splitbar,.k-splitbar{position:absolute;border-style:solid;font-size:0;outline:0;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-splitter .k-ghost-splitbar-horizontal,.k-splitter .k-splitbar-horizontal{top:0;width:5px;border-width:0 1px;background-repeat:repeat-y}.k-ghost-splitbar-vertical,.k-splitbar-vertical{left:0;height:5px;border-width:1px 0;background-repeat:repeat-x}.k-splitbar-draggable-horizontal{cursor:w-resize}.k-splitbar-draggable-vertical{cursor:n-resize}.k-splitbar .k-resize-handle{display:none}.k-restricted-size-horizontal,.k-restricted-size-vertical{background-color:#f00}.k-splitbar-horizontal .k-icon{position:absolute;top:50%;width:5px;height:20px;margin-top:-10px}.k-collapse-prev,.k-collapse-next,.k-expand-prev,.k-expand-next{cursor:pointer}.k-splitbar-horizontal .k-collapse-prev{margin-top:-31px}.k-splitbar-horizontal .k-collapse-next{margin-top:11px}.k-splitbar-static-horizontal{width:1px}.k-splitbar-static-vertical{height:1px}.k-splitbar-vertical .k-icon{position:absolute;left:50%;width:20px;height:5px;margin-left:-10px}.k-splitbar-vertical .k-collapse-prev{margin-left:-31px}.k-splitbar-vertical .k-collapse-next{margin-left:11px}.k-splitbar-draggable-vertical .k-resize-handle,.k-splitbar-draggable-horizontal .k-resize-handle{display:inline-block}.k-splitbar-horizontal .k-resize-handle{background-position:-165px -6px}.k-splitbar-horizontal-hover>.k-resize-handle{background-position:-181px -6px}.k-splitbar-horizontal .k-collapse-prev,.k-splitbar-horizontal .k-expand-next{background-position:-6px -174px}.k-splitbar-horizontal-hover>.k-collapse-prev,.k-splitbar-horizontal-hover>.k-expand-next{background-position:-22px -174px}.k-splitbar-horizontal .k-collapse-next,.k-splitbar-horizontal .k-expand-prev{background-position:-5px -142px}.k-splitbar-horizontal-hover>.k-collapse-next,.k-splitbar-horizontal-hover>.k-expand-prev{background-position:-21px -142px}.k-splitbar-vertical .k-resize-handle{background-position:-38px -309px}.k-splitbar-vertical-hover>.k-resize-handle{background-position:-70px -309px}.k-splitbar-vertical .k-collapse-prev,.k-splitbar-vertical .k-expand-next{background-position:2px -134px}.k-splitbar-vertical-hover>.k-collapse-prev,.k-splitbar-vertical-hover>.k-expand-next{background-position:-14px -134px}.k-splitbar-vertical .k-collapse-next,.k-splitbar-vertical .k-expand-prev{background-position:2px -165px}.k-splitbar-vertical-hover>.k-collapse-next,.k-splitbar-vertical-hover>.k-expand-prev{background-position:-14px -165px}html .k-upload{position:relative}html .k-upload-empty{border-width:0;background:0}.k-dropzone em,.k-upload-button{vertical-align:middle}.k-ie7 .k-dropzone em,.k-ie7 .k-upload-button{vertical-align:baseline}.k-dropzone,.k-file{position:relative}.k-dropzone{border-style:solid;border-width:0;padding:.8em;background-color:transparent}.k-dropzone em{visibility:hidden;margin-left:.6em}.k-dropzone-active em{visibility:visible}.k-upload-button{position:relative;min-width:7.167em;overflow:hidden!important;direction:ltr}.k-upload-sync .k-upload-button,.k-ie7 .k-upload-button,.k-ie8 .k-upload-button,.k-ie9 .k-upload-button{margin:.8em}.k-upload-button input{position:absolute;top:0;right:0;z-index:1;font:200px monospace!important;filter:alpha(opacity=0);opacity:0;margin:0;padding:0;cursor:pointer}.k-upload-files{margin:0 0 .6em;line-height:2.66;border-style:solid;border-width:1px 0 0}.k-upload-files .k-button{padding:0}.k-upload-files .k-button,.k-upload-status-total .k-icon{margin-left:8px}.k-ie7 .k-upload-files .k-button{line-height:1}.k-upload .k-fail{background-position:-161px -111px}.k-si-refresh{background-position:-160px -128px}.k-link:not(.k-state-disabled):hover>.k-si-refresh,.k-state-hover>.k-si-refresh,.k-state-hover>*>.k-si-refresh,.k-button:hover .k-si-refresh,.k-textbox:hover .k-si-refresh,.k-button:active .k-si-refresh{background-position:-176px -128px}.k-si-tick,.k-success{background-position:-160px -96px}.k-link:not(.k-state-disabled):hover>.k-si-tick,.k-link:not(.k-state-disabled):hover>.k-success,.k-state-hover>.k-si-tick,.k-state-hover>.k-success,.k-state-hover>*>.k-si-tick,.k-state-hover>*>.k-success,.k-button:hover .k-si-tick,.k-button:hover .k-success,.k-textbox:hover .k-si-tick,.k-textbox:hover .k-success,.k-button:active .k-si-tick,.k-button:active .k-success{background-position:-176px -96px}.k-si-cancel{background-position:-160px -112px}.k-link:not(.k-state-disabled):hover>.k-si-cancel,.k-state-hover>.k-si-cancel,.k-state-hover>*>.k-si-cancel,.k-button:hover .k-si-cancel,.k-textbox:hover .k-si-cancel,.k-button:active .k-si-cancel{background-position:-176px -112px}.k-file{border-style:solid;border-width:0 0 1px;padding:.167em .167em .167em .8em}.k-file .k-icon{position:relative}.k-file>.k-icon{background-position:-112px -288px}.k-link:not(.k-state-disabled):hover>.k-file>.k-icon,.k-state-hover>.k-file>.k-icon,.k-state-hover>*>.k-file>.k-icon,.k-button:hover .k-file>.k-icon,.k-textbox:hover .k-file>.k-icon,.k-button:active .k-file>.k-icon{background-position:-128px -288px}.k-filename{position:relative;display:inline-block;min-width:10em;max-width:16.667em;vertical-align:middle;margin-left:1em;padding-bottom:.167em;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.k-upload-status{position:absolute;right:12px;top:.6em;line-height:.7em}.k-upload-status .k-button,.k-upload-status .k-warning{vertical-align:text-bottom}.k-dropzone .k-upload-status{line-height:2.4}.k-ie8 .k-upload-status-total{line-height:29px}.k-progress{position:absolute;top:0;bottom:0;left:0}.k-upload-selected{min-width:7.167em;margin:.25em 0 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-ie7 .k-upload-selected{min-width:100px}.k-upload-selected,.k-upload-cancel{margin-bottom:.8em}.k-upload-selected{margin-left:.8em;margin-right:.2em}.k-toolbar-wrap .k-dropzone em,.k-toolbar-wrap .k-upload-files{display:none}.k-toolbar-wrap .k-dropzone{border:0;padding:0}.k-toolbar-wrap .k-dropzone-active{text-align:center}.k-toolbar-wrap .k-dropzone-active em{display:inline;margin:0;font-size:5em;font-style:normal}.k-toolbar-wrap .k-dropzone-active .k-upload-button{display:none}.k-imagebrowser-dropzone{z-index:10010;filter:alpha(opacity=40);opacity:.4;position:fixed}.k-search-wrap{position:relative;float:right;width:20%;padding:0}.k-search-wrap label{position:absolute;top:0;left:4px;line-height:20px;font-style:italic}.k-search-wrap input.k-input{padding-left:0;padding-right:0}.k-search-wrap .k-search{position:absolute;top:4px;right:2px;margin:0}.k-breadcrumbs{position:relative;float:left;width:79%}.k-breadcrumbs-wrap{position:absolute;top:3px;left:0;z-index:1;padding-left:5px;line-height:18px}.k-breadcrumbs>.k-input{width:100%;font-size:inherit;font-family:inherit;border:0}.k-breadcrumbs .k-link,.k-breadcrumbs-wrap .k-icon{margin-top:0;text-decoration:none;vertical-align:middle;position:static}.k-breadcrumbs .k-link:hover{text-decoration:underline}.k-imagebrowser .k-breadcrumbs .k-i-seek-w{text-decoration:none;cursor:default}.k-imagebrowser .k-toolbar{border-style:solid;border-width:1px;margin:8px 0 0;padding:.25em;line-height:23px;white-space:nowrap}.k-imagebrowser .k-toolbar .k-button.k-state-disabled{display:none}.k-imagebrowser .k-toolbar-wrap{float:left}.k-imagebrowser .k-tiles-arrange{float:right}.k-imagebrowser .k-tiles-arrange .k-dropdown{width:75px}.k-imagebrowser .k-upload{float:left;z-index:10010;border-width:0;background-color:transparent}.k-imagebrowser .k-upload .k-upload-status{display:none}.k-imagebrowser .k-upload .k-upload-button{width:auto;margin-left:0;vertical-align:top}.k-imagebrowser .k-upload .k-icon{vertical-align:bottom}.k-ie7 .k-imagebrowser .k-upload-button,.k-ie7 .k-imagebrowser .k-upload .k-icon{vertical-align:baseline;position:relative;top:1px}.k-ie7 .k-imagebrowser .k-upload .k-icon{top:2px}.k-ie7 .k-imagebrowser .k-toolbar .k-button-icon{vertical-align:middle}.k-tiles{clear:both;height:390px;border-style:solid;border-width:1px;border-top-width:0;margin:0 0 1.4em;padding:9px;overflow:auto;line-height:1.2}.k-tile{float:left;width:223px;height:88px;overflow:hidden;border-style:solid;border-width:1px;margin:1px;padding:0 0 4px;background-position:0 100px;background-repeat:repeat-x;cursor:pointer}.k-tiles li.k-state-hover,.k-tiles li.k-state-selected{background-position:0 center}.k-imagebrowser .k-thumb{float:left;display:inline;width:80px;height:80px;margin:4px 10px 0 4px;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-imagebrowser .k-file{width:80px;height:80px}.k-imagebrowser .k-image{margin:2px 0 0 2px}.k-imagebrowser .k-folder{width:80px;height:80px;background-position:0 -200px;background-repeat:no-repeat}.k-imagebrowser .k-loading{margin:35px 0 0 33px}.k-tile strong,.k-tile input{margin:10px 0 4px;font-weight:normal}.k-tile strong{float:left;width:120px;overflow:hidden;text-overflow:ellipsis}.k-tile input{width:100px}.k-tile strong,.k-tile input,.k-tile .k-filesize{display:block}.k-imagebrowser .k-form-text-row{text-align:right}.k-imagebrowser .k-form-text-row label{width:14%}.k-imagebrowser .k-form-text-row input{width:80%}.k-tile-empty{margin:160px 0 0}.k-tile-empty .k-dialog-upload{font-weight:bold;font-size:120%}.k-tile-empty strong{display:block;margin:0 0 .2em;font-size:3em;font-weight:normal}.k-tile-empty,.k-tile-empty .k-button-wrapper{text-align:center}.k-ie7 .k-button,.k-ie7 .k-grid-filter,.k-ie7 .k-header-column-menu,.k-ie7 .k-grid .k-pager-numbers,.k-ie7 .k-grid .k-status-text,.k-ie7 .k-pager-numbers .k-link,.k-ie7 .k-pager-numbers span,.k-ie7 .k-pager-numbers input,.k-ie7 .k-grouping-row p,.k-ie7 .k-grouping-header a,.k-ie7 .k-grouping-header .k-group-indicator,.k-ie7 .k-grouping-header .k-link,.k-ie7 .k-grouping-header .k-button,.k-ie7 .k-grid-actions,.k-ie7 .k-edit-label,.k-ie7 .k-edit-field,.k-ie7 .k-edit-form-container .editor-label,.k-ie7 .k-edit-form-container .editor-field,.k-ie7 .k-combobox,.k-ie7 .k-dropdown,.k-ie7 .k-selectbox,.k-ie7 .k-picker-wrap .k-select,.k-ie7 .k-dropdown-wrap .k-select,.k-ie7 .k-numerictextbox,.k-ie7 .k-timepicker,.k-ie7 .k-datepicker,.k-ie7 .k-datetimepicker,.k-ie7 .k-colorpicker,.k-ie7 .k-calendar,.k-ie7 .k-calendar .k-nav-fast,.k-ie7 .k-treeview .k-icon,.k-ie7 .k-treeview .k-image,.k-ie7 .k-treeview .k-sprite,.k-ie7 .k-treeview .k-in,.k-ie7 .k-colorpicker,.k-ie7 .k-colorpicker .k-tool-icon,.k-ie7 .k-palette.k-reset,.k-ie7 .k-editor-dialog .k-button,.k-ie7 .k-form-text-row label,.k-ie7 .k-tabstrip-items .k-item,.k-ie7 .k-tabstrip-items .k-link,.k-ie7 .k-slider-horizontal,.k-ie7 .k-splitbar-draggable-vertical .k-resize-handle,.k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle,.k-ie7 .t-filename,.k-ie7 div.k-window,.k-ie7 .k-window-titlebar .k-window-action,.k-ie7 .k-scheduler-toolbar>ul>li,.k-ie7 .k-scheduler-footer>ul>li,.k-ie7 .k-scheduler-toolbar>ul>li,.k-ie7 .k-scheduler-footer>ul>li,.k-ie7 .k-event:hover .k-event-delete,.k-ie7 tr:hover>td>.k-task .k-event-delete,.k-ie7 .k-progressbar,.k-ie7 .k-progressbar-horizontal .k-item,.k-ie7 .k-progress-status,.k-ie7 .k-grid-header-locked,.k-ie7 .k-grid-content-locked,.k-ie7 .k-grid-header-locked+.k-grid-header-wrap,.k-ie7 .k-grid-content-locked+.k-grid-content,.k-ie7 .k-grid-footer-locked{display:inline;zoom:1}.k-ie7 .k-treeview .k-item,.k-ie7 .k-treeview .k-group{zoom:1}.km-root,.km-pane,.km-pane-wrapper{width:100%;height:100%;-ms-touch-action:none;-ms-content-zooming:none;-ms-user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.km-pane-wrapper{position:absolute;width:100%;height:100%}.km-pane,.km-shim{font-family:sans-serif}.km-pane{overflow-x:hidden}.km-view{top:0;left:0;position:absolute;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-moz-box-orient:vertical;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;vertical-align:top}.k-ff .km-view,.k-ff .km-pane{overflow:hidden}.k-ff18 .km-view,.k-ff18 .km-pane,.k-ff19 .km-view,.k-ff19 .km-pane,.k-ff20 .km-view,.k-ff20 .km-pane,.k-ff21 .km-view,.k-ff21 .km-pane{position:relative}.k-ff .km-view{display:-moz-inline-box;display:flex}.km-content{min-height:1px;-moz-box-flex:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-moz-box-align:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;flex-align:stretch;display:block;width:auto;overflow:hidden;position:relative}.km-actionsheet>li{list-style-type:none;padding:inherit 1em;line-height:2em}.km-actionsheet{padding:0;margin:0}.km-shim{left:0;bottom:0;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10001}.km-shim .k-animation-container,.km-actionsheet-wrapper{width:100%;-webkit-box-shadow:none;box-shadow:none;border:0}.km-shim .k-animation-container{width:auto}.km-pane-wrapper .k-grid-edit-form>.km-header,.km-pane-wrapper .k-grid-column-menu>.km-header,.km-pane-wrapper .k-grid-filter-menu>.km-header,.km-pane-wrapper .k-scheduler-edit-form>.km-header{border-style:solid;border-width:1px;padding:.3em .6em;text-align:center;width:auto;line-height:2em}.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-toolbar,.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-footer{line-height:2em}.km-pane-wrapper .k-grid-edit-form .k-multiselect,.km-pane-wrapper .k-scheduler-edit-form .k-multiselect{width:15em}.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap,.km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap{display:block}.km-pane-wrapper .k-grid-column-menu .k-done,.km-pane-wrapper .k-grid-filter-menu .k-submit,.km-pane-wrapper .k-grid-edit-form .k-grid-update,.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update{float:right}.km-pane-wrapper .k-grid-filter-menu .k-cancel,.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel{float:left}.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete,*:not(.km-pane)>.km-shim .km-actionsheet .k-button{display:block;text-align:center}*:not(.km-pane)>.km-shim .km-actionsheet .k-button{font-size:1.4em;margin:.3em 1em}*:not(.km-pane)>.km-shim .km-actionsheet-title{text-align:center;line-height:3em;margin-bottom:-0.3em}*:not(.km-pane)>.km-shim>.k-animation-container{margin:0!important;padding:0!important;left:0!important}.km-pane-wrapper>div.km-pane{-webkit-box-shadow:none;box-shadow:none;font-weight:normal}.km-pane-wrapper .k-popup-edit-form .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-edit-form .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-column-menu .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-filter-menu .km-content>.km-scroll-container{position:absolute;width:100%;min-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-mobile-list .k-edit-field{width:74%}.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form,.km-pane-wrapper .k-grid-edit-form .k-edit-form-container{width:auto}.km-pane-wrapper .k-filter-menu .k-button{width:100%;margin:0}.k-grid-mobile .k-resize-handle-inner{position:absolute;top:50%;margin-top:-10px;left:-7px;width:17px;height:17px;border-style:solid;border-width:2px;border-radius:10px}.k-grid-mobile .k-resize-handle-inner:before{content:"";position:absolute;top:50%;margin-top:-3px;left:1px;width:6px;height:6px;background-position:-5px -53px}.k-grid-mobile .k-resize-handle-inner:after{content:"";position:absolute;top:50%;margin-top:-3px;right:1px;width:6px;height:6px;background-position:-5px -21px}.km-pane-wrapper .km-pane *{-webkit-background-clip:border-box;background-clip:border-box}.km-pane-wrapper .km-pane .k-mobile-list,.km-pane-wrapper .k-mobile-list ul{padding:0;margin:0;list-style-type:none;border-radius:0;background:0}.km-pane-wrapper .km-switch{top:50%;right:.8rem;position:absolute;margin-top:-1.1rem}.km-pane-wrapper .k-mobile-list .k-state-disabled{opacity:1}.km-pane-wrapper .k-mobile-list .k-state-disabled>*{opacity:.7}.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-item>.k-link,.km-pane-wrapper .k-mobile-list .k-item>.k-label,.km-pane-wrapper .k-mobile-list .k-edit-label{display:block;position:relative;list-style-type:none;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.5em 0 .5em 1em;font-size:1em}.km-pane-wrapper .k-edit-form-container,.km-pane-wrapper .k-scheduler-edit-form .km-scroll-container{padding-top:1em;width:100%}.km-pane-wrapper .k-mobile-list .k-edit-label{position:absolute;margin:0;float:none;clear:none;width:100%}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label label{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.1em 0;margin:0}.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label{font-size:1em;line-height:1.6em;overflow:hidden}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label{width:100%;float:none;clear:none;min-height:2.7em}.km-pane-wrapper .km-header .k-icon,.km-pane-wrapper .k-grid-toolbar .k-icon,.km-pane-wrapper .k-grid-edit .k-icon,.km-pane-wrapper .k-grid-delete .k-icon{display:none}.km-pane-wrapper .k-mobile-list .k-edit-field{padding:.5em 0}.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar{padding:.3em 0}.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li{line-height:2em}.km-pane-wrapper .k-mobile-list .k-item>*{line-height:normal}.km-pane-wrapper .k-mobile-list .k-edit-buttons,.km-pane-wrapper .k-mobile-list .k-button-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.5em 1em;margin:0}.km-pane-wrapper .k-mobile-list>ul>li>.k-link,.km-pane-wrapper .k-mobile-list .k-filter-help-text>li>.k-link,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child{display:block;padding:.2em 1em;font-size:.95em;position:-webkit-sticky;margin:0;font-weight:normal;line-height:2em;background:transparent;border-top:1em solid transparent}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child{position:relative}.km-pane-wrapper .k-mobile-list .k-item:first-child{border-top:0}.km-pane-wrapper .k-mobile-list .k-item:last-child{border-bottom:0}.km-pane-wrapper .k-mobile-list .k-item>.k-link,.km-pane-wrapper .k-mobile-list .k-item>.k-label{line-height:inherit;text-decoration:none;margin:-0.5em 0 -0.5em -1em}.k-check[type=checkbox],.k-check[type=radio],.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:transparent}.km-pane-wrapper .k-mobile-list .k-link .k-check,.km-pane-wrapper .k-mobile-list .k-label .k-check,.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{border:0;font-size:inherit;width:13px;height:13px;margin:.26em 1em .26em 0}.k-ie .km-pane-wrapper .k-icon,.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check,.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,.k-ie .k-mobile-list .k-edit-field [type=checkbox],.k-ie .k-mobile-list .k-edit-field [type=radio]{font-size:inherit;text-indent:-9999px;width:1.01em;height:1em}@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:0 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:-1em 0}.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:0 -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:-1em -2em}.km-pane-wrapper .k-state-selected .k-i-arrow-n{background-position:-1em 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-n{background-position:-2em 0}.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-1em 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-2em 0}.km-pane-wrapper .k-state-selected .k-i-arrow-s{background-position:-1em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-s{background-position:-2em -2em}.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-1em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-2em -2em}.km-pane-wrapper .k-i-arrow-n{background-position:0 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-i-arrow-n,.k-button:active .km-pane-wrapper .k-i-arrow-n{background-position:-1em 0}.km-pane-wrapper .k-i-arrow-e{background-position:0 -1em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-e,.k-state-hover>.km-pane-wrapper .k-i-arrow-e,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-e,.k-button:hover .km-pane-wrapper .k-i-arrow-e,.k-textbox:hover .km-pane-wrapper .k-i-arrow-e,.k-button:active .km-pane-wrapper .k-i-arrow-e{background-position:-1em -1em}.k-rtl .km-pane-wrapper .k-i-arrow-w{background-position:0 -1em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-w,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-arrow-w,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-arrow-w,.k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-w,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-w,.k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-w{background-position:-1em -1em}.km-pane-wrapper .k-i-arrow-s{background-position:0 -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-i-arrow-s,.k-button:active .km-pane-wrapper .k-i-arrow-s{background-position:-1em -2em}.km-pane-wrapper .k-i-arrow-w{background-position:0 -3em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-w,.k-state-hover>.km-pane-wrapper .k-i-arrow-w,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-w,.k-button:hover .km-pane-wrapper .k-i-arrow-w,.k-textbox:hover .km-pane-wrapper .k-i-arrow-w,.k-button:active .km-pane-wrapper .k-i-arrow-w{background-position:-1em -3em}.k-rtl .km-pane-wrapper .k-i-arrow-e{background-position:0 -3em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-e,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-arrow-e,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-arrow-e,.k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-e,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-e,.k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-e{background-position:-1em -3em}.km-pane-wrapper .k-i-seek-n{background-position:0 -4em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-n,.k-state-hover>.km-pane-wrapper .k-i-seek-n,.k-state-hover>*>.km-pane-wrapper .k-i-seek-n,.k-button:hover .km-pane-wrapper .k-i-seek-n,.k-textbox:hover .km-pane-wrapper .k-i-seek-n,.k-button:active .km-pane-wrapper .k-i-seek-n{background-position:-1em -4em}.km-pane-wrapper .k-i-seek-e{background-position:0 -5em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-e,.k-state-hover>.km-pane-wrapper .k-i-seek-e,.k-state-hover>*>.km-pane-wrapper .k-i-seek-e,.k-button:hover .km-pane-wrapper .k-i-seek-e,.k-textbox:hover .km-pane-wrapper .k-i-seek-e,.k-button:active .km-pane-wrapper .k-i-seek-e{background-position:-1em -5em}.k-rtl .km-pane-wrapper .k-i-seek-w{background-position:0 -5em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-w,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-seek-w,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-seek-w,.k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-w,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-w,.k-rtl .k-button:active .km-pane-wrapper .k-i-seek-w{background-position:-1em -5em}.km-pane-wrapper .k-i-seek-s{background-position:0 -6em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-s,.k-state-hover>.km-pane-wrapper .k-i-seek-s,.k-state-hover>*>.km-pane-wrapper .k-i-seek-s,.k-button:hover .km-pane-wrapper .k-i-seek-s,.k-textbox:hover .km-pane-wrapper .k-i-seek-s,.k-button:active .km-pane-wrapper .k-i-seek-s{background-position:-1em -6em}.km-pane-wrapper .k-i-seek-w{background-position:0 -7em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-w,.k-state-hover>.km-pane-wrapper .k-i-seek-w,.k-state-hover>*>.km-pane-wrapper .k-i-seek-w,.k-button:hover .km-pane-wrapper .k-i-seek-w,.k-textbox:hover .km-pane-wrapper .k-i-seek-w,.k-button:active .km-pane-wrapper .k-i-seek-w{background-position:-1em -7em}.k-rtl .km-pane-wrapper .k-i-seek-e{background-position:0 -7em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-e,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-seek-e,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-seek-e,.k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-e,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-e,.k-rtl .k-button:active .km-pane-wrapper .k-i-seek-e{background-position:-1em -7em}.km-pane-wrapper .k-i-arrowhead-n{background-position:0 -16em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-n,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-n,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-n,.k-button:hover .km-pane-wrapper .k-i-arrowhead-n,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-n,.k-button:active .km-pane-wrapper .k-i-arrowhead-n{background-position:-1em -16em}.km-pane-wrapper .k-i-arrowhead-e{background-position:0 -17em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-e,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-e,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-e,.k-button:hover .km-pane-wrapper .k-i-arrowhead-e,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-e,.k-button:active .km-pane-wrapper .k-i-arrowhead-e{background-position:-1em -17em}.km-pane-wrapper .k-i-arrowhead-s{background-position:0 -18em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-s,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-s,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-s,.k-button:hover .km-pane-wrapper .k-i-arrowhead-s,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-s,.k-button:active .km-pane-wrapper .k-i-arrowhead-s{background-position:-1em -18em}.km-pane-wrapper .k-i-arrowhead-w{background-position:0 -19em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-w,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-w,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-w,.k-button:hover .km-pane-wrapper .k-i-arrowhead-w,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-w,.k-button:active .km-pane-wrapper .k-i-arrowhead-w{background-position:-1em -19em}.km-pane-wrapper .k-i-expand,.km-pane-wrapper .k-plus,.km-pane-wrapper .k-plus-disabled{background-position:0 -12em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-expand,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-plus,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-plus-disabled,.k-state-hover>.km-pane-wrapper .k-i-expand,.k-state-hover>.km-pane-wrapper .k-plus,.k-state-hover>.km-pane-wrapper .k-plus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-expand,.k-state-hover>*>.km-pane-wrapper .k-plus,.k-state-hover>*>.km-pane-wrapper .k-plus-disabled,.k-button:hover .km-pane-wrapper .k-i-expand,.k-button:hover .km-pane-wrapper .k-plus,.k-button:hover .km-pane-wrapper .k-plus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-expand,.k-textbox:hover .km-pane-wrapper .k-plus,.k-textbox:hover .km-pane-wrapper .k-plus-disabled,.k-button:active .km-pane-wrapper .k-i-expand,.k-button:active .km-pane-wrapper .k-plus,.k-button:active .km-pane-wrapper .k-plus-disabled{background-position:-1em -12em}.km-pane-wrapper .k-i-expand-w,.k-rtl .km-pane-wrapper .k-i-expand,.k-rtl .km-pane-wrapper .k-plus,.k-rtl .km-pane-wrapper .k-plus-disabled{background-position:0 -13em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-expand-w,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-i-expand,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-plus,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-plus-disabled,.k-state-hover>.km-pane-wrapper .k-i-expand-w,.k-state-hover>.k-rtl .km-pane-wrapper .k-i-expand,.k-state-hover>.k-rtl .km-pane-wrapper .k-plus,.k-state-hover>.k-rtl .km-pane-wrapper .k-plus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-expand-w,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-i-expand,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-plus,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-plus-disabled,.k-button:hover .km-pane-wrapper .k-i-expand-w,.k-button:hover .k-rtl .km-pane-wrapper .k-i-expand,.k-button:hover .k-rtl .km-pane-wrapper .k-plus,.k-button:hover .k-rtl .km-pane-wrapper .k-plus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-expand-w,.k-textbox:hover .k-rtl .km-pane-wrapper .k-i-expand,.k-textbox:hover .k-rtl .km-pane-wrapper .k-plus,.k-textbox:hover .k-rtl .km-pane-wrapper .k-plus-disabled,.k-button:active .km-pane-wrapper .k-i-expand-w,.k-button:active .k-rtl .km-pane-wrapper .k-i-expand,.k-button:active .k-rtl .km-pane-wrapper .k-plus,.k-button:active .k-rtl .km-pane-wrapper .k-plus-disabled{background-position:-1em -13em}.km-pane-wrapper .k-i-collapse,.km-pane-wrapper .k-minus,.km-pane-wrapper .k-minus-disabled{background-position:0 -14em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-collapse,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-minus,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-minus-disabled,.k-state-hover>.km-pane-wrapper .k-i-collapse,.k-state-hover>.km-pane-wrapper .k-minus,.k-state-hover>.km-pane-wrapper .k-minus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-collapse,.k-state-hover>*>.km-pane-wrapper .k-minus,.k-state-hover>*>.km-pane-wrapper .k-minus-disabled,.k-button:hover .km-pane-wrapper .k-i-collapse,.k-button:hover .km-pane-wrapper .k-minus,.k-button:hover .km-pane-wrapper .k-minus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-collapse,.k-textbox:hover .km-pane-wrapper .k-minus,.k-textbox:hover .km-pane-wrapper .k-minus-disabled,.k-button:active .km-pane-wrapper .k-i-collapse,.k-button:active .km-pane-wrapper .k-minus,.k-button:active .km-pane-wrapper .k-minus-disabled{background-position:-1em -14em}.km-pane-wrapper .k-i-collapse-w,.k-rtl .km-pane-wrapper .k-i-collapse,.k-rtl .km-pane-wrapper .k-minus,.k-rtl .km-pane-wrapper .k-minus-disabled{background-position:0 -15em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-collapse-w,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-minus,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-minus-disabled,.k-state-hover>.km-pane-wrapper .k-i-collapse-w,.k-state-hover>.k-rtl .km-pane-wrapper .k-i-collapse,.k-state-hover>.k-rtl .km-pane-wrapper .k-minus,.k-state-hover>.k-rtl .km-pane-wrapper .k-minus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-collapse-w,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-i-collapse,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-minus,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-minus-disabled,.k-button:hover .km-pane-wrapper .k-i-collapse-w,.k-button:hover .k-rtl .km-pane-wrapper .k-i-collapse,.k-button:hover .k-rtl .km-pane-wrapper .k-minus,.k-button:hover .k-rtl .km-pane-wrapper .k-minus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-collapse-w,.k-textbox:hover .k-rtl .km-pane-wrapper .k-i-collapse,.k-textbox:hover .k-rtl .km-pane-wrapper .k-minus,.k-textbox:hover .k-rtl .km-pane-wrapper .k-minus-disabled,.k-button:active .km-pane-wrapper .k-i-collapse-w,.k-button:active .k-rtl .km-pane-wrapper .k-i-collapse,.k-button:active .k-rtl .km-pane-wrapper .k-minus,.k-button:active .k-rtl .km-pane-wrapper .k-minus-disabled{background-position:-1em -15em}.km-pane-wrapper .k-i-pencil,.km-pane-wrapper .k-edit{background-position:-2em 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-pencil,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-edit,.k-state-hover>.km-pane-wrapper .k-i-pencil,.k-state-hover>.km-pane-wrapper .k-edit,.k-state-hover>*>.km-pane-wrapper .k-i-pencil,.k-state-hover>*>.km-pane-wrapper .k-edit,.k-button:hover .km-pane-wrapper .k-i-pencil,.k-button:hover .km-pane-wrapper .k-edit,.k-textbox:hover .km-pane-wrapper .k-i-pencil,.k-textbox:hover .km-pane-wrapper .k-edit,.k-button:active .km-pane-wrapper .k-i-pencil,.k-button:active .km-pane-wrapper .k-edit{background-position:-3em 0}.km-pane-wrapper .k-i-close,.km-pane-wrapper .k-delete,.km-pane-wrapper .k-group-delete{background-position:-2em -1em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-close,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-delete,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-group-delete,.k-state-hover>.km-pane-wrapper .k-i-close,.k-state-hover>.km-pane-wrapper .k-delete,.k-state-hover>.km-pane-wrapper .k-group-delete,.k-state-hover>*>.km-pane-wrapper .k-i-close,.k-state-hover>*>.km-pane-wrapper .k-delete,.k-state-hover>*>.km-pane-wrapper .k-group-delete,.k-button:hover .km-pane-wrapper .k-i-close,.k-button:hover .km-pane-wrapper .k-delete,.k-button:hover .km-pane-wrapper .k-group-delete,.k-textbox:hover .km-pane-wrapper .k-i-close,.k-textbox:hover .km-pane-wrapper .k-delete,.k-textbox:hover .km-pane-wrapper .k-group-delete,.k-button:active .km-pane-wrapper .k-i-close,.k-button:active .km-pane-wrapper .k-delete,.k-button:active .km-pane-wrapper .k-group-delete{background-position:-3em -1em}.km-pane-wrapper .k-si-close{background-position:-10em -5em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-close,.k-state-hover>.km-pane-wrapper .k-si-close,.k-state-hover>*>.km-pane-wrapper .k-si-close,.k-button:hover .km-pane-wrapper .k-si-close,.k-textbox:hover .km-pane-wrapper .k-si-close,.k-button:active .km-pane-wrapper .k-si-close{background-position:-11em -5em}.km-pane-wrapper .k-multiselect .k-delete{background-position:-10em -5em}.km-pane-wrapper .k-multiselect .k-state-hover .k-delete{background-position:-11em -5em}.km-pane-wrapper .k-i-tick,.km-pane-wrapper .k-insert,.km-pane-wrapper .k-update{background-position:-2em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-tick,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-insert,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-update,.k-state-hover>.km-pane-wrapper .k-i-tick,.k-state-hover>.km-pane-wrapper .k-insert,.k-state-hover>.km-pane-wrapper .k-update,.k-state-hover>*>.km-pane-wrapper .k-i-tick,.k-state-hover>*>.km-pane-wrapper .k-insert,.k-state-hover>*>.km-pane-wrapper .k-update,.k-button:hover .km-pane-wrapper .k-i-tick,.k-button:hover .km-pane-wrapper .k-insert,.k-button:hover .km-pane-wrapper .k-update,.k-textbox:hover .km-pane-wrapper .k-i-tick,.k-textbox:hover .km-pane-wrapper .k-insert,.k-textbox:hover .km-pane-wrapper .k-update,.k-button:active .km-pane-wrapper .k-i-tick,.k-button:active .km-pane-wrapper .k-insert,.k-button:active .km-pane-wrapper .k-update{background-position:-3em -2em}.km-pane-wrapper .k-check:checked,.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio]{background-position:-2em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-check:checked,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-state-hover>.km-pane-wrapper .k-check:checked,.k-state-hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-state-hover>*>.km-pane-wrapper .k-check:checked,.k-state-hover>*>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>*>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-button:hover .km-pane-wrapper .k-check:checked,.k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-textbox:hover .km-pane-wrapper .k-check:checked,.k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-button:active .km-pane-wrapper .k-check:checked,.k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio]{background-position:-3em -2em}.km-pane-wrapper .k-i-cancel,.km-pane-wrapper .k-cancel,.km-pane-wrapper .k-denied{background-position:-2em -3em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-cancel,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-cancel,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-denied,.k-state-hover>.km-pane-wrapper .k-i-cancel,.k-state-hover>.km-pane-wrapper .k-cancel,.k-state-hover>.km-pane-wrapper .k-denied,.k-state-hover>*>.km-pane-wrapper .k-i-cancel,.k-state-hover>*>.km-pane-wrapper .k-cancel,.k-state-hover>*>.km-pane-wrapper .k-denied,.k-button:hover .km-pane-wrapper .k-i-cancel,.k-button:hover .km-pane-wrapper .k-cancel,.k-button:hover .km-pane-wrapper .k-denied,.k-textbox:hover .km-pane-wrapper .k-i-cancel,.k-textbox:hover .km-pane-wrapper .k-cancel,.k-textbox:hover .km-pane-wrapper .k-denied,.k-button:active .km-pane-wrapper .k-i-cancel,.k-button:active .km-pane-wrapper .k-cancel,.k-button:active .km-pane-wrapper .k-denied{background-position:-3em -3em}.km-pane-wrapper .k-i-plus,.km-pane-wrapper .k-add{background-position:-2em -4em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-plus,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-add,.k-state-hover>.km-pane-wrapper .k-i-plus,.k-state-hover>.km-pane-wrapper .k-add,.k-state-hover>*>.km-pane-wrapper .k-i-plus,.k-state-hover>*>.km-pane-wrapper .k-add,.k-button:hover .km-pane-wrapper .k-i-plus,.k-button:hover .km-pane-wrapper .k-add,.k-textbox:hover .km-pane-wrapper .k-i-plus,.k-textbox:hover .km-pane-wrapper .k-add,.k-button:active .km-pane-wrapper .k-i-plus,.k-button:active .km-pane-wrapper .k-add{background-position:-3em -4em}.km-pane-wrapper .k-i-funnel,.km-pane-wrapper .k-filter{background-position:-2em -5em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-funnel,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-filter,.k-state-hover>.km-pane-wrapper .k-i-funnel,.k-state-hover>.km-pane-wrapper .k-filter,.k-state-hover>*>.km-pane-wrapper .k-i-funnel,.k-state-hover>*>.km-pane-wrapper .k-filter,.k-button:hover .km-pane-wrapper .k-i-funnel,.k-button:hover .km-pane-wrapper .k-filter,.k-textbox:hover .km-pane-wrapper .k-i-funnel,.k-textbox:hover .km-pane-wrapper .k-filter,.k-button:active .km-pane-wrapper .k-i-funnel,.k-button:active .km-pane-wrapper .k-filter{background-position:-3em -5em}.km-pane-wrapper .k-i-funnel-clear,.km-pane-wrapper .k-clear-filter{background-position:-2em -6em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-funnel-clear,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-clear-filter,.k-state-hover>.km-pane-wrapper .k-i-funnel-clear,.k-state-hover>.km-pane-wrapper .k-clear-filter,.k-state-hover>*>.km-pane-wrapper .k-i-funnel-clear,.k-state-hover>*>.km-pane-wrapper .k-clear-filter,.k-button:hover .km-pane-wrapper .k-i-funnel-clear,.k-button:hover .km-pane-wrapper .k-clear-filter,.k-textbox:hover .km-pane-wrapper .k-i-funnel-clear,.k-textbox:hover .km-pane-wrapper .k-clear-filter,.k-button:active .km-pane-wrapper .k-i-funnel-clear,.k-button:active .km-pane-wrapper .k-clear-filter{background-position:-3em -6em}.km-pane-wrapper .k-i-refresh{background-position:-2em -7em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-refresh,.k-state-hover>.km-pane-wrapper .k-i-refresh,.k-state-hover>*>.km-pane-wrapper .k-i-refresh,.k-button:hover .km-pane-wrapper .k-i-refresh,.k-textbox:hover .km-pane-wrapper .k-i-refresh,.k-button:active .km-pane-wrapper .k-i-refresh{background-position:-3em -7em}.km-pane-wrapper .k-i-exception{background-position:-10em -19em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-exception,.k-state-hover>.km-pane-wrapper .k-i-exception,.k-state-hover>*>.km-pane-wrapper .k-i-exception,.k-button:hover .km-pane-wrapper .k-i-exception,.k-textbox:hover .km-pane-wrapper .k-i-exception,.k-button:active .km-pane-wrapper .k-i-exception{background-position:-11em -19em}.km-pane-wrapper .k-i-restore{background-position:-2em -8em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-restore,.k-state-hover>.km-pane-wrapper .k-i-restore,.k-state-hover>*>.km-pane-wrapper .k-i-restore,.k-button:hover .km-pane-wrapper .k-i-restore,.k-textbox:hover .km-pane-wrapper .k-i-restore,.k-button:active .km-pane-wrapper .k-i-restore{background-position:-3em -8em}.km-pane-wrapper .k-i-maximize{background-position:-2em -9em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-maximize,.k-state-hover>.km-pane-wrapper .k-i-maximize,.k-state-hover>*>.km-pane-wrapper .k-i-maximize,.k-button:hover .km-pane-wrapper .k-i-maximize,.k-textbox:hover .km-pane-wrapper .k-i-maximize,.k-button:active .km-pane-wrapper .k-i-maximize{background-position:-3em -9em}.km-pane-wrapper .k-i-minimize{background-position:-4em -18em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-minimize,.k-state-hover>.km-pane-wrapper .k-i-minimize,.k-state-hover>*>.km-pane-wrapper .k-i-minimize,.k-button:hover .km-pane-wrapper .k-i-minimize,.k-textbox:hover .km-pane-wrapper .k-i-minimize,.k-button:active .km-pane-wrapper .k-i-minimize{background-position:-5em -18em}.km-pane-wrapper .k-i-pin{background-position:-10em -16em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-pin,.k-state-hover>.km-pane-wrapper .k-i-pin,.k-state-hover>*>.km-pane-wrapper .k-i-pin,.k-button:hover .km-pane-wrapper .k-i-pin,.k-textbox:hover .km-pane-wrapper .k-i-pin,.k-button:active .km-pane-wrapper .k-i-pin{background-position:-11em -16em}.km-pane-wrapper .k-i-unpin{background-position:-10em -17em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-unpin,.k-state-hover>.km-pane-wrapper .k-i-unpin,.k-state-hover>*>.km-pane-wrapper .k-i-unpin,.k-button:hover .km-pane-wrapper .k-i-unpin,.k-textbox:hover .km-pane-wrapper .k-i-unpin,.k-button:active .km-pane-wrapper .k-i-unpin{background-position:-11em -17em}.km-pane-wrapper .k-resize-se{background-position:-2em -10em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-resize-se,.k-state-hover>.km-pane-wrapper .k-resize-se,.k-state-hover>*>.km-pane-wrapper .k-resize-se,.k-button:hover .km-pane-wrapper .k-resize-se,.k-textbox:hover .km-pane-wrapper .k-resize-se,.k-button:active .km-pane-wrapper .k-resize-se{background-position:-3em -10em}.km-pane-wrapper .k-i-calendar{background-position:-2em -11em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-calendar,.k-state-hover>.km-pane-wrapper .k-i-calendar,.k-state-hover>*>.km-pane-wrapper .k-i-calendar,.k-button:hover .km-pane-wrapper .k-i-calendar,.k-textbox:hover .km-pane-wrapper .k-i-calendar,.k-button:active .km-pane-wrapper .k-i-calendar{background-position:-3em -11em}.km-pane-wrapper .k-i-clock{background-position:-2em -12em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-clock,.k-state-hover>.km-pane-wrapper .k-i-clock,.k-state-hover>*>.km-pane-wrapper .k-i-clock,.k-button:hover .km-pane-wrapper .k-i-clock,.k-textbox:hover .km-pane-wrapper .k-i-clock,.k-button:active .km-pane-wrapper .k-i-clock{background-position:-3em -12em}.km-pane-wrapper .k-si-plus{background-position:-2em -13em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-plus,.k-state-hover>.km-pane-wrapper .k-si-plus,.k-state-hover>*>.km-pane-wrapper .k-si-plus,.k-button:hover .km-pane-wrapper .k-si-plus,.k-textbox:hover .km-pane-wrapper .k-si-plus,.k-button:active .km-pane-wrapper .k-si-plus{background-position:-3em -13em}.km-pane-wrapper .k-si-minus{background-position:-2em -14em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-minus,.k-state-hover>.km-pane-wrapper .k-si-minus,.k-state-hover>*>.km-pane-wrapper .k-si-minus,.k-button:hover .km-pane-wrapper .k-si-minus,.k-textbox:hover .km-pane-wrapper .k-si-minus,.k-button:active .km-pane-wrapper .k-si-minus{background-position:-3em -14em}}.km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .km-pane .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button){text-indent:0;font-size:1em;line-height:1.6em;vertical-align:middle;height:auto;padding:0;border:0;margin:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.km-pane-wrapper .k-mobile-list .k-widget{border:0;border-radius:0}.k-ie .km-pane-wrapper .k-mobile-list .k-widget{height:initial}.km-pane-wrapper .k-mobile-list .k-widget .k-input,.km-pane-wrapper .k-mobile-list .k-widget .k-state-default{border:0;background:transparent}.km-pane-wrapper *:not(.k-state-default)>input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button){width:80%;padding:.6em 0;margin:-0.5em 0}.km-pane-wrapper .km-pane .k-mobile-list input,.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .km-pane .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-mobile-list .k-edit-field>*{-webkit-appearance:none;-moz-appearance:none;appearance:none;float:right;z-index:1;position:relative}.km-pane-wrapper .k-scheduler-views{width:18em}.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar{background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;padding:.5em 1em}.km-pane-wrapper #recurrence .k-scheduler-navigation{width:100%}.km-pane-wrapper .k-scheduler-views,.km-pane-wrapper .k-mobile-list .k-scheduler-navigation{display:table;table-layout:fixed}.km-pane-wrapper .k-scheduler-views li,.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li{display:table-cell;text-align:center}.km-pane-wrapper .k-scheduler-views li a,.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li a{padding-left:0;padding-right:0;width:100%}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check{margin:0;padding-left:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child{margin-top:-0.5em}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:last-child{margin-bottom:-0.5em}.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check{text-indent:1em}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button{margin-left:20%;float:left}.km-pane-wrapper .k-mobile-list .k-picker-wrap,.km-pane-wrapper .k-mobile-list .k-numeric-wrap,.km-pane-wrapper .k-mobile-list .k-dropdown-wrap{position:static;-webkit-box-shadow:none;box-shadow:none}.km-pane-wrapper .k-mobile-list .k-datepicker .k-select,.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select,.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select{position:absolute;top:0;right:0;line-height:auto}.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before,.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before{content:"\a0";display:inline-block;width:0;height:100%;vertical-align:middle}.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link{height:50%}.km-pane-wrapper .k-grid .k-button,.km-pane-wrapper .k-edit-form-container .k-button{margin:0}.km-pane-wrapper .k-grid .k-button+.k-button,.km-pane-wrapper .k-edit-form-container .k-button+.k-button{margin:0 0 0 .18em}.km-pane-wrapper .k-pager-numbers .k-link,.km-pane-wrapper .k-pager-numbers .k-state-selected,.km-pane-wrapper .k-pager-wrap>.k-link{width:2.4em;height:2.4em;line-height:2.1em;border-radius:2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-pager-numbers .k-link,.km-pane-wrapper .k-pager-numbers .k-state-selected{width:auto;line-height:2.2em;padding:0 .86em;min-width:.7em}.km-pane-wrapper .k-pager-wrap{line-height:2.4em}@media all and (max-width:699px),(-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px){.km-pane-wrapper *:not(.k-state-default)>input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button){width:50%}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button{margin-left:50%}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-timezone-button{margin-left:1em}.km-pane-wrapper .k-scheduler-views{width:15em}.km-pane-wrapper .k-nav-today a{padding-left:.6em;padding-right:.6em}.km-pane-wrapper li.k-nav-current{margin-left:0;margin-right:0}.km-pane-wrapper .k-pager-wrap{position:relative}.km-pane-wrapper .k-pager-numbers{width:auto;display:block;overflow:hidden;margin-right:5.5em;float:none;text-overflow:ellipsis;height:2.4em;text-align:center}.km-pane-wrapper .k-pager-numbers li{float:none;display:inline-block}.km-pane-wrapper .k-pager-nav{float:left}.km-pane-wrapper .k-pager-nav+.k-pager-nav ~ .k-pager-nav{position:absolute;right:.3em;top:.3em}.km-pane-wrapper .k-pager-wrap .k-pager-numbers+.k-pager-nav,.km-pane-wrapper .k-pager-nav:first-child+.k-pager-nav+.k-pager-nav{right:3em}.km-pane-wrapper .k-pager-info{display:none}}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check,.km-pane-wrapper .k-mobile-list .k-edit-field>*>select:not([multiple]),.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check{width:100%}.km-scroll-container{-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-webkit-margin-collapse:separate;-webkit-transform:translatez(0)}.k-widget .km-scroll-wrapper{position:relative;padding-bottom:0}.km-touch-scrollbar{position:absolute;visibility:hidden;z-index:200000;height:.3em;width:.3em;background-color:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;-webkit-transition:"opacity 0.3s linear";-moz-transition:"opacity 0.3s linear";-ms-transition:"opacity 0.3s linear";-o-transition:"opacity 0.3s linear";transition:"opacity 0.3s linear"}.km-vertical-scrollbar{height:100%;right:2px;top:2px}.km-horizontal-scrollbar{width:100%;left:2px;bottom:2px}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden{visibility:hidden}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{-webkit-transform:scale(0)!important;-moz-transform:scale(0)!important;-ms-transform:scale(0)!important;-o-transform:scale(0)!important;transform:scale(0)!important}.k-fx-zoom.k-fx-end .k-fx-next{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:scale(0)!important;-moz-transform:scale(0)!important;-ms-transform:scale(0)!important;-o-transform:scale(0)!important;transform:scale(0)!important}.k-fx-fade.k-fx-start .k-fx-next{opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{opacity:0}.k-fx-slide.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{-webkit-transform:translatex(0%);-moz-transform:translatex(0%);-ms-transform:translatex(0%);-o-transform:translatex(0%);transform:translatex(0%)}.k-fx-tile.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0%);-moz-transform:translatex(0%);-ms-transform:translatex(0%);-o-transform:translatex(0%);transform:translatex(0%)}.k-fx-tile.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0%);-moz-transform:translatex(0%);-ms-transform:translatex(0%);-o-transform:translatex(0%);transform:translatex(0%)}.k-fx-overlay.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);-ms-transform:translatey(100%);-o-transform:translatey(100%);transform:translatey(100%)}.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{-webkit-transform:translatey(-100%);-moz-transform:translatey(-100%);-ms-transform:translatey(-100%);-o-transform:translatey(-100%);transform:translatey(-100%)}.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);-ms-transform:translatey(100%);-o-transform:translatey(100%);transform:translatey(100%)}.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{-webkit-transform:translatey(-100%);-moz-transform:translatey(-100%);-ms-transform:translatey(-100%);-o-transform:translatey(-100%);transform:translatey(-100%)} /** * Copyright 2014 Telerik AD * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .k-in, .k-item, .k-window-action { border-color: transparent; } .k-block, .k-widget { background-color: transparent; } .k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files { border-color: #c5c5c5; } .k-group, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered, .k-widget.k-popup { background-color: #ebebeb; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner { background-color: #e3e3e3; } .k-list-container { border-color: #c5c5c5; background-color: #e9e9e9; } .k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles { background-color: transparent; } .k-alt, .k-separator { background-color: #f5f5f5; } .k-alt .k-alt, .k-header.k-alt { background-color: #e1e1e1; } .k-textbox, .k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active { border-color: #c5c5c5; background-color: #e9e9e9; } .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input { /*border-color: #c5c5c5;*/ border: none; } input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input { background: 0; } .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap { background-color: transparent; color: #2e2e2e; } .k-input[readonly] { background-color: transparent; color: #2e2e2e; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #2e2e2e; } .k-inverse { color: #fff; } .k-block { color: #2e2e2e; } .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link { color: #2e2e2e; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #2e2e2e; } .k-header, .k-treemap-title { color: #2e2e2e; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content { background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #e3e3e3; } .k-widget.k-tooltip { background-image: url(/Content/kendo/textures/highlight.png); } .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header { background-color: #e3e3e3; } .k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite { opacity: 1; } .k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite { opacity: .8; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { opacity: .8; } .k-tool { border-color: transparent; } .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after { background-image: url(/Content/kendo/Default/sprite.png); border-color: transparent; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { background-image: url(/Content/kendo/Default/sprite.png); border-color: transparent; } .k-loading, .k-state-hover .k-loading { background-image: url(/Content/kendo/Default/loading.gif); background-position: 50% 50%; } .k-loading-image { background-image: url(/Content/kendo/Default/loading-image.gif); } .k-loading-color { background-color: transparent; } .k-button { color: #2e2e2e; border-color: #c5c5c5; background-color: #e3e3e3; } .k-draghandle { border-color: #c5c5c5; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .k-draghandle:hover { border-color: #bcb4b0; background-color: #bcb4b0; -webkit-box-shadow: none; box-shadow: none; } .k-scheduler { color: #2e2e2e; background-color: transparent; } .k-scheduler-layout { color: #2e2e2e; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: transparent; color: #2e2e2e; } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-color: #c5c5c5; } .k-nonwork-hour { background-color: #f2f2f2; } .k-gantt .k-nonwork-hour { background-color: rgba(0,0,0,0.02); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(0,0,0,0.2); } .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { background-color: #f8f8f8; } .k-scheduler-now-arrow { border-left-color: #e20000; } .k-scheduler-now-line { background-color: #e20000; } .k-event, .k-task-complete { border-color: #ffdac1; background: #ffdac1 0 -257px url(/Content/kendo/textures/highlight.png) repeat-x; color: #2e2e2e; } .k-event-inverse { color: #fff; } .k-event.k-state-selected { background-position: 0 0; } .k-ie7 .k-event .k-resize-handle, .k-event .k-resize-handle:after, .k-ie7 .k-task-single .k-resize-handle, .k-task-single .k-resize-handle:after { background-color: #bababa; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #2ba9e0; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: transparent; color: #2e2e2e; border-color: #c5c5c5; } .k-panelbar > li > .k-link { color: #2e2e2e; } .k-panelbar > .k-item > .k-link { border-color: #c5c5c5; } .k-panel > li.k-item { background-color: transparent; } .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active { background-color: transparent; border-color: #2ba9e0; color: #2e2e2e; } .k-fieldselector .k-list-container { background-color: transparent; } .k-button:focus, .k-button.k-state-focused { border-color: #c5c5c5; } .k-button:hover, .k-button.k-state-hover { color: #2e2e2e; border-color: #bcb4b0; background-color: #bcb4b0; } .k-button:active, .k-button.k-state-active { color: #fff; background-color: #2ba9e0; border-color: #2ba9e0; } .k-button:active:hover, .k-button.k-state-active:hover { color: #fff; border-color: #ef671a; background-color: #ed4300; } .k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { color: #9f9e9e; border-color: #c5c5c5; background-color: #e3e3e3; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); } .k-button:focus:not(.k-state-disabled):not([disabled]) { -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0; box-shadow: inset 0 0 5px 1px #bcb4b0; } .k-button:focus:active:not(.k-state-disabled):not([disabled]) { /*-webkit-box-shadow: inset 0 0 3px 4px #df5100; box-shadow: inset 0 0 3px 4px #df5100;*/ } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-state-highlight { background: #fff; color: #2e2e2e; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #bcb4b0; } .k-calendar .k-link { color: #2e2e2e; } .k-calendar .k-footer { padding: 0; } .k-calendar .k-footer .k-nav-today { color: #2e2e2e; text-decoration: none; background-color: transparent; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today.k-state-hover { background-color: transparent; text-decoration: underline; } .k-calendar .k-footer .k-nav-today:active { background-color: transparent; } .k-calendar .k-link.k-nav-fast { color: #2e2e2e; } .k-calendar .k-nav-fast.k-state-hover { text-decoration: none; background-color: #bcb4b0; color: #2e2e2e; } .k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link { border-radius: 4px; } .k-calendar .k-footer .k-link { border-radius: 0; } .k-calendar th { background-color: #ebebeb; } .k-calendar-container.k-group { border-color: #c5c5c5; } .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color { color: #fff; background-color: #2ba9e0; border-color: #2ba9e0; } .k-marquee-text { color: #fff; } .k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused { -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0; box-shadow: inset 0 0 5px 1px #bcb4b0; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { /*-webkit-box-shadow: inset 0 0 3px 4px #df5100; box-shadow: inset 0 0 3px 4px #df5100;*/ } .k-ie8 .k-panelbar span.k-state-focused, .k-ie8 .k-menu li.k-state-focused, .k-ie8 .k-listview > .k-state-focused, .k-ie8 .k-grid-header th.k-state-focused, .k-ie8 td.k-state-focused, .k-ie8 .k-tool.k-state-hover, .k-ie8 .k-button:focus, .k-ie8 .k-button.k-state-focused, .k-ie7 .k-panelbar span.k-state-focused, .k-ie7 .k-menu li.k-state-focused, .k-ie7 .k-listview > .k-state-focused, .k-ie7 .k-grid-header th.k-state-focused, .k-ie7 td.k-state-focused, .k-ie7 .k-tool.k-state-hover, .k-ie7 .k-button:focus, .k-ie7 .k-button.k-state-focused { background-color: #bcb4b0; } .k-list > .k-state-selected.k-state-focused { -webkit-box-shadow: none; box-shadow: none; } .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: #fff; } .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active { color: #2e2e2e; background-color: #bcb4b0; border-color: #bcb4b0; } .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active { color: #2e2e2e; background-color: #bcb4b0; border-color: #bcb4b0; } .k-ie7 .k-window-titlebar .k-state-hover, .k-ie8 .k-window-titlebar .k-state-hover { border-color: #bcb4b0; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #bcb4b0; } .k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover { background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); } .k-pager-wrap { background-color: #e3e3e3; color: #2e2e2e; } .k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-button:active, .k-panelbar > .k-item > .k-state-focused { background-image: none; } .k-state-selected, .k-button:active, .k-button.k-state-active, .k-draghandle.k-state-selected:hover { background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%); } .k-button:active, .k-button.k-state-active, .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-tool-icon { background-image: url(/Content/kendo/Default/sprite.png); } .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em { color: #2e2e2e; } .k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused { background-color: #bcb4b0; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #bcb4b0; } .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .k-dropdown .k-state-focused .k-input { color: #2e2e2e; } .k-dropdown .k-state-hover .k-input { color: #2e2e2e; } .k-state-error { border-color: #e20000; background-color: #ff5252; color: #fff; } .k-state-disabled { filter: alpha(opacity=70); opacity: .7; } .k-tile-empty.k-state-selected, .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-tile-empty strong, .k-slider .k-draghandle { color: #9f9e9e; } .k-progressbar-indeterminate { background: url(/Content/kendo/Default/indeterminate.gif); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #c5c5c5; } .k-slider-selection { background-color: #2ba9e0; } .k-slider-horizontal .k-tick { background-image: url(/Content/kendo/Default/slider-h.gif); } .k-slider-vertical .k-tick { background-image: url(/Content/kendo/Default/slider-v.gif); } .k-widget.k-tooltip { border-color: #c5c5c5; background-color: #c6c6c6; color: #282828; } .k-widget.k-tooltip-validation { border-color: #ffe79e; background-color: transparent4c9; color: #635145; } .input-prepend .k-tooltip-validation, .input-append .k-tooltip-validation { font-size: 12px; position: relative; top: 3px; } .k-callout-n { border-bottom-color: #c5c5c5; } .k-callout-w { border-right-color: #c5c5c5; } .k-callout-s { border-top-color: #c5c5c5; } .k-callout-e { border-left-color: #c5c5c5; } .k-tooltip-validation .k-callout-n { border-bottom-color: #ffe79e; } .k-tooltip-validation .k-callout-w { border-right-color: #ffe79e; } .k-tooltip-validation .k-callout-s { border-top-color: #ffe79e; } .k-tooltip-validation .k-callout-e { border-left-color: #ffe79e; } .k-splitbar { background-color: #e3e3e3; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: transparent; } .k-file { background-color: transparent; border-color: #c5c5c5; } .k-file-progress { color: #06c; } .k-file-progress .k-progress { background-color: #d0f8ff; } .k-file-success { color: #28760b; } .k-file-success .k-progress { background-color: #ddffd0; } .k-file-error { color: #c00; } .k-file-error .k-progress { background-color: #ffded7; } .k-tile { border-color: #fff; } .k-textbox:hover, .k-tiles li.k-state-hover { border-color: #bcb4b0; } .k-tiles li.k-state-selected { border-color: #2ba9e0; } .k-tile .k-folder, .k-tile .k-file { background-image: url(/Content/kendo/Default/imagebrowser.png); } .k-leaf, .k-leaf.k-state-hover:hover { color: #fff; } .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover { color: #000; } .k-widget, .k-button { -webkit-box-shadow: none; box-shadow: none; } .k-slider, .k-treeview, .k-upload { -webkit-box-shadow: none; box-shadow: none; } .k-state-hover { -webkit-box-shadow: none; box-shadow: none; } .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } .k-state-selected { -webkit-box-shadow: none; box-shadow: none; } .k-state-active { -webkit-box-shadow: none; box-shadow: none; } .k-grid td.k-state-selected.k-state-focused { background-color: #ff5e03; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-filebrowser .k-image, .k-tooltip { -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); } .k-treemap-tile.k-state-hover { -webkit-box-shadow: inset 0 0 0 3px #c5c5c5; box-shadow: inset 0 0 0 3px #c5c5c5; } .k-window { border-color: rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 7px 1px rgba(128,128,128,0.3); box-shadow: 1px 1px 7px 1px rgba(128,128,128,0.3); background-color: transparent; } .k-window.k-state-focused { border-color: rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3); } .k-window.k-window-maximized, .k-window-maximized .k-window-titlebar, .k-window-maximized .k-window-content { border-radius: 0; } .k-shadow { -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); } .k-inset { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); } .k-editor-inline ::selection { background-color: #2ba9e0; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #2ba9e0; text-shadow: none; color: #fff; } .k-notification.k-notification-info { background-color: #e5f5fa; color: #0487c4; border-color: #b7e1f0; } .k-notification.k-notification-success { background-color: #eaf7ec; color: #349946; border-color: #c3e8ca; } .k-notification.k-notification-warning { background-color: transparent4d9; color: #0487c4; border-color: #fff0c8; } .k-notification.k-notification-error { background-color: #ffe0d9; color: #ef470a; border-color: #ffb7a8; } .k-treelist { background: #f5f5f5; } .k-treelist .k-alt { background-color: #dcdcdc; } .k-treelist .k-state-selected, .k-treelist .k-state-selected td, .k-treelist .k-alt.k-state-selected, .k-treelist .k-alt.k-state-selected > td { background-color: #2ba9e0; } .k-task-dot:after { background-color: #2e2e2e; border-color: #2e2e2e; } .k-task-dot:hover:after { background-color: transparent; } .k-task-summary { border-color: #6e6e6e; background: #6e6e6e; } .k-task-milestone, .k-task-summary-complete { border-color: #2e2e2e; background: #2e2e2e; } .k-state-selected.k-task-summary { border-color: #ffa673; background: #ffa673; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #2ba9e0; background: #2ba9e0; } .k-task-single { background-color: #ffefe5; border-color: #ffdac1; color: #2e2e2e; } .k-state-selected.k-task-single { border-color: #2ba9e0; } .k-line { background-color: #2e2e2e; color: #2e2e2e; } .k-state-selected.k-line { background-color: #2ba9e0; color: #2ba9e0; } .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload { border-radius: 4px; } .k-tool { text-align: center; vertical-align: middle; } .k-tool.k-group-start, .k-toolbar .k-split-button .k-button, .k-toolbar .k-button-group .k-group-start { border-radius: 4px 0 0 4px; } .k-rtl .k-tool.k-group-start { border-radius: 0 4px 4px 0; } .k-tool.k-group-end, .k-toolbar .k-button-group .k-group-end, .k-toolbar .k-split-button .k-split-button-arrow { border-radius: 0 4px 4px 0; } .k-rtl .k-tool.k-group-end { border-radius: 4px 0 0 4px; } .k-group-start.k-group-end.k-tool { border-radius: 4px; } .k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu { border-radius: 0 0 4px 4px; } .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color, .k-numeric-wrap.k-state-border-up .k-input { border-radius: 0 0 0 4px; } .k-multiselect.k-state-border-up .k-multiselect-wrap { border-radius: 0 0 4px 4px; } .k-window-titlebar, .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down { border-radius: 4px 4px 0 0; } .k-split-button.k-state-border-down > .k-button { border-radius: 4px 0 0 0; } .k-split-button.k-state-border-up > .k-button { border-radius: 0 0 0 4px; } .k-split-button.k-state-border-down > .k-split-button-arrow { border-radius: 0 4px 0 0; } .k-split-button.k-state-border-up > .k-split-button-arrow { border-radius: 0 0 4px 0; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { border-radius: 3px 0 0 3px; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input { border-radius: 0 3px 3px 0; } .k-numeric-wrap .k-link { border-radius: 0 3px 0 0; } .k-numeric-wrap .k-link + .k-link { border-radius: 0 0 3px 0; } .k-colorpicker .k-selected-color { border-radius: 3px 0 0 3px; } .k-rtl .k-colorpicker .k-selected-color { border-radius: 0 3px 3px 0; } .k-autocomplete.k-state-border-down .k-input { border-radius: 4px 4px 0 0; } .k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input { border-radius: 0; } .k-numeric-wrap .k-link.k-state-selected { background-color: #2ba9e0; } .k-multiselect.k-state-border-down .k-multiselect-wrap { border-radius: 3px 3px 0 0; } .k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select + .k-select, .k-list-container.k-state-border-right { border-radius: 0 4px 4px 0; } .k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-picker-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-list-container.k-state-border-right { border-radius: 4px 0 0 4px; } .k-numeric-wrap.k-expand-padding .k-input { border-radius: 4px; } .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap { border-radius: 3px; } .k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-dropzone { border-radius: 3px; } .k-slider .k-button, .k-grid .k-slider .k-button { border-radius: 13px; } .k-draghandle { border-radius: 7px; } .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link { border-radius: 4px 0 0 4px; } .k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link { border-radius: 0 4px 4px 0; } .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link, .k-edit-field > .k-scheduler-navigation { border-radius: 4px; } .k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link { border-radius: 4px 0 0 4px; } .k-scheduler div.k-scheduler-footer ul li, .k-scheduler div.k-scheduler-footer .k-link { border-radius: 4px; } .k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link { border-radius: 3px; } .k-scheduler-mobile .k-event { border-radius: 2px; } .k-grid-mobile .k-column-active + th.k-header { border-left-color: #2e2e2e; } html .km-pane-wrapper .km-widget, .k-ie .km-pane-wrapper .k-widget, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-edit-field { color: #2e2e2e; } @media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) { div.km-pane-wrapper a { color: #2e2e2e; } .km-pane-wrapper .k-icon { background-image: url(/Content/kendo/Default/sprite_2x.png); background-size: 21.2em 21em; } } .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check { background-color: transparent; border-top: 1px solid #c5c5c5; } .km-pane-wrapper .k-mobile-list .k-edit-field textarea { outline-width: 0; } .km-pane-wrapper .k-mobile-list .k-item.k-state-selected { background-color: #2ba9e0; border-top-color: #2ba9e0; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child { border-top-color: transparent; } .km-pane-wrapper .k-mobile-list .k-item:last-child { -webkit-box-shadow: inset 0 -1px 0 #c5c5c5; box-shadow: inset 0 -1px 0 #c5c5c5; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child { color: #797979; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link { border-bottom: 1px solid #c5c5c5; } .km-pane-wrapper .k-mobile-list .k-edit-field { -webkit-box-shadow: 0 1px 1px #c5c5c5; box-shadow: 0 1px 1px #c5c5c5; } .km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset] { color: #fff; border-color: #e20000; background-color: red; background-image: -webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15))); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15)); background-image: -moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15)); background-image: -ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15)); background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15)); } .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active { background-color: #900; } .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #e9e9e9; border-color: #c5c5c5; } .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: #bcb4b0; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #bcb4b0; } .k-multiselect.k-header { border-color: #c5c5c5; } .k-multiselect.k-header.k-state-hover { border-color: #bcb4b0; } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { /*background-color: #bcb4b0; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #bcb4b0; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);*/ border: none; background: transparent; box-shadow: none; } .k-list-container { color: #2e2e2e; } .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup { color: #2e2e2e; } .k-state-default > .k-select { border-color: #c5c5c5; } .k-state-hover > .k-select { border-color: #bcb4b0; } .k-state-focused > .k-select { border-color: #bcb4b0; } .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link { color: #2e2e2e; } .k-tabstrip-items .k-state-hover .k-link, .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: #2e2e2e; } .k-panelbar .k-state-focused.k-state-hover { background: #bcb4b0; -webkit-box-shadow: none; box-shadow: none; } .k-tabstrip-items .k-state-default, .k-ie7 .k-tabstrip-items .k-state-default .k-loading { border-color: #c5c5c5; } .k-tabstrip-items .k-state-hover, .k-ie7 .k-tabstrip-items .k-state-hover .k-loading { border-color: #bcb4b0; } .k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading { background-color: transparent; background-image: none; border-color: #2ba9e0; } .k-tabstrip .k-content.k-state-active { background-color: transparent; color: #2e2e2e; } .k-menu.k-header, .k-menu .k-item { border-color: #c5c5c5; } .k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group { border-color: #c5c5c5; } .k-overflow-container .k-overflow-group { box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff; } .k-toolbar-first-visible.k-overflow-group, .k-overflow-container .k-overflow-group + .k-overflow-group { box-shadow: 0 1px 0 #fff; } .k-toolbar-last-visible.k-overflow-group { box-shadow: inset 0 1px 0 #fff; } .k-column-menu .k-separator { border-color: #c5c5c5; background-color: transparent; } .k-menu .k-group { border-color: #c5c5c5; } .k-grid-filter.k-state-active { background-color: transparent; } .k-grouping-row td, .k-group-footer td, .k-grid-footer td { color: #2e2e2e; border-color: #c5c5c5; font-weight: bold; } .k-grouping-header { color: #2e2e2e; } .k-grid td.k-state-focused { -webkit-box-shadow: inset 0 0 0 1px inset 0 0 5px 1px #bcb4b0; box-shadow: inset 0 0 0 1px inset 0 0 5px 1px #bcb4b0; } .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default { border-color: #c5c5c5; } .k-primary, .k-overflow-container .k-primary { color: #fff; border-color: #ef671a; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%); background-position: 50% 50%; background-color: #2ba9e0; -webkit-box-shadow: none; box-shadow: none; } .k-primary:focus, .k-primary.k-state-focused { color: #fff; border-color: #e84200; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,#f1713f 0,#ed4503 100%); background-image: none,-moz-linear-gradient(top,#f1713f 0,#ed4503 100%); background-image: none,-o-linear-gradient(top,#f1713f 0,#ed4503 100%); background-image: none,linear-gradient(to bottom,#f1713f 0,#ed4503 100%); -webkit-box-shadow: 0 0 3px 1px #e10000; box-shadow: 0 0 3px 1px #e10000; } .k-primary:hover { color: #fff; border-color: #ef671a; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,#f1713f 0,#ed4503 100%); background-image: none,-moz-linear-gradient(top,#f1713f 0,#ed4503 100%); background-image: none,-o-linear-gradient(top,#f1713f 0,#ed4503 100%); background-image: none,linear-gradient(to bottom,#f1713f 0,#ed4503 100%); background-color: #ed4300; -webkit-box-shadow: none; box-shadow: none; } .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]) { -webkit-box-shadow: 0 0 3px 1px #e10000; box-shadow: 0 0 3px 1px #e10000; } .k-primary:active { color: #fff; border-color: #ef671a; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%); background-color: #2ba9e0; -webkit-box-shadow: none; box-shadow: none; } .k-primary.k-state-disabled, .k-state-disabled .k-primary, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:active, .k-primary.k-state-disabled:active { color: #fab58e; border-color: #ef671a; background-color: #2ba9e0; background-image: url(/Content/kendo/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%); background-image: none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%); -webkit-box-shadow: none; box-shadow: none; } .k-pager-numbers .k-link, .k-treeview .k-in { border-color: transparent; } .k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon { background-color: transparent; border-radius: 4px; } .k-scheduler-table .k-state-hover .k-icon { background-color: transparent; } .k-button:focus { outline: 0; } .k-editor .k-tool:focus { outline: 0; border-color: #c5c5c5; -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0; box-shadow: inset 0 0 5px 1px #bcb4b0; } @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) { .k-icon:not(.k-loading), .k-grouping-dropclue, .k-drop-hint, .k-callout, .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-column-menu .k-sprite, .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { background-image: url(/Content/kendo/Default/sprite_2x.png); background-size: 340px 336px; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { border-radius: 3px 0 0 3px; } } @media screen and (-ms-high-contrast:active) { .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused, .k-editor-toolbar-wrap .k-button-group .k-tool:focus { border-color: #fff; } } body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* Smartphones ----------- */ @media only screen and (min-width: 880px) { .mobile-app-warning { color: #888; display: none; font-size: 26px; text-align: center; } } @media only screen and (max-width: 880px) { .mobile-app-warning { color: #888; display: block; font-size: 26px; text-align: center; } } @media only screen and (max-width: 960px) { #hrLogBtnArea { text-align: center !important; } } @media only screen and (min-width: 960px) { #hrLogBtnArea { text-align: right !important; } } @media only screen and (max-width: 880px) { .login.formpages .signUpMen { width: 35% !important; height: auto !important; } .login.formpages .logo { margin-top: 30px !important; margin-bottom: 10px !important; } } @media screen and (max-width:550px) { .custom-workout-title { font-size: 40px !important; width: 300px !important; line-height: 0.9em; text-align: center !important; display: block !important; } .workoutsTitle.workout-title, .workoutsSummaryTitle { font-size: 40px !important; width: 300px !important; } .workoutsTitle.workout-title { margin-left: 0 !important; } .workoutsSummaryTitle { height: auto !important; } #hLine03 { height: auto !important; } } @media only screen and (max-width: 550px) { .video-player-controls { padding-top: 22% !important; } } @media only screen and (max-width: 500px) { .video-player-controls { padding-top: 19% !important; } .video-player-controls img { height: 50px !important; } } @font-face { font-family: 'dcc_ashregular'; src: url(/content/sitefiles/css/dcc_-_ash-webfont.eot?#iefix) format('embedded-opentype'), url(/content/sitefiles/css/dcc_-_ash-webfont.woff) format('woff'), url(/content/sitefiles/css/dcc_-_ash-webfont.ttf) format('truetype'), url(/content/sitefiles/css/dcc_-_ash-webfont.svg#dcc_ashregular) format('svg'); font-weight: normal; font-style: normal; } .page-content-section { min-height: 750px; } .popup h4.workout-detail-title { font-family: 'dcc_ashregular', Arial, sans-serif !important; font-size: 35px; /*font-weight: lighter;*/ } .popup h4.liveworkout-detail-title { font-family: 'dcc_ashregular', Arial, sans-serif !important; font-size: 25px; color: #F1E41A; } .popup small.workout-detail-duration, .popup .ddp-level, .popup .ddp-tags, .woList h2 { font-family: 'dcc_ashregular', Arial, sans-serif !important; } html, body { height: 100%; } html { overflow-y: hidden; } body { overflow-y: auto; } body { background: url(/Content/SiteFiles/images/background.jpg) no-repeat fixed center top #fefefe; background-size: cover; overflow-x: hidden; } section { font-family: 'dcc_ashregular', Arial, sans-serif !important; } .workout_title { font-family: 'D-DINCondensed' !important; height: 2.3em; display: flex; justify-content: space-between; } .workout_duration_title { font-family: 'D-DINCondensed' !important; height: 1em; text-align: right; margin-top: -8px; } .workout_title_text { max-height: 2.3em; width: 100%; overflow: hidden; margin-right: 5px; text-overflow: ellipsis; white-space: normal; } .woList ul li a figcaption.ddptv { padding: 5px 10px !important; } body.popup { background: none repeat scroll 0 0 #000000 !important; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80) !important; box-shadow: 0 0 30px 13px #000000 inset !important; box-shadow: 0 0 30px 13px rgba(0, 0, 0, 0.45) inset !important; } * { outline: none; } .breath-down-15 { margin-bottom: 15px !important; } .muted { color: #aaa !important; } .k-failed-validation { color: #be2022 !important; } .clear-for-real { clear: both; } .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error { left: 43%; position: absolute; top: 45px; } .form-control-wrapper { position: relative; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert { border-width: 1px; font-size: 22px; padding: 10px; text-align: center; } .display-hide { display: none; } .active-menu-item { border-bottom: 2px solid #ccc; } .workout-video-image .ddp-icon.ddp-icon-favorites, .workout-video-image .ddp-icon-favorites-disabled { position: absolute; right: 0; } .workout-video-image { min-height: 106px; position: relative; } .owl-theme .owl-buttons i { margin-top: 2px; } .owl-theme .owl-controls .owl-buttons div { background: none !important; border-radius: 0 !important; position: absolute; } .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 40px; } .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px; top: 40px; } .ddp-icon-favorites-disabled { background-image: url(/Content/SiteFiles/images/fav-disabled.png) !important; background-position: 0 0 !important; height: 32px; vertical-align: middle; width: 28px; } #search-results-wrapper { position: relative; } li.search-results-loading div { background-color: rgba(0, 0, 0, 0.5); color: #ddd; float: none; font-size: 17px; height: 100%; margin: 0; text-align: center; width: 100%; } li.search-results-loading { height: 100px; width: 100%; } li.search-results-loading span { display: inline-block; font-size: 24px; padding-top: 34px; } #search-results-wrapper h2 { display: inline-block; margin-right: 12px; color: #f1511a; } #no-search-result p { color: #fff; font-size: 24px; } .woList ul li figure img { min-height: 101px; width: 180px; max-height: 101px; display: block; object-fit: cover; } .woList ul li a figcaption.workout_title { padding: 5px 0px; } .woList ul li a figcaption.workout_duration_title { padding: 5px 10px; } .workoutsTitle, .dashboardTitle, .workoutsSummaryTitle { font-family: "dcc_ashregular"; } .workoutsSummaryTitle { height: 60px; margin: 20px auto; width: auto !important; color: #ccc; font-size: 82px; font-weight: normal; line-height: 0.7; text-align: center; } .dashboardTitle { color: #ccc; font-family: "dcc_ashregular"; font-size: 82px; font-weight: normal; height: 60px; line-height: 0.7; margin: 20px auto; text-align: center; width: 310px; } .ddp-icon-favorites { background-image: url(/Content/SiteFiles/images/fav-enabled.png) !important; background-position: 0 0 !important; } #video-details-popup { /*overflow-y: hidden;*/ /* Closed for DDPYOGA-4198 */ } body #ascrail2000-hr { display: none; } @media screen and (min-height:810px) { .fancybox-lock .fancybox-overlay { overflow-x: auto; overflow-y: hidden !important; } } .mobile-app-warning-detail { font-size: 25px; padding: 5% 0; text-align: center; } .mobile-app-warning-detail > p { margin-top: 8px; } .mobile-app-warning-detail-liveworkout { font-size: 25px; padding: 5% 0; text-align: center; } .mobile-app-warning-detail-liveworkout > p { margin-top: 8px; } .videoDesc { color: #000; font-size: 20px; letter-spacing: 0.01em; } /*h1#ddpTvTitle.workoutsTitle { height: auto; }*/ .workout-title { font-size: 64px !important; height: auto !important; margin: 20px auto !important; /*text-align: left !important;*/ width: auto !important; } .custom-workout-title { font-size: 64px !important; height: auto !important; margin: 20px auto !important; text-align: center !important; width: auto !important; display: block !important; } .videoEmbed { min-height: 0 !important; position: relative; } .video-desc-explanation { float: left; width: 80%; } .video-desc-exclamation { float: left; } .loading-wrapper { margin-top: 10%; display: block; margin-left: auto; margin-right: auto; background: none; text-align: center; width: 100%; float: left; } .loading-wrapper img { width: 48px; } .loading-wrapper p { font-size: 50px; font-family: 'dcc_ashregular'; color: #000; } .pre-loaded-content { opacity: 0; } .video-js.vjs-default-skin .vjs-big-play-button { display: none; } video:hover { cursor: pointer; } .video-player-controls { padding-top: 24%; position: absolute; text-align: center; top: 0; width: 100%; cursor: pointer; z-index: 2147483647; left: 0; } #heartRateArea { font-family: 'dcc_ashregular'; font-size: 300%; z-index: 2147483647; padding-top: 2%; position: absolute; top: 0; padding-left: 5%; color: white; text-align: center; line-height: normal; display: grid; } #hearRate { font-size: 150%; } .video-player-controls img { height: 50px; padding: 0 10px; } .video-player-controls > a { text-decoration: none; } .video-player-controls > a > span { padding: 8px; color: white; font-size: 36px; background-color: #2ba9e0; font-family: "dcc_ashregular"; } .video-player-controls .video-player-complete, .video-player-controls .video-player-exit { display: none; } .burnedCalories { position: relative; } .ddp-icon-favPassive { z-index: 999; } .no-results-found { background-color: #ddd; color: #000; font-size: 20px; left: 0; position: absolute; top: 50px; width: 100%; display: none; } #upgradeSubscription { font-family: "dcc_ashregular"; font-weight: normal; background-color: rgba(0, 0, 0, 0.76); border: 1px solid #222; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.12) inset, 0 0 30px 20px rgba(255, 255, 255, 0.12) inset; color: #ccc; font-size: 54px; position: absolute; overflow: auto; text-align: center; top: 30%; vertical-align: middle; width: 80%; padding: 100px 10%; height: 584px; margin-top: -150px; } @media screen and (max-width:500px) { #upgradeSubscription { font-size: 45px; } .fancybox-wrap { width: 85% !important; max-width: 85% !important; } } @media screen and (max-width:400px) { #upgradeSubscription { font-size: 36px; } .fancybox-wrap { width: 85% !important; max-width: 85% !important; } } #timerSection { background-color: transparent !important; box-shadow: none !important; border: none !important; } #signupWithFB.popup { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; } #signupWithFB h1 { color: #ddd; width: 90%; max-height: 500px; margin: 0 auto; } #signupWithFB p { border: solid 1px #000; border-radius: 6px; padding: 0px 10px 5px 10px; font-family: D-DINCondensed; font-size: 16px; color: #ddd; width: 80%; max-height: 500px; font-weight: normal; margin: 0 auto; margin-bottom: 20px; } #signupWithFB button { width: 190px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; padding: 13px 0px; border-radius: 5px; margin: 0px 15px 15px 15px; } #signupWithFB button:hover { background-color: rgba(255,255,255,0.3); } #signupPopup.popup { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; } #signupPopupConfirmExit.popup { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; } #signupPopupConfirmExit p { border: solid 1px #000; border-radius: 6px; padding: 0px 10px 5px 10px; font-family: D-DINCondensed; font-size: 16px; color: #ddd; width: 80%; max-height: 500px; font-weight: normal; margin: 0 auto; margin-bottom: 20px; } #signupPopupConfirmExit button { width: 190px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; padding: 13px 0px; border-radius: 5px; margin: 0px 15px 15px 15px; } #signupPopupConfirmExit button:hover { background-color: rgba(255,255,255,0.3); } #videoPlayerPopUp { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; width: 900px; height: 500px; vertical-align: middle; text-align: justify; } #videoPlayerPopUp > div { width: 800px; height: 500px; } #videoPlayerPopUp > div > video { margin-left: 210px; margin-top: 100px; } #videoPlayerPopUp p { border: solid 1px #000; border-radius: 6px; padding: 0px 10px 5px 10px; font-family: D-DINCondensed; font-size: 16px; color: #ddd; width: 80%; max-height: 500px; font-weight: normal; margin: 0 auto; margin-bottom: 20px; } #videoPlayerPopUp button { width: 190px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; padding: 13px 0px; border-radius: 5px; margin: 0px 15px 15px 15px; } #videoPlayerPopUp button:hover { background-color: rgba(255,255,255,0.3); } #endWorkoutArea > button { width: 215px; } #endWorkout.container, #endDelete.container, #futureWorkout.container, #changeProgram.container, #confirmWorkout.container, #changeProgramDefault.container, #lockedWorkoutAddWarning.container, #noSelectedWorkout.container, #downgradeSubscription.container, #confirmPromoCode.container, #inconsistentPromoCode.container, #confirmPromoUser.container, #deleteLogPopup.container, #updateWorkoutNamePopup.container, #upgradeSubscription.container { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85); box-shadow: 0 0 30px 13px rgba(0, 0, 0, 0.45) inset; padding: 30px 0 !important; width: 100% !important; } #confirmSignupFB { text-align: center; } #confirmEnd, #confirmSignupFB { width: 100% !important; } .summaryArea h2 { font-family: dcc_ashregular !important; } .edit-workout-icon { color: rgb(204, 204, 204); font-size: 20px; vertical-align: middle; } .workout-name-wrapper { position: relative; } #workoutNameInput { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border-radius: 5px; color: white; font-family: "Yanone Kaffeesatz",Tahoma,Geneva,sans-serif; font-size: 26px; height: 50px; padding: 5px; width: 50%; border: none; } #WorkoutType option { text-transform: uppercase; } #workoutTypeLabel { color: #ccc; display: block; font-size: 20px; padding-left: 42px; padding-right: 5px; margin-top: 10px; } #WorkoutType { font-family: Titillium Web; font-size: 16px; margin-right: 10px; margin-top: -4px; text-transform: uppercase; vertical-align: middle; width: 200px; } .required-indicator { color: red; font-size: 20px; font-weight: bold; cursor: pointer; vertical-align: top; } .resp-tabs-container h2 { width: auto !important; } h2.resp-accordion.resp-tab-active { background-color: #787878; background-color: rgba(120, 120, 120, 0.6); } .fancybox-iframe-fullScreenMode { max-width: 100% !important; } .lock { height: 14px !important; width: 12px !important; min-height: 0px !important; float: right; margin-right: 3px; } #popupalert { margin-top: -305px; margin-right: 50px; padding-top: 98px; background-color: transparent; font-size: 20px; } .forget-password { margin-bottom: 15px; } #send { width: 105px; height: 55px; border: medium none; cursor: pointer; display: block; margin: 10px 0 0 0; float: right; margin-bottom: 15px !important; outline: none; align-items: flex-start; text-align: center; color: buttontext; background-color: buttonface; letter-spacing: normal; word-spacing: normal; font: -webkit-small-control; } #verticalTab, .resp-vtabs ul.resp-tabs-list { min-height: 803px !important; } #owl-demo .item .dayOn .workoutName { cursor: pointer; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .white-text { color: #fff !important; } button#play-pause-custom { width: 400px; } button#complete-custom { width: 300px; } p.notSelectedWorkout { text-align: right; margin-right: 30px; font-family: "dcc_ashregular"; font-size: 18px; font-weight: normal; color: #ccc; letter-spacing: 2px; } textarea#newUserNote { width: 370px; height: 175px; background: #000000 center top no-repeat; color: white; border: 2px solid; border-color: #5F5F5F; } .tabRightBottom#userNotesConteiner { width: 80%; font-family: "dcc_ashregular"; font-size: 24px; font-weight: normal; color: #ccc; margin-left: 20px; text-align: left; letter-spacing: 1px; font-style: normal; } #lf_cancel { background: url(/Content/SiteFiles/images/cancel1.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 105px; height: 55px; } #lf_cancel:hover { background: url(/Content/SiteFiles/images/cancel2.png) repeat scroll 0 0 rgba(0, 0, 0, 0); } .myProgram a.prev { z-index: 9000 !important; } .fancybox-overlay { z-index: 9999 !important; } .fancybox-wrap { z-index: 99999 !important; } .addWorkoutTitle { color: #b3b3b3; font-weight: normal; padding: 10px 0; } .tabRight #userNotesConteiner h4 { font-size: 19px; } .tabRight #painManagement h5 { font-size: 21px; } .dashRight a.viewLink { position: relative; z-index: 9999; } .addWorkoutBodyBg { background: url(/Content/SiteFiles/images/addWorkoutBg.jpg) no-repeat fixed left top #000000 !important; box-shadow: none !important; } .injuryBodyMaleBack { background: url(/Content/SiteFiles/images/bodyMaleBack.png) 20px 20px no-repeat !important; } .injuryBodyMaleFront { background: url(/Content/SiteFiles/images/bodyMaleFront.png) 20px 20px no-repeat !important; } .injuryBodyFemaleBack { background: url(/Content/SiteFiles/images/bodyFemaleBack.png) 20px 20px no-repeat !important; } .injuryBodyFemaleFront { background: url(/Content/SiteFiles/images/bodyFemaleFront.png) 20px 20px no-repeat !important; } #p17 { left: 120px; top: 80px; } #p18 { left: 120px; top: 115px; } .femaleBackground { background: url(/Content/images/bodyFemaleFront.png) 20px 20px no-repeat !important; } /*////////*/ div.pass-container { margin: -5px 0px 10px 0px; height: 30px; } /*/////////*/ div.pass-bar { height: 11px; margin-top: 2px; } div.pass-hint { color: white; font-family: arial; font-size: 11px; } .dashboardPartially { background: url(/Content/images/partially_bg.png) center right no-repeat; background-color: inherit; } .dashboardCompleted { background: url(/Content/images/completed_bg.png) center right no-repeat; background-color: inherit; } #dashboardNextUp { position: relative; } #dashboardNextUp > img { cursor: auto; } .gotoWorkout { cursor: pointer; } .startWorkoutDashboard { position: absolute; left: 32%; top: 25%; } .startWorkoutDashboard > img { width: 150px !important; max-height: !important; height: auto !important; } .btnValid1 { background-position: 0 -63px !important; } .btnValid2 { background-position: 0 -55px !important; } .btnInvalid { background-position: 0 0px !important; } #messages span.newMessage { margin-top: -50px; } #profile-email-section li { display: inline; list-style-type: none; padding-right: 20px; } .profile-saveButton { background: url(/Content/SiteFiles/images/saveInactive.png) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 65px; width: 207px; display: block; margin: auto; margin-top: 20px; } .profile-saveButton:hover { background: url(/Content/SiteFiles/images/saveActive.png) repeat scroll 0 0 rgba(0, 0, 0, 0); } #profilePasswordPopup, #profileEmailPopup { background: url(/Content/SiteFiles/images/addWorkoutBg.jpg) no-repeat fixed left top #000000 !important; box-shadow: none !important; padding: 20px 20px 20px 20px; } @media screen and (min-width: 630px) { #profilePasswordPopup { width: 480px; } } #profilePasswordPopup h1, #profileEmailPopup h1 { color: #2ba9e0; font-size: 36px; font-weight: normal; margin-bottom: 20px; } #profilePasswordPopup p, #profileEmailPopup p { height: 50px; margin-bottom: 20px; } #profilePasswordPopup label, #profileEmailPopup label { color: #f1511a; font-size: 24px; letter-spacing: 2px; padding-right: 15px; vertical-align: middle; } #profilePasswordPopup input, #profileEmailPopup input { background: none repeat scroll 0 0 #1c1c1c; border: medium none; border-radius: 5px; color: #afafaf; font-family: "dcc_ashregular"; font-size: 20px; letter-spacing: 1px; padding: 6px 13px; vertical-align: middle; } #profilePasswordPopup .profilePopupCancelBtn, #profileEmailPopup .profilePopupCancelBtn { background: url(/Content/SiteFiles/images/cancel1.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 105px; height: 55px; display: block; float: left; } #profilePasswordPopup .profilePopupCancelBtn:hover, #profileEmailPopup .profilePopupCancelBtn:hover { background: url(/Content/SiteFiles/images/cancel2.png) repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; } #profilePasswordPopup .profilePopupConfirmBtn, #profileEmailPopup .profilePopupConfirmBtn { background: url(/Content/SiteFiles/images/changeBtn.png) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 105px; height: 55px; display: block; float: left; } #profilePasswordPopup .profilePopupConfirmBtn:hover, #profileEmailPopup .profilePopupConfirmBtn:hover { background: url(/Content/SiteFiles/images/changeBtn.png) repeat scroll 0 -55px rgba(0, 0, 0, 0); display: block; } .updateEmailSubmitButton { background: url(/Content/SiteFiles/images/changeBtn.png) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } .updateEmailSubmitButton:hover { background: url(/Content/SiteFiles/images/changeBtn.png) repeat scroll 0 -55px rgba(0, 0, 0, 0) !important; } .darkFormContent.billingInfo select { background: transparent; border: none; color: #999; font-family: "Yanone Kaffeesatz", Tahoma, Geneva, sans-serif; font-size: 26px; width: 200px; -webkit-appearance: none; -moz-appearance: none; background: url(/Content/images/dropdown.png) no-repeat right; } .darkFormContent.billingInfo select:disabled { color: #333; } .subscriptionTextSpan { color: #f2f2f2 !important; margin-left: 30px; } .righty { margin-left: 30px; } .paymentInfoContainer { margin-top: 30px; padding: 20px; width: 50%; background-color: rgba(0, 0, 0, 0.76); /* border: 1px solid #222; */ /*box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12) inset, 10px 10px 15px 0 rgba(255, 255, 255, 0.12) inset;*/ box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.75) inset; border-radius: 10px; display: block; } .paymentInfoContainer h4 { color: #6d6d6d; font-family: "dcc_ashregular"; font-size: 20px; font-weight: normal; margin: 10px 0 20px; } .subscriptionContainer > p { margin-bottom: 20px; } #settings-area select { background: url(/Content/SiteFiles/images/arrow.png) no-repeat scroll 205px center #1c1c1c; width: 235px; } #settings-area select#subTierSelect { background: url(/Content/SiteFiles/images/arrow.png) no-repeat scroll 440px center #1c1c1c; width: 470px; } .subs-saveButton { background: url(/Content/SiteFiles/images/saveInactive.png) no-repeat scroll center rgba(0, 0, 0, 0); width: 156px; height: 66px; } .subs-saveButton:hover { background: url(/Content/SiteFiles/images/saveActive.png) no-repeat scroll center rgba(0, 0, 0, 0); width: 156px; height: 66px; } .subs-cancelButton { background: url(/Content/SiteFiles/images/cancelSignupBtn1.png) no-repeat scroll center rgba(0, 0, 0, 0); width: 156px; height: 66px; } .subs-cancelButton:hover { background: url(/Content/SiteFiles/images/cancelSignupBtn2.png) no-repeat scroll center rgba(0, 0, 0, 0); width: 156px; height: 66px; } .subs-buttonContainer { height: 90px; padding-top: 15px; width: 100%; } .subscriptionTextSpan { color: #f2f2f2 !important; margin-left: 30px; } .subs-leftSpan { color: #f1511a !important; } .subs-innerControlButtons { background: none repeat scroll 0 0 #212121; border: medium none; border-radius: 5px; box-shadow: 4px 4px 2px #3a3a3a inset; color: #888; cursor: pointer; font-family: "dcc_ashregular"; font-size: 18px; font-weight: normal; letter-spacing: 1px; padding: 8px 11px; } .righty { margin-left: 30px; } .paymentInfoContainer { margin-top: 30px; padding: 20px; width: 50%; background-color: rgba(0, 0, 0, 0.76); box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.75) inset; border-radius: 10px; display: block; } .paymentInfoContainer h4 { color: #6d6d6d; font-family: "dcc_ashregular"; font-size: 20px; font-weight: normal; margin: 0 0 20px 0; } .subscriptionContainer > p { margin-bottom: 20px; } .subsReasonPopupWarning { display: none; color: #6d0000; font-family: "dcc_ashregular"; font-size: 20px; font-weight: normal; } .cbxTag { background-image: url(/Content/SiteFiles/images/blue_cb.png); height: 51px; width: 49px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; border-radius: 5px; } .cbxTag:checked { background-image: url(/Content/SiteFiles/images/blue_cb.png); height: 51px; width: 49px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; border-radius: 5px; } #editTagsContainer { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; float: none; margin: 0 auto; text-align: center; font-family: dcc_ashregular; font-size: 30px; color: #fff; padding: 30px; font-weight: normal; } .tagsBoundries { width: 100%; height: 400px; float: none; margin: 0 auto; text-align: center; padding: 0; } .addSchedule { min-height: 0px !important; height: auto !important; width: auto !important; float: left !important; margin: 4px 0px 0px 4px !important; position: absolute; top: 0px; left: 0px; filter: drop-shadow(2px 3px 1px #000) } .tagsBoundries .tagContainer { height: 55px; width: 100%; vertical-align: bottom; font-family: dcc_ashregular; font-size: 30px; color: #fff; font-weight: normal; display: block; cursor: grab; } .tagsBoundries .tagContainer:hover { font-size: 35px; } body > .tagContainer { height: 55px; width: 350px; vertical-align: bottom; font-family: dcc_ashregular; font-size: 35px; color: #fff; font-weight: normal; display: block; border: red 2px solid; margin-left: -10px; padding-left: 10px; cursor: grabbing; } body > .tagContainer > .tagsRightHalf { display: none; } .tagsLeftHalf { line-height: 55px; float: left; } .tagsRightHalf { float: right; height: 55px; } .tagsSaveButton { width: 190px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 28px; font-weight: normal; padding: 13px 0px; border-radius: 5px; margin: 15px; } .tagsSaveButton:hover { background-color: rgba(255,255,255,0.3); } .smallTagsSaveButton { width: 50px; height: 25px; text-align: center; background-color: rgba(255,255,255,0.1); border: medium none; color: #eee; cursor: pointer; font-family: dcc_ashregular; font-size: 12px; font-weight: normal; padding: 5px 0px; border-radius: 3px; margin: 5px; } .smallTagsSaveButton:hover { background-color: rgba(255,255,255,0.3); } #completedPopup p { font-size: 65px; line-height: 50px; } #completedPopup h4 { font-size: 115px; line-height: 87px; } #completedPopup p.difficultyText { font-size: 55px; } .popupBackground { background: rgba(0,0,0,0.85); -webkit-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 0px 30px 13px rgba(0, 0, 0, 0.45); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, -2px -2px 10px white inset; float: none; margin: 0 auto; text-align: center; font-family: dcc_ashregular; font-size: 30px; color: #fff; padding: 30px; font-weight: normal; } #headerContainer { /*position: fixed;*/ z-index: 9999999; width: 100%; left: 0px; } .container header { min-height: 205px; } .container header.trackerHeader { min-height: 245px; } .container header.dashboardHeader { min-height: 0; } footer { margin-bottom: 0 !important; } .footerContainer { width: 960px; margin: 0 auto; } .woSummary .lineArea ul { width: 100%; text-align: right; } .woSummary .lineArea ul li { display: inline; list-style-type: none; } .woSummary .lineArea ul li button { font-family: DinProMedium; font-size: 12px; color: #949494; background: transparent; border: none; cursor: pointer; font-weight: lighter; padding: 0; margin: 0px 2px; } .woSummary .lineArea ul li button.chosen { border-bottom: solid 1px #2ba9e0; } .darkFormContent ul li input:disabled { color: #888; } /*.irs-bar { cursor: pointer; } .irs-slider { cursor: pointer !important; }*/ #fitnessLevelSelect option { font-size: 24px !important; } #prefences-meter .custom-range-selector { width: 127%; height: 230%; position: inherit; left: -18px; top: -50px; z-index: 1000 !important; cursor: pointer; } .greenyMask { width: 230px; height: 230px; display: relative; overflow: hidden; -webkit-border-radius: 115px; -moz-border-radius: 115px; -ms-border-radius: 115px; -o-border-radius: 115px; border-radius: 115px; background-color: rgba(27, 27, 27, 0.89); box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); margin-bottom: 17px; } .greenySubscriptionMask { width: 114px; height: 114px; display: relative; overflow: hidden; -webkit-border-radius: 115px; -moz-border-radius: 115px; -ms-border-radius: 115px; -o-border-radius: 115px; border-radius: 115px; background-color: rgba(27, 27, 27, 0.89); box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.75); } span.workoutDetailCountdown { color: #fce621; display: inline-block; font-size: 45px; vertical-align: bottom; } span.workoutDetailCountdown.days i { display: block; float: right; font-size: 18px; font-style: normal; margin: 13px -10px 0 -10px; overflow: hidden; text-align: right; width: 40px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } span.workoutDetailCountdown.hours i { display: block; float: right; font-size: 17px; font-style: normal; margin: 16px -10px 0 -10px; overflow: hidden; text-align: right; width: 40px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } span.workoutDetailCountdown.minutes i { display: block; float: right; font-size: 14px; font-style: normal; margin: 18px -10px 0 -10px; overflow: hidden; text-align: right; width: 40px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } span.workoutDetailCountdown.seconds i { display: block; float: right; font-size: 14px; font-style: normal; margin: 18px -10px 0 -10px; overflow: hidden; text-align: right; width: 40px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /*MY PROGRAM SELECT WORKOUT POPUP*/ .program { background: url(/Content/SiteFiles/images/workoutProgramBackground.jpg); background-size: 100% 100%; padding: 1px; margin: 5px; width: auto; height: auto; } .programMediaContent { width: 100% !important; height: 100% !important; } .programMediaContentDiv { height: 210px; } .programTitle { margin-top: 10px; font-family: "Helvetica Neue"; font-size: 18px; font-style: normal; font-variant: normal; font-weight: bold; } .difficultyStyleLine { border-bottom: 1px solid; width: 40px; margin: 0 auto; margin-top: 5px; } .programDescription { margin-top: 20px; margin-right: 30px; margin-left: 30px; font-family: "Helvetica Neue"; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 20px; height: 160px; overflow: auto; } .programDescription::-webkit-scrollbar { width: 12px; } .programDescription::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .programDescription::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } #currentProgram { padding-right: 80px; top: 20px; cursor: pointer; width: 210px; height: 60px; } .selectProgram { border: none; background: black; color: #fff; display: inline-block; font-family: D-DINCondensed; font-size: 23px; margin: 40px auto; padding: 15px 70px; text-align: center; cursor: pointer; } @media screen and (min-width: 790px) { .customNavigationProgram { display: inline-block; vertical-align: top; padding-top: 285px; } } .workoutPrograms { display: inline-block; width: 85%; } #workoutProgramsAside { text-align: center; /*width: 100% !important;*/ } .video-js.vjs-default-skin .vjs-big-play-button { left: calc(50% - 2em); top: calc(50% - 1.3em); }