*{font:12px/1.125 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, sans-serif;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;} audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;} audio:not([controls]) {display: none;height: 0;} [hidden] {display: none;} html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} html,button,input,select,textarea {font-family: sans-serif;} body {margin: 0;} a:focus {outline: thin dotted;} a:hover,a:active {outline: 0;} h1 {font-size: 2em;margin: 0.67em 0;} h2 {font-size: 1.5em;margin: 0.83em 0;} h3 {font-size: 1.17em;margin: 1em 0;} h4 {font-size: 1em;margin: 1.33em 0;} h5 {font-size: 0.83em;margin: 1.67em 0;} h6 {font-size: 0.75em;margin: 2.33em 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} blockquote {margin: 1em 40px;} dfn {font-style: italic;} mark {background: #ff0;color: #000;} p,pre {margin: 1em 0;} pre,code,kbd,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;} pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;} q {quotes: none;} q:before,q:after {content: '';content: none;} small {font-size: 75%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} dl,menu,ol,ul {margin: 1em 0;} dd {margin: 0 0 0 40px;} menu,ol,ul {padding: 0 0 0 40px;} nav ul,nav ol {list-style: none;list-style-image: none;} img {border: 0;-ms-interpolation-mode: bicubic;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} form {margin: 0;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;} button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;} button,input {line-height: normal;} button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible;} button[disabled],input[disabled] { cursor: default;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0; *height: 13px; *width: 13px;} input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner { border: 0;padding: 0;} textarea {overflow: auto;vertical-align: top;} table {border-collapse: collapse;border-spacing: 0;} .place-left { float: left !important;margin-right: 10px;} .place-right { float: right !important; margin-left: 10px;} .scroll-y,.scroll-vertical { overflow-y: scroll;} .scroll-x,.scroll-horizontal { overflow-x: scroll;} .pos-rel { position: relative;} .pos-abs { position: absolute;} .pos-fix { position: fixed;} .text-left { text-align: left;} .text-right { text-align: right;} .text-center { text-align: center;} .text-justify { text-align: justify;} .top-left { position: absolute; top: 0; left: 0;} .top-right { position: absolute; top: 0; right: 0;} .bottom-right { position: absolute; bottom: 0; right: 0;} .bottom-left { position: absolute; bottom: 0; left: 0;} .no-overflow { overflow: hidden;} .no-display { display: none;} .as-block { display: block; float: none !important;} .as-inline-block { display: inline-block;} .nlm { margin-left: 0 !important;} .nrm { margin-right: 0 !important;} .clearfix { *zoom: 1;} .clearfix:before,.clearfix:after { display: table; content: "";} .clearfix:after {clear: both;} .padding5 {padding: 5px;} .padding10 {padding: 10px;} .padding15 {padding: 15px;} .padding20 {padding: 20px;} .padding30 {padding: 30px;} .padding40 {padding: 40px;} .padding80 {padding: 80px;} .selected {border: 4px #2d89ef solid;} .selected:after {width: 0;height: 0;border-top: 40px solid #2d89ef;border-left: 40px solid transparent;position: absolute;display: block;right: 0;content: ".";top: 0;z-index: 1001;} .selected:before {position: absolute;content: "\e08a";color: #fff;right: 4px;font-family: iconFont;z-index: 1002;} .border {border: 1px #ccc solid;} @font-face {font-family: 'iconFont';src: url('../fonts/iconFont.eot');src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.svg#iconFont') format('svg'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype');font-weight: normal;font-style: normal;} /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before {font-family: 'iconFont';content: attr(data-icon);speak: none;font-weight: normal;font-style: normal;display: inline-block;text-decoration: inherit;-webkit-font-smoothing: antialiased;border: 1px transparent solid;} /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before,[class*=" icon-"]:before {font-family: 'iconFont';font-style: normal;speak: none;font-weight: normal;display: inline-block;text-decoration: inherit;margin: 0 2px;-webkit-font-smoothing: antialiased;border: 1px transparent solid;} .icon-large:before {vertical-align: middle;font-size: 1.3333333333333332em;margin-top: -8px;} button.mini,.button.mini {font-size: .9em !important;} a [class^="icon-"],a [class*=" icon-"] {border: 1px transparent solid;} li [class^="icon-"],li [class*=" icon-"] {display: inline-block;width: 1.25em;text-align: center;} li .icon-large:after,li .icon-large:before {width: 1.875em;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Variables.less */ .fg-color-blue {color: #2d89ef !important;} .fg-color-blueLight {color: #eff4ff !important;} .fg-color-blueDark {color: #2b5797 !important;} .fg-color-green {color: #00a300 !important;} .fg-color-greenLight {color: #99b433 !important;} .fg-color-greenDark {color: #1e7145 !important;} .fg-color-red {color: #b91d47 !important;} .fg-color-yellow {color: #ffc40d !important;} .fg-color-orange {color: #e3a21a !important;} .fg-color-orangeDark {color: #da532c !important;} .fg-color-pink {color: #9f00a7 !important;} .fg-color-pinkDark {color: #7e3878 !important;} .fg-color-purple {color: #603cba !important;} .fg-color-darken {color: #1d1d1d !important;} .fg-color-lighten {color: #d5e7ec !important;} .fg-color-white {color: #fff !important;} .fg-color-grayDark {color: #525252 !important;} .bg-color-blue {background-color: #2d89ef !important;} .bg-color-blueLight {background-color: #eff4ff !important;} .bg-color-blueDark {background-color: #2b5797 !important;} .bg-color-green {background-color: #00a300 !important;} .bg-color-greenLight {background-color: #99b433 !important;} .bg-color-greenDark {background-color: #1e7145 !important;} .bg-color-red {background-color: #b91d47 !important;} .bg-color-yellow {background-color: #ffc40d !important;} .bg-color-orange {background-color: #e3a21a !important;} .bg-color-orangeDark {background-color: #da532c !important;} .bg-color-orange1 {background-color: #FF4500 !important;} .bg-color-pink {background-color: #9f00a7 !important;} .bg-color-pinkDark {background-color: #7e3878 !important;} .bg-color-purple {background-color: #603cba !important;} .bg-color-darken {background-color: #1d1d1d !important;} .bg-color-lighten {background-color: #d5e7ec !important;} .bg-color-white {background-color: #fff !important;} .bg-color-grayDark {background-color: #525252 !important;} .bg-color-a {background-color: #15AD66 !important;} .bg-color-b {background-color: #666600 !important;} .bg-color-c {background-color: #996600 !important;} .bg-color-d {background-color: #06c !important;} .bg-color-e {background-color: #FF6600 !important;} /*#999933 #FF6600 */ .bg-color-f {background-color: #FF6600 !important;} [class*=border-color] {border: 2px solid;} .border-color-blue {border-color: #2d89ef !important;} .border-color-blueLight {border-color: #eff4ff !important;} .border-color-blueDark {border-color: #2b5797 !important;} .border-color-green {border-color: #00a300 !important;} .border-color-greenLight {border-color: #99b433 !important;} .border-color-greenDark {border-color: #1e7145 !important;} .border-color-red {border-color: #b91d47 !important;} .border-color-yellow {border-color: #ffc40d !important;} .border-color-orange {border-color: #e3a21a !important;} .border-color-orangeDark {border-color: #da532c !important;} .border-color-pink {border-color: #9f00a7 !important;} .border-color-pinkDark {border-color: #7e3878 !important;} .border-color-purple {border-color: #603cba !important;} .border-color-darken {border-color: #1d1d1d !important;} .border-color-lighten {border-color: #d5e7ec !important;} .border-color-white {border-color: #fff !important;} .border-color-grayDark {border-color: #525252 !important;} *:hover[class=outline-color] {outline: 3px solid;} .outline-color-blue {outline-color: #2d89ef !important;} .outline-color-blueLight {outline-color: #eff4ff !important;} .outline-color-blueDark {outline-color: #2b5797 !important;} .outline-color-green {outline-color: #00a300 !important;} .outline-color-greenLight {outline-color: #99b433 !important;} .outline-color-greenDark {outline-color: #1e7145 !important;} .outline-color-red {outline-color: #b91d47 !important;} .outline-color-yellow {outline-color: #ffc40d !important;} .outline-color-orange {outline-color: #e3a21a !important;} .outline-color-orangeDark {outline-color: #da532c !important;} .outline-color-pink {outline-color: #9f00a7 !important;} .outline-color-pinkDark {outline-color: #7e3878 !important;} .outline-color-purple {outline-color: #603cba !important;} .outline-color-darken {outline-color: #1d1d1d !important;} .outline-color-lighten {outline-color: #d5e7ec !important;} .outline-color-white {outline-color: #fff !important;} .outline-color-grayDark {outline-color: #525252 !important;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Bricks.less * */ .item-margin {margin: 0 10px 10px 0;} .column-margin {margin: 0 20px 10px 0;} .group-margin {margin: 0 80px 10px 0;} .brick {position: relative;margin: 0 10px 10px 0;display: block;float: none !important;} .short-brick {position: relative;margin: 0 10px 10px 0;display: block;float: none !important;width: 150px;height: 150px;} .medium-brick {position: relative;margin: 0 10px 10px 0;display: block;float: none !important;width: 310px;height: 150px;} /* .badge { .brick; width: @subunit*7; height: @subunit*6; padding-top: @subunit; #font > .control; color: @darken; text-align: center;} */ .square {display: block;float: left;margin-right: 10px;height: 20px;width: 20px;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Typography.less * */ .text-rest-state {color: #000000;} .text-rest2-state {color: rgba(0, 0, 0, 0.6);} .text-hover-state {color: rgba(0, 0, 0, 0.8);} .text-pressed-state {color: rgba(0, 0, 0, 0.4);} #font .header {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 42pt;letter-spacing: 0.00em;line-height: 44pt;font-smooth: always;} #font .subheader, #font .subheader-secondary {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 20pt;letter-spacing: 0.01em;line-height: 24pt;font-smooth: always;} #font .subheader-smaller, #font .subheader-secondary-smaller {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;letter-spacing: 0.01em;line-height: 24pt;font-size: 16pt;font-smooth: always;} #font .small-subheader, #font .small-subheader-secondary {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 600;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;} #font .navigation {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;} #font .body, #font .body-secondary, #font .normal {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;} #font .link {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;font-smooth: always;} #font .tertiary, #font .tertiary-secondary {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;} #font .control {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;} #font .small {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 8pt;font-smooth: always;} #font .long-text {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'PT Serif Caption', sans-serif, serif !important;font-weight: 300;font-size: 10pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;} #font .long-text-smaller {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'PT Serif Caption', sans-serif, serif !important;font-weight: 300;font-size: 10pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;font-size: 9pt;} #font .long-text-lead {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'PT Serif Caption', sans-serif, serif !important;font-weight: 300;font-size: 10pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;font-size: 20pt;} #state .header, #state .subheader, #state .small-subheader, #state .navigation, #state .body, #state .tertiary {color: #000000;} #state .header:hover, #state .subheader:hover, #state .small-subheader:hover, #state .navigation:hover, #state .body:hover, #state .tertiary:hover {color: rgba(0, 0, 0, 0.8);} #state .header:active, #state .subheader:active, #state .small-subheader:active, #state .navigation:active, #state .body:active, #state .tertiary:active {color: rgba(0, 0, 0, 0.4);} #state .subheader-secondary, #state .subheader-secondary-smaller, #state .small-subheader, #state .small-subheader-secondary, #state .body-secondary, #state .tertiary-secondary {color: rgba(0, 0, 0, 0.6);} #state .subheader-secondary:hover, #state .subheader-secondary-smaller:hover, #state .small-subheader:hover, #state .small-subheader-secondary:hover, #state .body-secondary:hover, #state .tertiary-secondary:hover {color: rgba(0, 0, 0, 0.8);} #state .subheader-secondary:active, #state .subheader-secondary-smaller:active, #state .small-subheader:active, #state .small-subheader-secondary:active, #state .body-secondary:active, #state .tertiary-secondary:active {color: rgba(0, 0, 0, 0.4);} #state .link {color: #2e92cf;} #state .link:hover {color: rgba(45, 173, 237, 0.8);} #state .link:active {color: rgba(45, 173, 237, 0.6);} a, .link {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;font-smooth: always;color: #2e92cf;text-decoration: none;} a:hover, .link:hover {color: rgba(45, 173, 237, 0.8);} a:active, .link:active {color: rgba(45, 173, 237, 0.6);} h1, h2, h3, h4, h5, h6 {margin: 10px 0;padding: 0;} h1 {font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";font-size:22pt;font-weight:600;color:#333;line-height:26pt;} h1:hover {color: rgba(0, 0, 0, 0.8);} h1:active {color: rgba(0, 0, 0, 0.4);} h2 {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 20pt;letter-spacing: 0.01em;line-height: 24pt;font-smooth: always;color: #000000;} h2:hover {color: rgba(0, 0, 0, 0.8);} h2:active {color: rgba(0, 0, 0, 0.4);} h3 {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', , 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 20pt;letter-spacing: 0.01em;line-height: 24pt;font-smooth: always;color: rgba(0, 0, 0, 0.6);font-size: 12pt;line-height: 24px;} h3:hover {color: rgba(0, 0, 0, 0.8);} h3:active {color: rgba(0, 0, 0, 0.4);} h4 {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 600;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;color: #000000;color: rgba(0, 0, 0, 0.6);} h4:hover {color: rgba(0, 0, 0, 0.8);} h4:active {color: rgba(0, 0, 0, 0.4);} h4:hover {color: rgba(0, 0, 0, 0.8);} h4:active {color: rgba(0, 0, 0, 0.4);} h5 {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 100;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;color: rgba(0, 0, 0, 0.6);font-size: 90%;} h5:hover {color: rgba(0, 0, 0, 0.8);} h5:active {color: rgba(0, 0, 0, 0.4);} h6 {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 600;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;color: rgba(0, 0, 0, 0.6);font-size: 80%;} h6:hover {color: rgba(0, 0, 0, 0.8);} h6:active {color: rgba(0, 0, 0, 0.4);} body, p {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53','Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.00em;line-height: 20px;font-smooth: always;} p.long-text {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'PT Serif Caption', sans-serif, serif !important;font-weight: 300;font-size: 10pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;} p {margin: 0 0 10px;} p.indent:first-letter {padding-left: 25px;} .lead {font-size: 120%;line-height: 26px;} .tertiary-info-text, .tertiary-text {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #000000;} .tertiary-info-text:hover, .tertiary-text:hover {color: rgba(0, 0, 0, 0.8);} .tertiary-info-text:active, .tertiary-text:active {color: rgba(0, 0, 0, 0.4);} .tertiary-info-secondary-text, .tertiary-secondary-text {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: rgba(0, 0, 0, 0.6);} .tertiary-info-secondary-text:hover, .tertiary-secondary-text:hover {color: rgba(0, 0, 0, 0.8);} .tertiary-info-secondary-text:active, .tertiary-secondary-text:active {color: rgba(0, 0, 0, 0.4);} abbr.initialism {font-size: 90%;text-transform: uppercase !important;} abbr[title] {cursor: help !important;} address {display: block;margin-bottom: 20px;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;line-height: 20px;font-style: normal;} blockquote {margin: 0;padding: 5px 20px;border-left: 4px #ccc solid;display: block;background-color: rgba(204, 204, 204, 0.1);} blockquote p {margin-bottom: 0;} blockquote small:before {content: '\2014';color: rgba(0, 0, 0, 0.4);margin-right: 5px;} blockquote.place-right {float: none !important;text-align: right;border: 0;border-right: 4px #ccc solid;} blockquote.place-right small {text-align: right;} blockquote.place-right small:before {content: "";} blockquote.place-right small:after {content: '\2014';color: rgba(0, 0, 0, 0.4);margin-left: 5px;} ul, ol {padding: 0;margin: 0 0 10px 0px;display: block;} ul:nth-child(1) {margin-left: 25px;} ul ul, ul ol, ol ol, ol ul {margin-bottom: 0 !important;} ul {list-style-position: inside;list-style-type: square;} ul ul {list-style-type: circle;} ul, ol {list-style-position: inside;} ul li, ol li {display: list-item;font-size: 14px;line-height: 20px;} ol {list-style-type: decimal;} ul.unstyled, ol.unstyled, .unstyled {margin-left: 0;list-style: none;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Layout.less */ *, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .one-column {-moz-columns: 1;-webkit-columns: 1;columns: 1;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;} .two-columns {-moz-columns: 2;-webkit-columns: 2;columns: 2;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;} .three-columns {-moz-columns: 3;-webkit-columns: 3;columns: 3;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;} .four-columns {-moz-columns: 4;-webkit-columns: 4;columns: 4;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;} .five-columns {-moz-columns: 5;-webkit-columns: 5;columns: 5;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;} .page {position: relative;height: 100%;min-height: 100%;width: 100%;*zoom: 1;} .page:before, .page:after {display: table;content: "";} .page:after {clear: both;} .page .page-header {width: 100%;position: relative;display: block;} .page .page-header .page-header-content {height: 100px;min-height: 100px;width: 100%;position: relative;display: block;} .page .page-header .page-header-content h1, .page .page-header .page-header-content h2, .page .page-header .page-header-content h3, .page .page-header .page-header-content h4, .page .page-header .page-header-content h5 {position: absolute;margin: 0;padding: 0;left: 20px;bottom: 0;} .page .page-header .page-header-content h1 small {font-size: 12pt;margin-left: 5px;} .page .page-header .page-header-content h1.sub-menu {cursor: pointer;} .page .page-header .page-header-content h1.sub-menu:after {position: absolute;content: "\3009";display: inline-block;font-size: 10pt;bottom: -5px;right: -15px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .page .page-header .page-header-content > .page-back {position: absolute;top: 34px;left: 30px;} .page .page-header .page-header-content .user-login {float: right;margin: 55px 44px 0 0;cursor: pointer;} .page .page-header .page-header-content .user-login .avatar {float: right;border: 1px #ccc solid;width: 40px;height: 40px;} .page .page-header .page-header-content .user-login .avatar img {width: 100%;height: 100%;} .page .page-header .page-header-content .user-login .name {float: left;margin: 0px 10px;text-align: right;} .page .page-header .page-header-content .user-login .name .first-name {font-family: "Open Sans", sans-serif, sans;font-size: 18pt;display: block;margin: 0;} .page .page-header .page-header-content .user-login .name .last-name {font-family: "Open Sans", sans-serif, sans;font-size: 10pt;display: block;margin: 0;} .page .page-region {display: block;} .page .page-region .page-region-content {padding-top: 10px;padding-left: 0;padding-right: 0;padding-bottom: 20px;display: block;height: 100%;position: relative;} .page.secondary .page-header .page-header-content h1, .page.secondary .page-header .page-header-content h2, .page.secondary .page-header .page-header-content h3, .page.secondary .page-header .page-header-content h4, .page.secondary .page-header .page-header-content h5 {position: absolute;margin: 0;padding: 0;left:100px;bottom: 0;} .page.secondary .page-region .page-region-content {padding-left:100px;} .page.snapped {width: 33.33%;height: 100%;float: left;border-right: 1px #ccc solid;} .page.fill {width: 66.66%;height: 100%;float: right;border-left: 1px #ccc solid;} .page.snapped .page .page-header .page-header-content h1, .page.snapped .page .page-header .page-header-content h2, .page.snapped .page .page-header .page-header-content h3, .page.snapped .page .page-header .page-header-content h4, .page.snapped .page .page-header .page-header-content h5 {margin-left: 20px;} .page.snapped .page .page-region .page-region-content {padding-left: 20px;} .page.fixed-header .page-header { position: fixed; top: 110px; *top: 120px; left: 0; right: 0; _position:absolute; } .page.fixed-header .page-region { padding-top: 210px; } .page.with-sidebar .page-region {margin-left: 220px;width: auto;*zoom: 1;} .page.with-sidebar .page-region .page-region-content {padding-left: 20px;} .page.with-sidebar .page-region:before, .page.with-sidebar .page-region:after {display: table;content: "";} .page.with-sidebar .page-region:after {clear: both;} .app-bar {position: fixed;bottom: 0;left: 0;right: 0;min-height: 100px;background-color: #1d1d1d !important;} .charms {position: fixed;right: 0;top: 0;bottom: 0;height: 100%;min-width: 200px;width: auto;} .charms.place-left {left: 0;right: auto;} .message-dialog {position: fixed;left: 0;right: 0;height: auto;min-height: 100px;top: 30%;padding: 10px 10px 0;} .error-bar, .warning-bar, .info-bar {position: fixed;top: 0;left: 0;right: 0;padding: 10px 20px;color: #fff;min-height: 100px;} .error-bar {background-color: #b91d47 !important;} .warning-bar {background-color: #ffc40d !important;} .info-bar {background-color: #2d89ef !important;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Buttons.less */ button, .button {font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;min-width: 90px;min-height: 32px;height: 32px;background-color: #ccc;border: 1px transparent solid;color: #353535;margin-right: 10px;margin-bottom: 10px;border-raduis: 0;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;padding: 4px 10px;position: relative;} button.standart, .button.standart {min-width: 90px;min-height: 32px;} button:active, .button:active, button.default:active, .button.default:active {top: 1px;left: 1px;} button:disabled, .button:disabled, button.disabled, .button.disabled {background-color: #eaeaea;color: #bebebe;cursor: not-allowed;} button.default, .button.default {background-color: #008287;color: #fff;} button:focus, .button:focus {outline: 0;border: 1px #353535 dotted;} a.button:hover, a.button:active {color: inherit;} a.button.big {padding: 14px 10px;} button.mini, .button.mini, .tool-button.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} button.big, .button.big, .tool-button.big {min-height: 48px;height: 48px;font-size: 1.2em;} .tool-button.mini {min-width: 22px;width: 22px;} .tool-button.big {min-width: 48px;width: 48px;} .command-button {width: 330px;text-align: left;padding: 10px 20px;height: auto;color: #000;background-color: #ccc;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;} .command-button > small {display: block;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;font-size: 10pt;color: #505050;} .command-button.default > small {color: #ccc;} .tool-button {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;min-width: 90px;min-height: 32px;height: 32px;background-color: #ccc;border: 1px transparent solid;color: #353535;margin-right: 10px;margin-bottom: 10px;border-raduis: 0;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;padding: 4px 10px;position: relative;min-width: 32px;min-height: 32px;width: 32px;height: 32px;text-align: center;position: relative;padding: 0;} .tool-button.mini {font-size: .9em !important;} .tool-button.standart {min-width: 90px;min-height: 32px;} .tool-button:active, .tool-button.default:active {top: 1px;left: 1px;} .tool-button:disabled, .tool-button.disabled {background-color: #eaeaea;color: #bebebe;cursor: not-allowed;} .tool-button.default {background-color: #008287;color: #fff;} .tool-button:focus {outline: 0;border: 1px #353535 dotted;} .tool-button.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .tool-button.big {min-height: 48px;height: 48px;font-size: 1.2em;} .tool-button img {width: 16px;height: 16px;position: absolute;top: 8px;left: 8px;} .toolbar {*zoom: 1;} .toolbar a, .toolbar button {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;min-width: 90px;min-height: 32px;height: 32px;background-color: #ccc;border: 1px transparent solid;color: #353535;margin-right: 10px;margin-bottom: 10px;border-raduis: 0;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;padding: 4px 10px;position: relative;min-width: 32px;min-height: 32px;width: 32px;height: 32px;text-align: center;position: relative;padding: 0;margin-right: 0px;} .toolbar a.mini, .toolbar button.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .toolbar a.big, .toolbar button.big {min-height: 48px;height: 48px;font-size: 1.2em;} .toolbar a.mini, .toolbar button.mini {min-width: 22px;width: 22px;} .toolbar a.big, .toolbar button.big {min-width: 48px;width: 48px;} .toolbar a.mini, .toolbar button.mini {font-size: .9em !important;} .toolbar a.standart, .toolbar button.standart {min-width: 90px;min-height: 32px;} .toolbar a:active, .toolbar button:active, .toolbar a.default:active, .toolbar button.default:active {top: 1px;left: 1px;} .toolbar a:disabled, .toolbar button:disabled, .toolbar a.disabled, .toolbar button.disabled {background-color: #eaeaea;color: #bebebe;cursor: not-allowed;} .toolbar a.default, .toolbar button.default {background-color: #008287;color: #fff;} .toolbar a:focus, .toolbar button:focus {outline: 0;border: 1px #353535 dotted;} .toolbar a.mini, .toolbar button.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .toolbar a.big, .toolbar button.big {min-height: 48px;height: 48px;font-size: 1.2em;} .toolbar a img, .toolbar button img {width: 16px;height: 16px;position: absolute;top: 8px;left: 8px;} .toolbar a {padding: 5px 0;} .toolbar:before, .toolbar:after {display: table;content: "";} .toolbar:after {clear: both;} .toolbar .toolbar-group {margin-right: 20px;margin-bottom: 10px;float: left;} .toolbar-vertical {width: 33px;float: left;margin-right: 10px;*zoom: 1;} .toolbar-vertical a, .toolbar-vertical button {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;min-width: 90px;min-height: 32px;height: 32px;background-color: #ccc;border: 1px transparent solid;color: #353535;margin-right: 10px;margin-bottom: 10px;border-raduis: 0;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;padding: 4px 10px;position: relative;min-width: 32px;min-height: 32px;width: 32px;height: 32px;text-align: center;position: relative;padding: 0;margin-bottom: 5px;} .toolbar-vertical a.mini, .toolbar-vertical button.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .toolbar-vertical a.big, .toolbar-vertical button.big {min-height: 48px;height: 48px;font-size: 1.2em;} .toolbar-vertical a.mini, .toolbar-vertical button.mini {min-width: 22px;width: 22px;} .toolbar-vertical a.big, .toolbar-vertical button.big {min-width: 48px;width: 48px;} .toolbar-vertical a.mini, .toolbar-vertical button.mini {font-size: .9em !important;} .toolbar-vertical a.standart, .toolbar-vertical button.standart {min-width: 90px;min-height: 32px;} .toolbar-vertical a:active, .toolbar-vertical button:active, .toolbar-vertical a.default:active, .toolbar-vertical button.default:active {top: 1px;left: 1px;} .toolbar-vertical a:disabled, .toolbar-vertical button:disabled, .toolbar-vertical a.disabled, .toolbar-vertical button.disabled {background-color: #eaeaea;color: #bebebe;cursor: not-allowed;} .toolbar-vertical a.default, .toolbar-vertical button.default {background-color: #008287;color: #fff;} .toolbar-vertical a:focus, .toolbar-vertical button:focus {outline: 0;border: 1px #353535 dotted;} .toolbar-vertical a.mini, .toolbar-vertical button.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .toolbar-vertical a.big, .toolbar-vertical button.big {min-height: 48px;height: 48px;font-size: 1.2em;} .toolbar-vertical a img, .toolbar-vertical button img {width: 16px;height: 16px;position: absolute;top: 8px;left: 8px;} .toolbar-vertical a {padding: 5px 0;} .toolbar-vertical:before, .toolbar-vertical:after {display: table;content: "";} .toolbar-vertical:after {clear: both;} .toolbar-vertical .toolbar-group {margin-bottom: 20px;} .image-button {position: relative;border: 0;padding-right: 45px;} .image-button img, .image-button:active img {position: absolute;right: 0;margin-left: 32px;padding: 5px;height: 100%;top: 0px;margin-left: 0px;box-sizing: border-box;border: 1px transparent solid;z-index: 2;} .button-set a, .button-set button {margin-right: 0;text-align: center;} .button-set a img, .button-set button img {background-color: transparent;} .button-set a {padding: 5px 0;} .button-set button.active {background-color: #008287;color: #fff;} .shortcuts {margin-bottom: 10px;} .shortcut {width: 92px;height: 92px;display: inline-block;margin: 0 10px 10px 0;vertical-align: top;text-decoration: none;background: #F3F3F3;text-align: center;cursor: pointer;border: 0;border-bottom: 2px transparent solid;position: relative;} .shortcut:hover {border-color: red;} .shortcut:active {background: #F3F3F3;top: 1px;left: 1px;} .shortcut > .icon {margin-top: .25em;margin-bottom: .25em;font-size: 32px;color: #888;} .shortcut > .label {display: block;font-weight: 400;color: #666;} .shortcut > .badge {position: absolute;right: 0;top: 0;background-color: #2d89ef;padding: 5px;margin: 0 !important;text-align: center;display: block;font-size: 9pt;color: #fff;} a.shortcut {padding: 30px 0;} a.shortcut .label {font-size: 9pt;} .pagination {width: auto;margin-bottom: 10px;} .pagination > ul {margin-left: 0;list-style: none;margin: 0;} .pagination > ul li {display: inline-block;margin-right: 1px;position: relative;} .pagination > ul li a {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;min-width: 90px;min-height: 32px;height: 32px;background-color: #ccc;border: 1px transparent solid;color: #353535;margin-right: 10px;margin-bottom: 10px;border-raduis: 0;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;padding: 4px 10px;position: relative;min-width: 32px;min-height: 32px;width: 32px;height: 32px;text-align: center;position: relative;padding: 0;position: relative;display: block;float: left;font-size: 10pt;padding: 5px;min-width: 32px;height: 32px;text-align: center;vertical-align: middle;cursor: pointer;margin-right: 1px;} .pagination > ul li a.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .pagination > ul li a.big {min-height: 48px;height: 48px;font-size: 1.2em;} .pagination > ul li a.mini {min-width: 22px;width: 22px;} .pagination > ul li a.big {min-width: 48px;width: 48px;} .pagination > ul li a.mini {font-size: .9em !important;} .pagination > ul li a.standart {min-width: 90px;min-height: 32px;} .pagination > ul li a:active, .pagination > ul li a.default:active {top: 1px;left: 1px;} .pagination > ul li a:disabled, .pagination > ul li a.disabled {background-color: #eaeaea;color: #bebebe;cursor: not-allowed;} .pagination > ul li a.default {background-color: #008287;color: #fff;} .pagination > ul li a:focus {outline: 0;border: 1px #353535 dotted;} .pagination > ul li a.mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} .pagination > ul li a.big {min-height: 48px;height: 48px;font-size: 1.2em;} .pagination > ul li a img {width: 16px;height: 16px;position: absolute;top: 8px;left: 8px;} .pagination > ul li a:hover {background-color: #1d1d1d;color: #fff;} .pagination > ul li a:active {top: 1px;left: 1px;} .pagination > ul li.first a, .pagination > ul li.prev a, .pagination > ul li.next a, .pagination > ul li.last a {font-size: 20pt;} .pagination > ul li.first a:before, .pagination > ul li.prev a:before, .pagination > ul li.next a:before, .pagination > ul li.last a:before {position: absolute;left: 50%;top: 0;margin-left: -7px;content: "\25C4";font-size: 1.5em;} .pagination > ul li.first a:before {content: "\AB";margin-left: -10px;} .pagination > ul li.prev a:before {content: "\2039";} .pagination > ul li.next a:before {content: "\203A";} .pagination > ul li.last a:before {content: "\BB";margin-left: -10px;} .pagination > ul li.active a {background-color: #008287 ;color: #fff;} .pagination > ul li.disabled a, .pagination > ul li.spaces a {background-color: #f2f2f2;color: #1e1e1e;cursor: not-allowed;} .pagination > ul li.disabled a:active, .pagination > ul li.spaces a:active {top: 0;left: 0;} .pagination > ul li.disabled a {color: #1e1e1e;} .pagination > ul li.spaces a {background-color: #fff;cursor: default;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Tables.less * */ table {width: 100%;border-collapse: separate;margin: 0 0 20px;} table thead tr th, table thead tr td {display: table-cell;vertical-align: bottom;padding-bottom: 5px;padding-top: 10px;padding-left: 5px;border-bottom: 1px #ddd solid;border-right: 1px #ddd solid;border-left: 1px transparent solid;border-top: 1px transparent solid;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;color: rgba(0, 0, 0, 0.6);text-align: left;} table thead tr th.right, table thead tr td.right {text-align: right;padding-right: 10px;} table thead tr th.last, table thead tr td.last {border-right: 1px transparent solid;} table thead tr th:last-child, table thead tr td:last-child {border-right: 1px transparent solid;} table tbody tr {border: 1px #fff solid;} table tbody tr td {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;padding: 3px 10px;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;border-left: 1px transparent solid;border-top: 1px transparent solid;box-sizing: border-box;} table tbody tr td.right {text-align: right;} table tbody tr td.center {text-align: center;} table tbody tr td.last {border-right: 1px transparent solid;} table tbody tr td:last-child {border-right: 1px transparent solid;} table tbody tr.success {background-color: #00a300 !important;} table tbody tr.error {background-color: #b91d47 !important;} table tbody tr.warning {background-color: #e3a21a !important;} table tbody tr.info {background-color: #2d89ef !important;} table tbody tr.info td, table tbody tr.warning td, table tbody tr.error td, table tbody tr.success td {color: #fff !important;} table tbody tr.selected-row {background-color: rgba(28, 183, 236, 0.1) !important;} table tbody tr.selected-row td:first-child {border-left: 1px #1c98cc solid;} table tbody tr.selected-row td:last-child {border-right: 1px #1c98cc solid;} table tbody tr.selected-row td {border-top: 1px #1c98cc solid;border-bottom: 1px #1c98cc solid;} table.striped tbody tr:nth-child(odd) {background-color: #f9f9f9;} table.hovered {border-collapse: separate !important;} table.hovered thead tr th:hover, table.hovered thead tr td:hover {border: 1px #1c98cc solid;background: rgba(28, 183, 236, 0.1);} table.hovered tbody tr:hover {background-color: rgba(28, 183, 236, 0.1);} table.hovered tbody tr:hover td:first-child {border-left: 1px #1c98cc solid;} table.hovered tbody tr:hover td:last-child {border-right: 1px #1c98cc solid;} table.hovered tbody tr:hover td {border-top: 1px #1c98cc solid;border-bottom: 1px #1c98cc solid;} table.bordered {border-collapse: separate !important;border: 1px #ccc solid !important;} table.bordered tbody tr:last-child td {border-bottom: 0;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Grid.less * */ .oh, .ot, .tt {float: left;margin: 0 2% 2% 0;width: 48%;} .ot {width: 31%;} .tt {width: 65%;} .cl {clear: both;} .item-padding {margin-right: 20px;margin-bottom: 5px;} .column-padding {margin: 0 10px;} .group-padding {margin: 0 40px;} .span1 {width: 60px;} .span2 {width: 140px;} .span3 {width: 220px;} .span4 {width: 300px;} .span5 {width: 380px;} .span6 {width: 460px;} .span7 {width: 540px;} .span8 {width: 620px;} .span9 {width: 700px;} .span10 {width: 780px;} .span11 {width: 860px;} .span12 {width: 940px;} .offset1 {margin-left: 80px;} .offset2 {margin-left: 160px;} .offset3 {margin-left: 240px;} .offset4 {margin-left: 320px;} .offset5 {margin-left: 400px;} .offset6 {margin-left: 480px;} .offset7 {margin-left: 560px;} .offset8 {margin-left: 640px;} .offset9 {margin-left: 720px;} .offset10 {margin-left: 800px;} .offset11 {margin-left: 880px;} .offset12 {margin-left: 960px;} [class*="span"] {float: none;min-height: 1px;margin-right: 20px;margin-bottom: 5px;*zoom: 1;} [class*="span"]:before, [class*="span"]:after {display: table;content: "";} [class*="span"]:after {clear: both;} [class*="span"]:last-child {margin-right: 0;} [class*="span"] > img {max-width: 100%;height: auto;} .grid {margin: 0 0 20px;display: block;height: auto;width: 100%;*zoom: 1;} .grid.no-margin {margin: 0;} .grid.margin-row {margin-bottom: 5px;} .grid .grid {margin-top: 2.5px;margin-bottom: 2.5px;} .grid .group {margin-right: 80px;float: left;width: auto;height: auto;min-height: 1px;} .grid .row {width: 100%;*zoom: 1;} .grid .row:before, .grid .row:after {display: table;content: "";} .grid .row:after {clear: both;} .grid .row [class*="span"] {float: left;} .grid.element-border [class*="span"] {border: 1px #ccc dotted;} .grid:before, .grid:after {display: table;content: "";} .grid:after {clear: both;} .grid > .row::before, .grid > .row::after {content: normal;} td[class*="span"], th[class*="span"] {display: table-cell !important;float: none !important;padding: 0 !important;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Hero.less * */ .hero-unit {position: relative;margin: 0 0 10px;padding: 20px;background-color: #f1f1f1;width: 100%;*zoom: 1;} .hero-unit:before, .hero-unit:after {display: table;content: "";} .hero-unit:after {clear: both;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Menus.less * dropdown-menu, nav-bar */ .dropdown-menu {position: absolute;background-color: #fff;margin-left: 0;list-style: none;top: 100%;z-index: 11010;float: left;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);min-width: 160px;padding-bottom: 5px;padding-top: 5px;display: none;} .dropdown-menu.place-right {right: 0;left: auto;} .dropdown-menu a {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;color: #000000;display: block;width: 100%;padding: 3px 20px;white-space: nowrap;font-size: 14px;cursor: pointer;} .dropdown-menu a:hover {color: rgba(0, 0, 0, 0.8);} .dropdown-menu a:active {color: rgba(0, 0, 0, 0.4);} .dropdown-menu a:hover {background-color: #2d89ef !important;color: #fff !important;} .dropdown-menu li {display: list-item;line-height: 20px;} .dropdown-menu .divider {height: 1px;margin: 9px 1px;overflow: hidden;background-color: #e5e5e5;} .dropdown-menu.open {display: block !important;} .nav-bar {background-color: #2d89ef;position: relative;top: 0;width: 100%;display: block;margin: 0;padding: 0;z-index: 1000;*zoom: 1;} .nav-bar .nav-bar-inner {*zoom: 1;} .nav-bar .nav-bar-inner .element, .nav-bar .nav-bar-inner a .element {position: relative;margin: 5px;line-height: 20px;height: 20px;float: left;display: inline-block;padding: 0;font-weight: normal;font-size: 10pt;color: #fff;} .nav-bar .nav-bar-inner .element.brand, .nav-bar .nav-bar-inner a .element.brand {font-size: 1.15em;} .nav-bar .nav-bar-inner .element img, .nav-bar .nav-bar-inner a .element img {height: 100%;} .nav-bar .nav-bar-inner .element a, .nav-bar .nav-bar-inner a .element a {line-height: 20px;height: 20px;font-size: 10pt;} .nav-bar .nav-bar-inner .element [class^="icon-"]:before, .nav-bar .nav-bar-inner a .element [class^="icon-"]:before, .nav-bar .nav-bar-inner .element [class*=" icon-"]:before, .nav-bar .nav-bar-inner a .element [class*=" icon-"]:before {display: inline-block;margin: 0;padding: 0;display: block;float: left;margin: 0 5px;} .nav-bar .nav-bar-inner > ul.menu {margin-left: 0;list-style: none;padding: 0;margin: 0;} .nav-bar .nav-bar-inner > ul.menu > li {display: block;float: left;margin-right: 10px;position: relative;padding: 5px;} .nav-bar .nav-bar-inner > ul.menu > li a {display: block;float: left;color: #fff;font-size: 10pt;} .nav-bar .nav-bar-inner > ul.menu > li ul.dropdown-menu {border: 0;} .nav-bar .nav-bar-inner > ul.menu > li ul.dropdown-menu li a {display: block;float: none;color: #1e1e1e;padding: 3px 20px;} .nav-bar .nav-bar-inner > ul.menu.open {display: block !important;} .nav-bar .nav-bar-inner > .divider, .nav-bar .nav-bar-inner > ul.menu > li.divider {position: relative;margin: 5px;line-height: 20px;height: 20px;float: left;display: inline-block;padding: 0;font-weight: normal;font-size: 10pt;color: #fff;width: 1px;border-right: 1px #e6e6e6 solid;} .nav-bar .nav-bar-inner > .divider.brand, .nav-bar .nav-bar-inner > ul.menu > li.divider.brand {font-size: 1.15em;} .nav-bar .nav-bar-inner > .divider img, .nav-bar .nav-bar-inner > ul.menu > li.divider img {height: 100%;} .nav-bar .nav-bar-inner > .divider a, .nav-bar .nav-bar-inner > ul.menu > li.divider a {line-height: 20px;height: 20px;font-size: 10pt;} .nav-bar .nav-bar-inner > .divider [class^="icon-"]:before, .nav-bar .nav-bar-inner > ul.menu > li.divider [class^="icon-"]:before, .nav-bar .nav-bar-inner > .divider [class*=" icon-"]:before, .nav-bar .nav-bar-inner > ul.menu > li.divider [class*=" icon-"]:before {display: inline-block;margin: 0;padding: 0;display: block;float: left;margin: 0 5px;} .nav-bar .nav-bar-inner [data-role=dropdown] {margin-right: 20px !important;} .nav-bar .nav-bar-inner [data-role=dropdown] > a {cursor: pointer;} .nav-bar .nav-bar-inner [data-role=dropdown] > a:before {position: absolute;content: "\203A";display: block;font-size: 1.4em;left: 100%;margin-left: 3px;top: 8px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .nav-bar .nav-bar-inner .pull-menu {display: none;float: right;color: #fff;cursor: pointer;font: 1.8em sans-serif;margin-right: 0px;position: relative;height: 20px;width: 20px;line-height: 20px;} .nav-bar .nav-bar-inner .pull-menu:before {content: "\2261";position: absolute;font-size: 20pt;top: 5px;left: 0;} .nav-bar .nav-bar-inner:before, .nav-bar .nav-bar-inner:after {display: table;content: "";} .nav-bar .nav-bar-inner:after {clear: both;} .nav-bar.bg-color-blue .nav-bar-inner .menu li a:hover {background-color: #2d89ef !important;} .nav-bar.bg-color-blueLight .nav-bar-inner .menu li a:hover {background-color: #eff4ff !important;} .nav-bar.bg-color-blueDark .nav-bar-inner .menu li a:hover {background-color: #2b5797 !important;} .nav-bar.bg-color-green .nav-bar-inner .menu li a:hover {background-color: #00a300 !important;} .nav-bar.bg-color-greenLight .nav-bar-inner .menu li a:hover {background-color: #99b433 !important;} .nav-bar.bg-color-greenDark .nav-bar-inner .menu li a:hover {background-color: #1e7145 !important;} .nav-bar.bg-color-red .nav-bar-inner .menu li a:hover {background-color: #b91d47 !important;} .nav-bar.bg-color-yellow .nav-bar-inner .menu li a:hover {background-color: #ffc40d !important;} .nav-bar.bg-color-orange .nav-bar-inner .menu li a:hover {background-color: #e3a21a !important;} .nav-bar.bg-color-orangeDark .nav-bar-inner .menu li a:hover {background-color: #da532c !important;} .nav-bar.bg-color-pink .nav-bar-inner .menu li a:hover {background-color: #9f00a7 !important;} .nav-bar.bg-color-pinkDark .nav-bar-inner .menu li a:hover {background-color: #7e3878 !important;} .nav-bar.bg-color-purple .nav-bar-inner .menu li a:hover {background-color: #603cba !important;} .nav-bar.bg-color-darken .nav-bar-inner .menu li a:hover {background-color: #1d1d1d !important;} .nav-bar.bg-color-lighten .nav-bar-inner .menu li a:hover {background-color: #d5e7ec !important;} .nav-bar.bg-color-white .nav-bar-inner .menu li:hover {background-color: #e6e6e6 !important;} .nav-bar.bg-color-white .nav-bar-inner .menu li a:hover {background-color: #e6e6e6 !important;} .nav-bar.bg-color-white .nav-bar-inner .menu li a {color: #1d1d1d !important;} .nav-bar.bg-color-white .nav-bar-inner .element {color: #1d1d1d !important;} .nav-bar.bg-color-white .nav-bar-inner .pull-menu {color: #1d1d1d !important;} .nav-bar.bg-color-grayDark .nav-bar-inner .menu li a:hover {background-color: #525252 !important;} .nav-bar:before, .nav-bar:after {display: table;content: "";} .nav-bar:after {clear: both;} .nav-bar.fixed-top, .nav-bar.fixed-bottom {position: fixed;z-index: 10000;left: 0;} .nav-bar.fixed-top {top: 0;bottom: auto;} .nav-bar.fixed-bottom {bottom: 0;top: auto;} .nav-bar .nav-bar-inner.container {width: 940px;margin: auto;} .side-nav ul {margin: 0;padding: 0;list-style: none;margin-bottom: 20px;} .side-nav ul .title {color: #4f4f4f;font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif;font-size: 12pt;margin: 0 0 5px 0;border-bottom: 1px #ccc solid;} .side-nav ul > li > a {display: block;padding: 3px 10px 3px 0;position: relative;color: #014E85;padding-left: 3px;font-size: 10pt;} .side-nav ul.close > li {display: none;} .side-nav ul.close > li[class^=title] {display: list-item;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Sidebar.less */ .page-sidebar {display: block;width: 213px;float: left;min-height: 100% !important;height: auto;background-color: #EBEBEB;padding-top: 10px;padding-bottom: 10px;margin-top: 10px;margin-left: 7px;} .page-sidebar a {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;color: #000000;display: block;width: 100%;padding: 5px 20px 5px 10px;white-space: nowrap;font-size: 14px;cursor: pointer;} .page-sidebar a:hover {color: rgba(0, 0, 0, 0.8);} .page-sidebar a:active {color: rgba(0, 0, 0, 0.4);} .page-sidebar a:hover {background-color: #2d89ef !important;color: #fff !important;} .page-sidebar li {display: list-item;line-height: 20px;position: relative;} .page-sidebar > ul > li > a {font-size: 1.1em;} .page-sidebar > ul > li a.lead, .page-sidebar > ul > li.lead a, .page-sidebar > ul > li.lead {font-weight: bold;} .page-sidebar > ul > li.sticker:before {content: ".";position: absolute;width: 7px;height: 28px;left: -7px;text-indent: -9999px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background-color: #ebebeb;} .page-sidebar > ul > li.sticker.sticker-color-blue:before {background-color: #2d89ef;} .page-sidebar > ul > li.sticker.sticker-color-blueLight:before {background-color: #eff4ff;} .page-sidebar > ul > li.sticker.sticker-color-blueDark:before {background-color: #2b5797;} .page-sidebar > ul > li.sticker.sticker-color-green:before {background-color: #00a300 !important;} .page-sidebar > ul > li.sticker.sticker-color-greenLight:before {background-color: #99b433 !important;} .page-sidebar > ul > li.sticker.sticker-color-greenDark:before {background-color: #1e7145 !important;} .page-sidebar > ul > li.sticker.sticker-color-red:before {background-color: #b91d47 !important;} .page-sidebar > ul > li.sticker.sticker-color-yellow:before {background-color: #ffc40d !important;} .page-sidebar > ul > li.sticker.sticker-color-orange:before {background-color: #e3a21a !important;} .page-sidebar > ul > li.sticker.sticker-color-orangeDark:before {background-color: #da532c !important;} .page-sidebar > ul > li.sticker.sticker-color-pink:before {background-color: #9f00a7 !important;} .page-sidebar > ul > li.sticker.sticker-color-pinkDark:before {background-color: #7e3878 !important;} .page-sidebar > ul > li.sticker.sticker-color-purple:before {background-color: #603cba !important;} .page-sidebar > ul > li.sticker.sticker-color-darken:before {background-color: #1d1d1d !important;} .page-sidebar > ul > li.sticker.sticker-color-white:before {background-color: #fff !important;} .page-sidebar > ul > li.sticker.sticker-color-grayDark:before {background-color: #525252 !important;} .page-sidebar .divider {height: 1px;margin: 9px 1px;overflow: hidden;background-color: #e5e5e5;} .page-sidebar ul {margin-left: 0;list-style: none;background-color: #EBEBEB;} .page-sidebar ul.sub-menu {padding-top: 5px;padding-bottom: 5px;} .page-sidebar ul.sub-menu a {padding: 5px 20px 5px 25px;} .page-sidebar ul.sub-menu.light {background-color: #f9f9f9 !important;} .page-sidebar .sidebar-dropdown-menu {display: none;} .page-sidebar .sidebar-dropdown-menu.open {display: block;} .page-sidebar > ul > li.dropdown {position: relative;} .page-sidebar > ul > li.dropdown:after {content: "";display: block;position: absolute;top: 6px;left: 100%;margin-left: -20px;width: 16px;height: 16px;background: no-repeat;background-position: 0 -1586px;z-index: 200;} .page-sidebar > ul > li.dropdown.active:after {background-position: 0 -676px;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Notices.less */ .replies {margin-left: 0;list-style: none;} .replies > div, .replies > li, .replies > span {position: relative;margin: 0 10px 10px 0;display: block;float: none !important;width: 310px;height: 150px;font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;height: auto;min-height: 70px;padding: 10px;} .replies > div .avatar, .replies > li .avatar, .replies > span .avatar {width: 50px;height: 50px;overflow: hidden;display: table-cell;vertical-align: middle !important;background: #6e6e6e;box-shadow-bottom: inset 0px 0px 3px #fff;} .replies > div .avatar img, .replies > li .avatar img, .replies > span .avatar img {width: 100%;height: 100%;display: inline-block !important;vertical-align: middle !important;} .replies > div .reply, .replies > li .reply, .replies > span .reply {margin-left: 60px;margin-top: -50px;} .replies > div .reply .date, .replies > li .reply .date, .replies > span .reply .date {float: right;font-size: 55%;color: #fff;} .replies > div .reply .author, .replies > li .reply .author, .replies > span .reply .author {color: #fff;} .replies > div .reply .text, .replies > li .reply .text, .replies > span .reply .text {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #000000;color: #fff;line-height: 16px;} .replies > div .reply .text:hover, .replies > li .reply .text:hover, .replies > span .reply .text:hover {color: rgba(0, 0, 0, 0.8);} .replies > div .reply .text:active, .replies > li .reply .text:active, .replies > span .reply .text:active {color: rgba(0, 0, 0, 0.4);} .replies > div .reply .text:hover, .replies > li .reply .text:hover, .replies > span .reply .text:hover {color: #fff;} .replies > div .sticker, .replies > li .sticker, .replies > span .sticker {width: 0;height: 0;border-top: 10px solid #fff;position: absolute;display: block;z-index: 1000;} .replies > div .sticker.sticker-color-blue, .replies > li .sticker.sticker-color-blue, .replies > span .sticker.sticker-color-blue {border-color: #2d89ef !important;} .replies > div .sticker.sticker-color-blueLight, .replies > li .sticker.sticker-color-blueLight, .replies > span .sticker.sticker-color-blueLight {border-color: #eff4ff !important;} .replies > div .sticker.sticker-color-blueDark, .replies > li .sticker.sticker-color-blueDark, .replies > span .sticker.sticker-color-blueDark {border-color: #2b5797 !important;} .replies > div .sticker.sticker-color-green, .replies > li .sticker.sticker-color-green, .replies > span .sticker.sticker-color-green {border-color: #00a300 !important;} .replies > div .sticker.sticker-color-greenLight, .replies > li .sticker.sticker-color-greenLight, .replies > span .sticker.sticker-color-greenLight {border-color: #99b433 !important;} .replies > div .sticker.sticker-color-greenDark, .replies > li .sticker.sticker-color-greenDark, .replies > span .sticker.sticker-color-greenDark {border-color: #1e7145 !important;} .replies > div .sticker.sticker-color-red, .replies > li .sticker.sticker-color-red, .replies > span .sticker.sticker-color-red {border-color: #b91d47 !important;} .replies > div .sticker.sticker-color-yellow, .replies > li .sticker.sticker-color-yellow, .replies > span .sticker.sticker-color-yellow {border-color: #ffc40d !important;} .replies > div .sticker.sticker-color-orange, .replies > li .sticker.sticker-color-orange, .replies > span .sticker.sticker-color-orange {border-color: #e3a21a !important;} .replies > div .sticker.sticker-color-orangeDark, .replies > li .sticker.sticker-color-orangeDark, .replies > span .sticker.sticker-color-orangeDark {border-color: #da532c !important;} .replies > div .sticker.sticker-color-pink, .replies > li .sticker.sticker-color-pink, .replies > span .sticker.sticker-color-pink {border-color: #9f00a7 !important;} .replies > div .sticker.sticker-color-pinkDark, .replies > li .sticker.sticker-color-pinkDark, .replies > span .sticker.sticker-color-pinkDark {border-color: #7e3878 !important;} .replies > div .sticker.sticker-color-purple, .replies > li .sticker.sticker-color-purple, .replies > span .sticker.sticker-color-purple {border-color: #603cba !important;} .replies > div .sticker.sticker-color-darken, .replies > li .sticker.sticker-color-darken, .replies > span .sticker.sticker-color-darken {border-color: #1d1d1d !important;} .replies > div .sticker.sticker-color-white, .replies > li .sticker.sticker-color-white, .replies > span .sticker.sticker-color-white {border-color: #fff !important;} .replies > div .sticker.sticker-color-lighten, .replies > li .sticker.sticker-color-lighten, .replies > span .sticker.sticker-color-lighten {border-color: #d5e7ec !important;} .replies > div .sticker.sticker-color-grayDark, .replies > li .sticker.sticker-color-grayDark, .replies > span .sticker.sticker-color-grayDark {border-color: #525252 !important;} .replies > div .sticker.sticker-left, .replies > li .sticker.sticker-left, .replies > span .sticker.sticker-left {border-left: 20px solid transparent !important;left: -20px;} .replies > div .sticker.sticker-right, .replies > li .sticker.sticker-right, .replies > span .sticker.sticker-right {border-right: 20px solid transparent !important;right: -20px;} .notices {list-style: none;margin: 0;padding: 0;} .notices > div, .notices > li, .notices > span, .notices > a {width: 100%;height: 90px;display: block;overflow: hidden;position: relative;margin-bottom: 10px;} .notices > div .notice-header, .notices > li .notice-header, .notices > span .notice-header, .notices > a .notice-header, .notices > div .header, .notices > li .header, .notices > span .header, .notices > a .header {position: relative;background: transparent;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 20pt;letter-spacing: 0.01em;line-height: 24pt;font-smooth: always;font-size: 12pt;margin-top: 5px;margin-left: 10px;} .notices > div .notice-text, .notices > li .notice-text, .notices > span .notice-text, .notices > a .notice-text, .notices > div .text, .notices > li .text, .notices > span .text, .notices > a .text {position: relative;margin-right: 50px;margin-left: 10px;color: #fff;font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 8pt;font-smooth: always;margin-top: -5px;line-height: 16px;} .notices > div .notice-icon, .notices > li .notice-icon, .notices > span .notice-icon, .notices > a .notice-icon, .notices > div .icon, .notices > li .icon, .notices > span .icon, .notices > a .icon {position: absolute;right: 10px;bottom: 5px;} .notices > div .notice-icon img, .notices > li .notice-icon img, .notices > span .notice-icon img, .notices > a .notice-icon img, .notices > div .icon img, .notices > li .icon img, .notices > span .icon img, .notices > a .icon img {width: 32px;height: 32px;} .notices > div .notice-image, .notices > li .notice-image, .notices > span .notice-image, .notices > a .notice-image, .notices > div .image, .notices > li .image, .notices > span .image, .notices > a .image {max-height: 48px;width: 48px;height: 48px;margin: 20px 20px 20px 20px;float: left;} .notices > div .notice-image img, .notices > li .notice-image img, .notices > span .notice-image img, .notices > a .notice-image img, .notices > div .image img, .notices > li .image img, .notices > span .image img, .notices > a .image img {width: 48px;height: 48px;} .notices > div .close, .notices > li .close, .notices > span .close, .notices > a .close {z-index: 2;position: absolute;top: 5px;right: 10px;cursor: pointer;font-weight: bold;text-decoration: none;color: #fff !important;} .notices > div .close::before, .notices > li .close::before, .notices > span .close::before, .notices > a .close::before {content: "\00d7";color: #fff !important;} .notices > div .image-large, .notices > li .image-large, .notices > span .image-large, .notices > a .image-large {width: 88px;height: 88px;margin: 1px 10px 1px 1px;overflow: hidden;float: left;} .notices > div .image-large img, .notices > li .image-large img, .notices > span .image-large img, .notices > a .image-large img {width: 88px;height: 88px;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Tiles.less * */ .tile-group {margin: 0;margin-right: 80px;float: left;width: auto;height: auto;min-height: 1px;width: 802px;} .tile { display: block; float: left; background-color: #525252; width: 150px; height: 150px; cursor: pointer; box-shadow: inset 0px 0px 2px #FFFFCC; text-decoration: none; color: #fff; overflow: hidden; position: relative; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 20px; font-smooth: always; margin: 0 10px 10px 0; *margin: 10px 10px 10px 0; overflow: hidden;} .tile * {color: #fff;} .tile .tile-content {width: 100%;height: 100%;padding: 0;padding-bottom: 30px;vertical-align: top;padding: 10px 15px;overflow: hidden;text-overflow: ellipsis;position: relative;font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #000000;color: #fff;line-height: 16px;} .tile .tile-content:hover {color: rgba(0, 0, 0, 0.8);} .tile .tile-content:active {color: rgba(0, 0, 0, 0.4);} .tile .tile-content:hover {color: #fff;} .tile .tile-content h1, .tile .tile-content h2, .tile .tile-content h3, .tile .tile-content h4, .tile .tile-content h5, .tile .tile-content h6, .tile .tile-content p {padding: 0;margin: 0;line-height: 24px;} .tile .tile-content h1:hover, .tile .tile-content h2:hover, .tile .tile-content h3:hover, .tile .tile-content h4:hover, .tile .tile-content h5:hover, .tile .tile-content h6:hover, .tile .tile-content p:hover {color: #fff;} .tile .tile-content p {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #000000;color: #fff;line-height: 16px;overflow: hidden;text-overflow: ellipsis;} .tile .tile-content p:hover {color: rgba(0, 0, 0, 0.8);} .tile .tile-content p:active {color: rgba(0, 0, 0, 0.4);} .tile .tile-content p:hover {color: #fff;} .tile.icon > .tile-content {padding: 0;} .tile.icon > a > .tile-content > img, .tile.icon > .tile-content > img {position: absolute;width: 64px;height: 64px;top: 50%;left: 50%;margin-left: -32px;margin-top: -32px;} .tile.icon > .tile-content > i {font-size: 128px;margin: 9px;} .tile.image > .tile-content, .tile.image-slider > .tile-content {padding: 0;} .tile.image-set > .tile-content {margin: 0;padding: 0;width: 25% !important;height: 50%;float: left;border: 1px #1e1e1e solid;} .tile.image-set > .tile-content > img {min-width: 100%;width: 100%;height: auto;min-height: 100%;} .tile.image-set .tile-content:first-child {width: 50% !important;float: left;height: 100%;} .tile.double {width: 310px;} .tile.triple {width: 470px;} .tile.quadro {width: 630px;} .tile.double-vertical {height: 310px;} .tile.triple-vertical {height: 470px;} .tile.quadro-vertical {height: 630px;} .tile .brand, .tile .tile-status {position: absolute;bottom: 0;left: 0;right: 0;min-height: 30px;background-color: transparent;*zoom: 1; _height: 30px; } .tile .brand:before, .tile .tile-status:before, .tile .brand:after, .tile .tile-status:after {display: table;content: "";} .tile .brand:after, .tile .tile-status:after {clear: both;} .tile .brand > .badge, .tile .tile-status > .badge {position: absolute;bottom: 0;right: 0;right: 5px;margin-bottom: 0;color: #fff;width: 34px;height: 28px;text-align: center;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 600;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;padding-top: 3px;} .tile .brand .name, .tile .tile-status .name {position: absolute;bottom: 0;left: 0;margin-bottom: 10px;margin-left: 15px;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #fff;} .tile .brand > .name:hover, .tile .tile-status > .name:hover {color: #fff;} .tile .brand > .name > [class*=icon-], .tile .tile-status > .name > [class*=icon-] {font-size: 24px;} .tile .brand > .icon, .tile .tile-status > .icon {margin: 5px 15px;width: 32px;height: 32px;} .tile .brand > .icon > [class*=icon-], .tile .tile-status > .icon > [class*=icon-] {font-size: 32px;} .tile .brand > .icon > img, .tile .tile-status > .icon > img {width: 100%;height: 100%;} .tile .brand > img ~ .text, .tile .tile-status > img ~ .text {position: absolute;left: 60px;width: auto;} .tile .brand > .text, .tile .tile-status > .text {position: relative;left: 8px;top: 5px;right: 50px;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #000000;color: #fff;line-height: 14px;width: 60%;} .tile .brand > .text:hover, .tile .tile-status > .text:hover {color: rgba(0, 0, 0, 0.8);} .tile .brand > .text:active, .tile .tile-status > .text:active {color: rgba(0, 0, 0, 0.4);} .tile .brand > .text:hover, .tile .tile-status > .text:hover {color: #fff;} .tile:hover {outline: 3px #00688B solid;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Layout.less */ .input-control.checkbox {display: inline-block;margin-right: 10px;margin-bottom: 10px;cursor: pointer;} .input-control.checkbox > input[type=checkbox] {position: absolute;opacity: 0;} .input-control.checkbox .helper {padding-left: 23px;position: relative;} .input-control.checkbox .helper:before {position: absolute;display: block;height: 20px;width: 20px;content: "";text-indent: -9999px;border: 2px #d9d9d9 solid;z-index: 1;opacity: 1;top: 0;left: 0;} .input-control.checkbox input[type="checkbox"]:checked ~ .helper:after {position: absolute;display: block;content: "\e08a";font-size: 10pt;heigth: 14px;width: 14px;line-height: 14px;z-index: 2;top: 50%;margin-top: -6px;left: 0;margin-left: 4px;font-family: iconFont;} .input-control.checkbox input[type="checkbox"]:not(:checked) ~ .helper:after {display: none;} .input-control.checkbox input[type="checkbox"]:disabled ~ .helper:before {cursor: default;background: #e6e6e6;} .input-control.checkbox input[type=checkbox]:disabled ~ .helper:after {color: #8a8a8a;} .input-control.checkbox input[type=checkbox]:focus ~ .helper:before {border-color: #919191;} .input-control.checkbox:hover input[type=checkbox]:not(:disabled) ~ .helper:before {border-color: #919191;} .input-control.checkbox:active input[type=checkbox]:not(:disabled) ~ .helper:before {border-color: #1e1e1e;} .input-control.intermediate input[type="checkbox"] ~ .helper:after {position: absolute !important;display: block !important;content: "" !important;color: #1a1a1a !important;z-index: 2 !important;font-size: 16px !important;font-weight: bold !important;left: 5px !important;margin-left: 0 !important;top: 50% !important;margin-top: -5px !important;background-color: #1a1a1a !important;width: 10px !important;height: 10px !important;} .input-control.intermediate input[type="checkbox"]:disabled ~ .helper:after {background-color: #9a9a9a !important;} .input-control.radio {display: inline-block;margin-right: 10px;margin-bottom: 10px;cursor: pointer;} .input-control.radio > input[type=radio] {position: absolute;opacity: 0;} .input-control.radio .helper {padding-left: 23px;position: relative;} .input-control.radio .helper:before {position: absolute;display: block;height: 20px;width: 20px;content: "";text-indent: -9999px;border: 2px #d9d9d9 solid;z-index: 1;opacity: 1;top: 0;left: 0;border-radius: 100%;} .input-control.radio input[type="radio"]:checked ~ .helper:after {position: absolute;display: block;content: "";color: #1a1a1a;z-index: 2;font-size: 16px;font-weight: bold;left: 5px;margin-left: 0;top: 50%;margin-top: -5px;background-color: #1a1a1a;width: 10px;height: 10px;border-radius: 100%;} .input-control.radio input[type="radio"]:disabled ~ .helper:before {cursor: default;background: #e6e6e6;} .input-control.radio input[type="radio"]:disabled ~ .helper:after {background-color: #8a8a8a;} .input-control.radio input[type="radio"]:focus ~ .helper:before {border-color: #919191;} .input-control.radio:hover input:not(:disabled) ~ .helper:before {border-color: #919191;} .input-control.radio:active input:not(:disabled) ~ .helper:before {border-color: #1e1e1e;} .input-control.switch {display: inline-block;margin-right: 10px;margin-bottom: 10px;cursor: pointer;position: relative;} .input-control.switch > input[type=checkbox] {position: absolute;opacity: 0;} .input-control.switch .helper {padding-left: 52px;position: relative;} .input-control.switch .helper:before {position: absolute;left: 0;top: 2px;display: block;content: "";width: 43px;height: 16px;outline: 2px #a6a6a6 solid;border: 1px #fff solid;cursor: pointer;background: #008287;margin-left: 2px;z-index: 1;} .input-control.switch input[type="checkbox"] ~ .helper:after {position: absolute;left: 36px;top: 2px;display: block;content: "";width: 9px;height: 16px;outline: 2px #333 solid;border: 1px #333 solid;cursor: pointer;background: #333;z-index: 2;} .input-control.switch input[type="checkbox"]:not(:checked) ~ .helper:after {left: 2px !important;} .input-control.switch input[type="checkbox"]:not(:checked) ~ .helper:before {background: #a6a6a6 !important;} .input-control.switch input[type="checkbox"]:disabled ~ .helper:after {background: #a6a6a6 !important;outline: 2px #a6a6a6 solid !important;border: 1px #a6a6a6 solid !important;} .input-control.switch input[type="checkbox"]:focus ~ .helper:before {outline: 2px #747474 solid !important;} .input-control.switch input[type="checkbox"]:disabled ~ .helper:before {cursor: default !important;background: #e0e0e0 !important;outline: 2px #ccc solid !important;} .input-control > input[type=text], .input-control > input[type=email], .input-control > input[type=url], .input-control > input[type=phone], .input-control > input[type=password], .input-control > input[type=number], .input-control > input[type=time], .input-control > select, .input-control > textarea {border: 1px #bababa solid;width: 100%;padding: 4px 6px 6px 5px;background-color: #fff;outline: 0;margin-right: 32px;min-height: 32px;position: relative;} .input-control > input[type=text].with-helper, .input-control > input[type=email].with-helper, .input-control > input[type=url].with-helper, .input-control > input[type=phone].with-helper, .input-control > input[type=password].with-helper, .input-control > input[type=number].with-helper, .input-control > input[type=time].with-helper, .input-control > select.with-helper, .input-control > textarea.with-helper {padding: 4px 32px 6px 5px;} .input-control > input[type=text]:disabled, .input-control > input[type=email]:disabled, .input-control > input[type=url]:disabled, .input-control > input[type=phone]:disabled, .input-control > input[type=password]:disabled, .input-control > input[type=number]:disabled, .input-control > input[type=time]:disabled, .input-control > select:disabled, .input-control > textarea:disabled {background-color: #eaeaea;} .input-control > input[type=text]:focus, .input-control > input[type=email]:focus, .input-control > input[type=url]:focus, .input-control > input[type=phone]:focus, .input-control > input[type=password]:focus, .input-control > input[type=number]:focus, .input-control > input[type=time]:focus, .input-control > select:focus, .input-control > textarea:focus {border-color: #000;} .input-control > input[type=text]::-ms-clear, .input-control > input[type=email]::-ms-clear, .input-control > input[type=url]::-ms-clear, .input-control > input[type=phone]::-ms-clear, .input-control > input[type=number]::-ms-clear, .input-control > input[type=time]::-ms-clear {display: none;} .input-control > input[type=password]::-ms-reveal {display: none;} .input-control > select {padding-right: 5px;} .input-control > textarea {padding-right: 5px;min-height: 100px;} .input-control.text input[type=text]:not(:focus) ~ .helper, .input-control.password input[type=text]:not(:focus) ~ .helper, .input-control.text input[type=password]:not(:focus) ~ .helper, .input-control.password input[type=password]:not(:focus) ~ .helper, .input-control.text input[type=email]:not(:focus) ~ .helper, .input-control.password input[type=email]:not(:focus) ~ .helper, .input-control.text input[type=phone]:not(:focus) ~ .helper, .input-control.password input[type=phone]:not(:focus) ~ .helper, .input-control.text input[type=url]:not(:focus) ~ .helper, .input-control.password input[type=url]:not(:focus) ~ .helper {display: none;} .input-control.text input[type=text]:focus ~ .helper, .input-control.password input[type=text]:focus ~ .helper, .input-control.text input[type=password]:focus ~ .helper, .input-control.password input[type=password]:focus ~ .helper, .input-control.text input[type=email]:focus ~ .helper, .input-control.password input[type=email]:focus ~ .helper, .input-control.text input[type=phone]:focus ~ .helper, .input-control.password input[type=phone]:focus ~ .helper, .input-control.text input[type=url]:focus ~ .helper, .input-control.password input[type=url]:focus ~ .helper {display: block;} .input-control.text input[type=text]:not(:focus) ~ .helper:active, .input-control.password input[type=text]:not(:focus) ~ .helper:active, .input-control.text input[type=password]:not(:focus) ~ .helper:active, .input-control.password input[type=password]:not(:focus) ~ .helper:active, .input-control.text input[type=email]:not(:focus) ~ .helper:active, .input-control.password input[type=email]:not(:focus) ~ .helper:active, .input-control.text input[type=phone]:not(:focus) ~ .helper:active, .input-control.password input[type=phone]:not(:focus) ~ .helper:active, .input-control.text input[type=url]:not(:focus) ~ .helper:active, .input-control.password input[type=url]:not(:focus) ~ .helper:active {display: block;} .input-control {margin-right: 0px;margin-bottom: 10px;position: relative;} .input-control.text .helper, .input-control.password .helper, .input-control.text .btn-search, .input-control.password .btn-search {background: #fff;top: 2px;width: 26px !important;height: 27px !important;min-width: 26px !important;min-height: 27px !important;cursor: pointer;color: #000;position: absolute;left: 100%;margin-left: -28px;display: block;border: 1px #fff solid;} .input-control.text .helper:before, .input-control.password .helper:before, .input-control.text .btn-search:before, .input-control.password .btn-search:before {font-size: 12pt;position: absolute;font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;} .input-control.text .helper:hover, .input-control.password .helper:hover, .input-control.text .btn-search:hover, .input-control.password .btn-search:hover {background: #d9d9d9;} .input-control.text .helper:active, .input-control.password .helper:active, .input-control.text .btn-search:active, .input-control.password .btn-search:active {background-color: #000;} .input-control.text .helper:active:before, .input-control.password .helper:active:before, .input-control.text .btn-search:active:before, .input-control.password .btn-search:active:before {color: #fff;} .input-control.text .btn-search:before {font-family: iconFont;font-size: 12px;content: "\e041";left: 7px;top: 3px;} label {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;margin-right: 10px;margin-bottom: 10px;} fieldset {position: relative;margin-top: 30px;border: 2px #eaeaea solid;padding: 10px;} fieldset legend {padding-left: 10px;padding-right: 10px;font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;color: #cfcfcf;position: absolute;top: -25px;left: -10px;} input[type=button], input[type=reset], input[type=submit] {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;min-width: 90px;min-height: 32px;height: 32px;background-color: #ccc;border: 1px transparent solid;color: #353535;margin-right: 10px;margin-bottom: 10px;border-raduis: 0;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;padding: 4px 10px;position: relative;border-radius: 0;} input[type=button].mini, input[type=reset].mini, input[type=submit].mini {font-size: .9em !important;} input[type=button].standart, input[type=reset].standart, input[type=submit].standart {min-width: 90px;min-height: 32px;} input[type=button]:active, input[type=reset]:active, input[type=submit]:active, input[type=button].default:active, input[type=reset].default:active, input[type=submit].default:active {top: 1px;left: 1px;} input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, input[type=button].disabled, input[type=reset].disabled, input[type=submit].disabled {background-color: #eaeaea;color: #bebebe;cursor: not-allowed;} input[type=button].default, input[type=reset].default, input[type=submit].default {background-color: #008287;color: #fff;} input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {outline: 0;border: 1px #353535 dotted;} input[type=button].mini, input[type=reset].mini, input[type=submit].mini {min-height: 24px;min-width: 24px;height: 26px;font-size: .8em;} input[type=button].big, input[type=reset].big, input[type=submit].big {min-height: 48px;height: 48px;font-size: 1.2em;} input[type=submit] {background-color: #008287;color: #fff;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * images.less * */ .image-collection {position: relative;margin-left: 0;list-style: none;*zoom: 1;} .image-collection:before, .image-collection:after {display: table;content: "";} .image-collection:after {clear: both;} .image-collection > div > img, .image-collection > li > img {width: 100%;height: auto;min-height: 100%;max-width: 100%;} .image-collection > div > .overlay, .image-collection > li > .overlay {position: absolute;width: 100%;height: 55px;overflow: hidden;background-color: #1e1e1e;color: #fff;font-size: 8pt;text-align: left;line-height: 12px;padding: 5px 10px;opacity: .8;bottom: -55px;} .image-collection > div:hover .overlay, .image-collection > li:hover .overlay {-webkit-transform: translate(0, -55px);-ms-transform: translate(0, -55px);-o-transform: translate(0, -55px);-moz-transform: translate(0, -55px);transform: translate(0, -55px);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s easet;} .image-collection.p16x9 > div {width: 220px;height: 121px;} .image-collection.p4x3 > div {width: 220px;height: 165px;} .image-container {position: relative;padding: 5px 5px 50px;background-color: #1e1e1e;width: 220px;margin-right: 20px;margin-bottom: 20px;} .image-container img {width: 100%;height: auto;} .image-container > .overlay {position: absolute;bottom: 0;left: 0;right: 0;height: 50px;font-size: 8pt;color: #fff;line-height: 14px;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;} .image-container.light {background-color: #ccc;} .image-container.light > .overlay {color: #1e1e1e;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Cards.less * */ .card {width: 75px;height: 105px;border: 1px #eaeaea solid;border-radius: 0px;position: relative;float: left;display: block;margin-right: 10px;margin-bottom: 10px;cursor: pointer;background: #fff;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 20pt;letter-spacing: 0.01em;line-height: 24pt;font-smooth: always;font-family: Tahoma, Arial, sans-serif;line-height: 18pt;} .card:hover {box-shadow: 1px 1px 1px #ccc;} .card .suit {padding: 0;font-size: 80px;position: absolute;right: 5px;bottom: 30px;} .card .small-suit:after {top: 5px;left: 10px;position: absolute;} .card .small-suit:before {top: 28px;left: 10px;position: absolute;} .card .suit:after {position: relative;} .red {color: red;} .black {color: black;} .card.two .small-suit:after {content: "2";} .card.three .small-suit:after {content: "3";} .card.four .small-suit:after {content: "4";} .card.five .small-suit:after {content: "5";} .card.six .small-suit:after {content: "6";} .card.seven .small-suit:after {content: "7";} .card.eight .small-suit:after {content: "8";} .card.nine .small-suit:after {content: "9";} .card.ten .small-suit:after {content: "10";margin-left: -7px;} .card.jack .small-suit:after {content: "J";} .card.dame .small-suit:after {content: "Q";} .card.king .small-suit:after {content: "K";} .card.ace .small-suit:after {content: "A";} .card.back {background-color: #b91d47;background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .card.spades .small-suit:after {color: black;} .card.spades .small-suit:before {content: "\2660";color: black;} .card.spades .suit:after {content: "\2660";color: black;} .card.clubs .small-suit:after {color: black;} .card.clubs .small-suit:before {content: "\2663";color: black;} .card.clubs .suit:after {content: "\2663";color: black;} .card.diamonds .small-suit:after {color: red;} .card.diamonds .small-suit:before {content: "\2666";color: red;} .card.diamonds .suit:after {content: "\2666";color: red;} .card.hearts .small-suit:after {color: red;} .card.hearts .small-suit:before {content: "\2665";color: red;} .card.hearts .suit:after {content: "\2665";color: red;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Code.less * */ code, pre {padding: 0 3px 2px;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;font-size: 10pt;color: #525252;} code {padding: 2px 4px;font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #d14;background-color: #f7f7f9;border: 1px #e1e1e8 solid;} pre {display: block;padding: 10px;margin: 0;line-height: 14pt;word-break: break-all;word-wrap: break-word;white-space: pre;white-space: pre-wrap;background-color: #f5f5f5;border: 1px solid rgba(0, 0, 0, 0.15);} pre.prettyprint {margin-bottom: 10px;} pre code {padding: 0;color: inherit;background-color: transparent;border: 0;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * PageControl.less * */ .page-control {position: relative;*zoom: 1;} .page-control:before, .page-control:after {display: table;content: "";} .page-control:after {clear: both;} .page-control > ul {margin-left: 0;list-style: none;*zoom: 1;position: absolute;z-index: 5;width: 100%;background-color: rgba(217, 217, 217, 0.16);height: 30px;} .page-control > ul:before, .page-control > ul:after {display: table;content: "";} .page-control > ul:after {clear: both;} .page-control > ul li:first-child {margin-left: 20px;} .page-control > ul li {float: left;display: block;text-align: center;} .page-control > ul li img {float: left;width: 16px;height: 16px;margin-right: 5px;margin-top: 3px;} .page-control > ul li.active {border: 1px #ccc solid;border-bottom: 0;background-color: #fff;} .page-control > ul li.active span, .page-control > ul li.active a {color: #2d89ef;} .page-control > ul li span, .page-control > ul li a {text-decoration: none;display: block;float: left;padding: 5px 10px;color: #1e1e1e;font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 11pt;letter-spacing: 0.01em;line-height: 14pt;font-smooth: always;cursor: pointer;outline: 0;} .page-control.tabs-right > ul li {float: right !important;margin-left: 10px;} .page-control .frames {margin-top: 28px;width: 100%;min-height: 50px;border: 1px #ccc solid;} .page-control .frames .frame {width: 100%;min-height: 100%;height: auto;display: none;padding: 20px;} .page-control .frames .frame.active {display: block;} .page-control ul {display: block;overflow: visible;} .page-control .menu-pull, .page-control .menu-pull-bar {display: none;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Accordion.less */ .accordion {margin-left: 0;list-style: none;*zoom: 1;margin-bottom: 10px;} .accordion:before, .accordion:after {display: table;content: "";} .accordion:after {clear: both;} .accordion > li {margin-bottom: 5px;display: block;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * rating.less */ .static-rating:before, .static-rating:after {display: table;content: "";} .static-rating:after {clear: both;} .rating {*zoom: 1;} .rating a.rated {background-position: 0 -26px;} .rating a.hover {background-position: 0 -52px;} .rating.small a.rated {background-position: 0 -13px;} .rating.small a.hover {background-position: 0 -26px;} .rating:before, .rating:after {display: table;content: "";} .rating:after {clear: both;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Progress.less */ .progress-bar {height: 5px;width: 100%;margin-bottom: 10px;*zoom: 1;} .progress-bar .bar {float: left;width: 0;background-color: #008287;height: 100%;} .progress-bar:before, .progress-bar:after {display: table;content: "";} .progress-bar:after {clear: both;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Carousel.less * Version: 1.0 * */ .carousel {display: block;position: relative;margin-bottom: 20px;} .carousel .slides {width: 100%;height: 100%;overflow: hidden;position: relative;} .carousel .slides .slide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .carousel .slides .slide.image img {width: 100%;height: 100%;} .carousel .slides .slide .description {position: absolute;left: 0;right: 0;bottom: 0;padding: 10px;background: rgba(0, 0, 0, 0.7);color: #fff;} .carousel .control {position: absolute;top: 50%;left: 15px;width: 40px;height: 45px;margin-top: -20px;font-size: 48pt;font-weight: 100;line-height: 30px;color: #fff;text-align: center;cursor: pointer;opacity: .75;} .carousel .control.right {left: auto;right: 15px;} .carousel .control:hover {opacity: 1;} .carousel .markers > ul {margin-left: 0;list-style: none;list-style: none;position: absolute;top: 100%;left: 0;padding-top: 10px;} .carousel .markers li {display: block;float: left;margin-right: 5px;} .carousel .markers li a {width: 32px;height: 6px;background-color: red;display: block;float: left;} .carousel .markers li.active a {background-color: #1e1e1e;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * ListView.less * Version 1.0 */ .listview {margin-left: 0;list-style: none;*zoom: 1;} .listview li {margin-bottom: 10px;border: 4px transparent solid;padding: 10px;width: 300px;position: relative;display: block;cursor: pointer;*zoom: 1;} .listview li .icon {width: 48px;height: 48px;font-size: 40px;float: left;} .listview li .icon img {width: 100%;height: 100%;} .listview li .icon i {margin-top: 10px;} .listview li .data {margin-left: 55px;} .listview li .data h4 {margin: 0;padding: 0 0 2px 0;} .listview li .data p {margin: 0;font-size: 9pt;} .listview li .data .static-rating.small, .listview li .data .progress-bar {margin-bottom: 3px;} .listview li:hover {outline: 3px #ccc solid;} .listview li:active {outline: 3px #3e3e3e solid;} .listview li:before, .listview li:after {display: table;content: "";} .listview li:after {clear: both;} .listview.image li {width: 380px;} .listview.image li .icon {width: 100px;height: 100px;border: 1px #ccc solid;} .listview.image li .data {margin-left: 110px;} .listview.image li .data h4 {margin-bottom: 4px;} .listview.image li .data p {line-height: 16px;font-size: 10pt;margin-bottom: 5px;} .listview.image li .data .static-rating.small, .listview.image li .data .progress-bar {margin-bottom: 10px;} .listview.iconic li .icon {width: 32px;height: 32px;border: 1px #ccc solid;} .listview.iconic li .data {margin-left: 40px;} .listview.fluid li {float: left;margin-right: 10px;} .listview li div.badge {position: absolute;left: -4px;top: -4px;background-color: #2d89ef;padding: 5px;margin: 0 !important;text-align: center;display: block;font-size: 9pt;color: #fff;} .listview li div.badge.strech {padding: 0 5px;} .listview li div.badge.right {right: -4px;left: auto;} .listview li div.badge.bottom {top: auto;bottom: -4px;} .listview > li.selected {border: 4px #2d89ef solid;} .listview > li.selected:after {width: 0;height: 0;border-top: 40px solid #2d89ef;border-left: 40px solid transparent;position: absolute;display: block;right: 0;content: "";top: 0;z-index: 1001;} .listview > li.selected:before {position: absolute;content: "\e08a";color: #fff;right: 4px;top: 0;font-family: iconFont;z-index: 1002;display: block;} .listview:before, .listview:after {display: table;content: "";} .listview:after {clear: both;} /* * Metro UI CSS * Copyright 2012 Sergey Pimenov * Licensed under the MIT License * * Slider.less * */ .slider {height: 12px;width: auto;position: relative;background-color: #c6c6c6;margin-bottom: 10px;} .slider .marker {height: 12px;width: 12px;cursor: pointer;position: absolute;top: 0;left: 0;background-color: #000000;z-index: 3;} .slider .complete {height: 100%;width: auto;background-color: #00828b;z-index: 2;} .slider.vertical {height: auto;width: 12px;} .slider.vertical .complete {position: absolute;height: auto;width: 12px;bottom: 0;} .slider:hover .complete {background-color: #219297;} .slider:active .complete, .slider:active + .marker:active .complete {background-color: #25bbc4;} /* * Metro UI CSS * Copyright 2012 Valerio Battaglia * Licensed under the MIT License * * dialog.less */ .dialog {position: absolute;top: 40%;left: 40%;min-width: 150px;min-height: 155px;z-index: 1000;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} .dialog .header {width: auto;height: 35px;padding: 6px 35px 5px 5px;font-size: 18px;white-space: nowrap;overflow: hidden;background-color: #2D89EF;border: 1px solid #2D89EF;border-bottom: 0 none;} .dialog .header div {position: absolute;right: -5px;top: 5px;} .dialog .header button {min-width: 16px;min-height: 16px;height: 24px;width: 24px;} .dialog .header button i {position: absolute;left: 2px;top: 4px;} .dialog .content {min-height: 85px;padding: 5px;background-color: #fff;border-left: 1px solid rgba(0, 0, 0, 0.2);border-right: 1px solid rgba(0, 0, 0, 0.2);} .dialog .action {position: relative;bottom: 0;width: auto;height: 40px;font-size: 18px;text-align: center;white-space: nowrap;overflow: hidden;background-color: #fff;border-left: 1px solid rgba(0, 0, 0, 0.2);border-right: 1px solid rgba(0, 0, 0, 0.2);border-bottom: 1px solid rgba(0, 0, 0, 0.2);} #dialogOverlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(235, 235, 235, 0.5);z-index: 1;} .text {font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 400;font-size: 9pt;font-smooth: always;color: #000;line-height: 18px;float:right;clear:both;} .center{text-align:center;top: 50%;left: 50%;} body {} .tile a{cursor:pointer;}