/*.metro .one-column,.metro .two-columns{-moz-column-gap:20px;-webkit-column-gap:20px;-o-column-gap:20px;-ms-column-gap:20px}html{font-size:12px}body{font-size:11px}body,html{padding:0;margin:0;min-height:100%}*,body,html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}.tile:active,a:active,a:hover{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox],label,select{cursor:pointer}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}input[type=email]::-ms-clear,input[type=number]::-ms-clear,input[type=tel]::-ms-clear,input[type=text]::-ms-clear,input[type=time]::-ms-clear,input[type=url]::-ms-clear{display:none}input[type=password]::-ms-reveal{display:none}*{border-collapse:collapse}a{text-decoration:none}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.metro img,.metro table{max-width:100%}.metro .box-sizing-border{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.metro .box-sizing-content,.metro .window .content{-moz-box-sizing:content-box;-ms-box-sizing:content-box}.metro .box-sizing-content{-webkit-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.metro .text-left{text-align:left}.metro .text-right{text-align:right}.metro .text-center{text-align:center}.metro .text-justify{text-align:justify}.metro .text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metro .text-bold{font-weight:700}.metro .text-normal{font-weight:400}.metro .text-italic{font-style:italic}.metro .no-border{border:0!important}.metro .border{border:1px solid #eaeaea}.metro .border-left{border-left:1px #eaeaea solid}.metro .border-right{border-right:1px #eaeaea solid}.metro .border-top{border-top:1px #eaeaea solid}.metro .border-bottom{border-bottom:1px #eaeaea solid}.metro .collapse-separate{border-collapse:separate}.metro .calendar table,.metro .collapse-collapse,.metro table{border-collapse:collapse}.metro .pos-abs{position:absolute}.metro .pos-rel{position:relative}.metro .pos-fix{position:fixed}.metro .place-left{float:left}.metro .place-right{float:right}.metro .block,.metro .no-float{float:none!important}.metro .place-top-left{position:absolute;top:0;left:0}.metro .place-top-right{position:absolute;top:0;right:0}.metro .place-bottom-left{position:absolute;bottom:0;left:0}.metro .place-bottom-right{position:absolute;bottom:0;right:0}.metro .on-left{margin-right:5px}.metro .on-right{margin-left:5px}.metro .on-left-more{margin-right:10px}.metro .on-right-more{margin-left:10px}.metro .padding5{padding:5px}.metro .padding10{padding:10px}.metro .padding15{padding:15px}.metro .padding20{padding:20px}.metro .margin5{margin:5px}.metro .margin10{margin:10px}.metro .margin15{margin:15px}.metro .margin20{margin:20px}.metro .nlm{margin-left:0!important}.metro .nrm{margin-right:0!important}.metro .ntm{margin-top:0!important}.metro .nbm{margin-bottom:0!important}.metro .nlp{padding-left:0!important}.metro .nrp{padding-right:0!important}.metro .ntp{padding-top:0!important}.metro .nbp{padding-bottom:0!important}.metro .no-margin{margin:0!important}.metro .no-padding{padding:0!important}.metro .block{display:block!important}.metro .inline-block{display:inline-block!important}.metro .hide,.metro .no-display{display:none!important}.metro .no-visible{visibility:hidden!important}.metro .visible{visibility:visible!important}.metro .scroll-vertical,.metro .scroll-y{overflow-y:scroll}.metro .scroll-horizontal,.metro .scroll-x{overflow-x:scroll}.metro .no-overflow{overflow:hidden}.metro .overflow{overflow:scroll}.metro .one-column{-moz-columns:1;-webkit-columns:1;-o-columns:1;-ms-columns:1;columns:1;column-gap:20px}.metro .two-columns{-moz-columns:2;-webkit-columns:2;-o-columns:2;-ms-columns:2;columns:2;column-gap:20px}.metro .four-columns,.metro .three-columns{-moz-column-gap:20px;-webkit-column-gap:20px;-o-column-gap:20px;-ms-column-gap:20px}.metro .three-columns{-moz-columns:3;-webkit-columns:3;-o-columns:3;-ms-columns:3;columns:3;column-gap:20px}.metro .four-columns{-moz-columns:4;-webkit-columns:4;-o-columns:4;-ms-columns:4;columns:4;column-gap:20px}.metro .five-columns{-moz-columns:5;-webkit-columns:5;-o-columns:5;-ms-columns:5;columns:5;-moz-column-gap:20px;-webkit-column-gap:20px;-o-column-gap:20px;-ms-column-gap:20px;column-gap:20px}.metro .square5{width:5px;height:5px}.metro .square10{width:10px;height:10px}.metro .square15{width:15px;height:15px}.metro .square20{width:20px;height:20px}.metro .shadow{box-shadow:0 2px 6px rgba(0,0,0,.3),0 3px 8px rgba(0,0,0,.2)}.metro .text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.4)}.metro .opacity{opacity:.9}.metro .half-opacity{opacity:.5}.metro .hi-opacity{opacity:.2}.metro .clearfix:after,.metro .clearfix:before{display:table;content:""}.metro .clearfix:after{clear:both}.metro #element .selected{border:4px solid #4390df}.metro #element .selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.metro #element .selected:before{position:absolute;display:block;content:"\e08a";color:#fff;right:0;font-family:iconFont;font-size:9pt;font-weight:400;z-index:102;top:0}.metro .text-rest-state{color:#000}.metro .text-rest2-state{color:rgba(0,0,0,.6)}.metro .text-hover-state{color:rgba(0,0,0,.8)}.metro .text-pressed-state{color:rgba(0,0,0,.4)}.metro #font .light{font-weight:300}.metro #font .normal,.metro .navigation{font-weight:400;font-style:normal}.metro #font .bold{font-weight:700}.metro #font .italic{font-style:italic}.metro #font .segoe{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro #font .segoe-bold{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif}.metro #font .segoe-light{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif}.metro #font .cambria{font-family:Cambria_,'PT Serif Caption',Verdana,Arial,Helvetica,sans-serif}.metro #font .mono{font-family:'Courier New',monospace}.metro #font .serif{font-family:Georgia,"Times New Roman",Times,serif}.metro #font .sans{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.metro .header,.metro .subheader,.metro .subheader-secondary{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;color:#000}.metro .header,.metro .subheader{letter-spacing:0}.metro .header{font-size:4.8rem;line-height:4.8rem}.metro .subheader{font-size:2.5rem;line-height:2.5rem;letter-spacing:.01em}.metro .subheader-secondary{letter-spacing:.01em;color:rgba(0,0,0,.6);font-size:2.2rem;line-height:2.2rem}.metro .item-title,.metro .item-title-secondary{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-weight:700;color:#000;letter-spacing:.02em}.metro .item-title{font-size:1.6rem;line-height:1.6rem}.metro .item-title-secondary{color:rgba(0,0,0,.6);font-size:1.4rem;line-height:1.4rem}.metro .body-text,.metro .navigation{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .navigation{color:rgba(0,0,0,.6);font-size:1.2rem;line-height:1.2rem;letter-spacing:.02em}.metro .body-text,.metro .code-text{font-weight:400;color:#000;font-size:11pt;line-height:15pt;letter-spacing:.02em;font-style:normal}.metro .code-text{font-family:'Courier New',monospace}.metro .tertiary-text,.metro .tertiary-text-secondary{color:#000;font-size:1.3rem;line-height:1.5rem;font-weight:400!important}.metro .tertiary-text,.metro .tertiary-text-secondary,.metro h6{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .tertiary-text-secondary{color:rgba(0,0,0,.6)}.metro .readable-text{font-family:Cambria_,'PT Serif Caption',Verdana,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;font-size:1.8rem;line-height:2rem}.metro .menu-item,.metro .menu-title{font-weight:300;color:#000;letter-spacing:.01em;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif}.metro .menu-title{line-height:2.5rem;font-size:4rem}.metro .menu-item{color:rgba(0,0,0,.6);line-height:2.2rem;font-size:2.2rem}.metro .menu-item-secondary{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:1.6rem;letter-spacing:.02em;font-weight:400;font-style:normal;line-height:1.4rem}.metro h1,.metro h2,.metro h3,.metro h4,.metro h5,.metro h6{padding:0;margin:10px 0}.metro h1{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;color:#000;letter-spacing:0;font-size:4.8rem;line-height:4.8rem}.metro h2,.metro h3{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;color:#000;letter-spacing:.01em}.metro h2{font-weight:300;font-size:2.5rem;line-height:2.5rem}.metro h3{color:rgba(0,0,0,.6);font-size:2.2rem;line-height:2.2rem;font-weight:700}.metro h4,.metro h5{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;color:#000;letter-spacing:.02em;font-weight:700}.metro h4{font-size:1.6rem;line-height:1.6rem}.metro h5{color:rgba(0,0,0,.6);font-size:1.4rem;line-height:1.4rem}.metro h6,.metro ol,.metro p,.metro ul{line-height:15pt;letter-spacing:.02em}.metro h6{font-style:normal;color:#000;font-weight:700;font-size:9pt}.metro div,.metro p,.metro span{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal}.metro h1 small{font-size:19.25pt}.metro h2 small{font-size:13.75pt}.metro h3 small,.metro h4 small,.metro p{font-size:11pt}.metro .link,.metro a{color:#2e92cf}.metro .link:hover,.metro a:hover{color:rgba(45,173,237,.9)}.metro .link:active,.metro .link:focus,.metro a:active,.metro a:focus{color:rgba(45,173,237,.6)}.metro p{margin:0 0 7pt;color:#000}.metro strong{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-weight:700}.metro address,.metro ol,.metro ul{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro address,.metro ol,.metro ol.styled,.metro ul{font-weight:400;font-style:normal}.metro .text-muted{color:#999!important}.metro .text-info{color:#2D7D9A!important}.metro .text-alert{color:#e51400!important}.metro .text-warning{color:#fa6800!important}.metro .text-success{color:#60a917!important}.metro abbr{text-decoration:none;border-bottom:1px #999 dotted;cursor:help}.metro address{margin-bottom:7pt}.metro blockquote{margin:0;padding:0 0 0 10px;border-left:4px #999 solid}.metro blockquote small{color:#999}.metro blockquote small:before{content:"\2014 \00A0"}.metro blockquote.place-right{border:0;border-right:4px #999 solid;padding-right:10px;text-align:right}.metro blockquote.place-right small:before{content:""}.metro blockquote.place-right small:after{content:" \00A0 \2014"}.metro .unstyled{padding-left:0;list-style:none}.metro .unstyled li ol,.metro .unstyled li ul{list-style:none;padding-left:25px}.metro .inline{list-style:none}.metro .inline li{display:inline-block;padding-left:5px;padding-right:5px}.metro ol,.metro ul{margin-left:5px;padding-left:15px;color:#000;font-size:11pt}.metro ol li,.metro ul li{line-height:20px}.metro ol li ol,.metro ol li ul,.metro ul li ol,.metro ul li ul{padding-left:25px}.metro ol.styled{counter-reset:li;margin-left:0;padding-left:0;font-family:Cambria_,'PT Serif Caption',Verdana,Arial,Helvetica,sans-serif;font-size:1.8rem;line-height:2rem}.metro ol.styled>li{position:relative;margin:0 0 6px 2em;padding:4px 12px;list-style:none}.metro ol.styled>li:before{content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;color:#fff;background:#666;font-weight:700;font-family:"Helvetica Neue",Arial,sans-serif;text-align:center}.metro .page .page-header .page-header-content:after,.metro .page .page-header .page-header-content:before,.metro .page:after,.metro .page:before{display:table;content:""}.metro ol.styled.rounded>li:before{border-radius:100%}.metro dl dd,.metro dl dt{line-height:20px}.metro dl dt{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif}.metro dl dd{margin-left:15px}.metro dl.horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.metro .button-set:after,.metro .dataTable,.metro .dataTables_wrapper .dataTables_scroll,.metro .dataTables_wrapper:after,.metro .example:after,.metro .fluent-menu .tabs-holder:after,.metro .grid .row:after,.metro .listview .list .list-content:after,.metro .listview-outlook .list .list-content:after,.metro .navbar-content:after,.metro .navigation-bar-content:after,.metro .page .page-footer .page-footer-content:after,.metro .page .page-header .page-header-content:after,.metro .page .page-region .page-region-content:after,.metro .page:after,.metro .pagination>ul:after,.metro .progress-bar:after,.metro .rating ul:after,.metro .rating:after,.metro .stepper:after,.metro .streamer .events .events-area:after,.metro .streamer .events .events-grid:after,.metro .tab-control .tabs:after,.metro .tile .brand:after,.metro .tile .tile-status:after,.metro .tile-area-dark:after,.metro .tile-area-darkBlue:after,.metro .tile-area-darkBrown:after,.metro .tile-area-darkCobalt:after,.metro .tile-area-darkCrimson:after,.metro .tile-area-darkCyan:after,.metro .tile-area-darkEmerald:after,.metro .tile-area-darkGreen:after,.metro .tile-area-darkMagenta:after,.metro .tile-area-darkOrange:after,.metro .tile-area-darkPink:after,.metro .tile-area-darkRed:after,.metro .tile-area-darkTeal:after,.metro .tile-area-darkViolet:after,.metro .tile-area-grayed:after,.metro .tile-area-lightBlue:after,.metro .tile-area-lightOlive:after,.metro .tile-area-lightOrange:after,.metro .tile-area-lightPink:after,.metro .tile-area-lightTeal:after,.metro .toolbar .toolbar-group:after,.metro .toolbar:after{clear:both}.metro .button,.metro button{text-align:center;font-size:14px}.metro dl.horizontal dd{margin-left:180px}.metro .prettyprint *{font-weight:400;font-style:normal;color:#000;letter-spacing:.02em;font-family:'Courier New',monospace;font-size:.9em!important;line-height:10pt}.metro .container{margin:0 auto}.metro .page{width:100%;min-height:100%;margin:0;padding:0}.metro .page .page-header .page-header-content{min-height:auto}.metro .page .page-header .page-header-content .branding{display:inline-block;width:auto;padding:10px 0;margin-right:20px}.metro .page .page-header .page-header-content .branding .brand-slogan,.metro .page .page-header .page-header-content .branding .brand-title{color:#000;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;display:block}.metro .page .page-header .page-header-content .branding .brand-title{font-weight:300;font-size:2.5rem;line-height:2.5rem;letter-spacing:.01em}.metro .page .page-header .page-header-content .branding .brand-slogan{letter-spacing:.02em;color:rgba(0,0,0,.6);font-size:1.4rem;line-height:1.4rem;font-weight:400;font-style:normal}.metro .page .page-footer .page-footer-content:after,.metro .page .page-footer .page-footer-content:before,.metro .page .page-region .page-region-content:after,.metro .page .page-region .page-region-content:before{display:table;content:""}.metro .page .page-header .page-header-content .branding .brand-slogan,.metro .page .page-header .page-header-content .branding .brand-title{margin:0}.metro .page .page-header .page-header-content .branding a+.brand-slogan,.metro .page .page-header .page-header-content .branding a+.brand-title{text-decoration:none!important}.metro .page .page-region .page-region-content{min-height:500px}.metro .app-bar,.metro .message-dialog{position:fixed;left:0;min-height:100px}.metro .page .page-footer .page-footer-content{height:100px}.metro .page.secondary .page-header-content,.metro .page.secondary .page-region-content{padding-left:80px}.metro .app-bar{bottom:0;right:0;background-color:#1d1d1d;z-index:1060}.metro .charms{position:fixed;right:0;top:0;bottom:0;height:100%;min-width:200px;width:auto;z-index:1060}.metro .charms.place-left{left:0;right:auto}.metro .message-dialog{right:0;height:auto;top:30%;padding:10px 10px 0;z-index:1050}.metro .error-bar,.metro .info-bar,.metro .warning-bar{position:fixed;top:0;left:0;right:0;padding:10px 20px;color:#fff;min-height:100px;z-index:1050}.metro .error-bar{background-color:#9a1616!important}.metro .warning-bar{background-color:#bf5a15!important}.metro .info-bar{background-color:#4390df!important}.metro .size1,.metro .span1{width:60px!important}.metro .size2,.metro .span2{width:140px!important}.metro .size3,.metro .span3{width:220px!important}.metro .size4,.metro .span4{width:300px!important}.metro .size5,.metro .span5{width:380px!important}.metro .size6,.metro .span6{width:460px!important}.metro .size7,.metro .span7{width:540px!important}.metro .size8,.metro .span8{width:620px!important}.metro .size9,.metro .span9{width:700px!important}.metro .size10,.metro .span10{width:780px!important}.metro .size11,.metro .span11{width:860px!important}.metro .size12,.metro .span12{width:940px!important}.metro .offset1{margin-left:80px!important}.metro .offset1:not(:first-child){margin-left:100px!important}.metro .offset2{margin-left:160px!important}.metro .offset2:not(:first-child){margin-left:180px!important}.metro .offset3{margin-left:240px!important}.metro .offset3:not(:first-child){margin-left:260px!important}.metro .offset4{margin-left:320px!important}.metro .offset4:not(:first-child){margin-left:340px!important}.metro .offset5{margin-left:400px!important}.metro .offset5:not(:first-child){margin-left:420px!important}.metro .offset6{margin-left:480px!important}.metro .offset6:not(:first-child){margin-left:500px!important}.metro .offset7{margin-left:560px!important}.metro .offset7:not(:first-child){margin-left:580px!important}.metro .offset8{margin-left:640px!important}.metro .offset8:not(:first-child){margin-left:660px!important}.metro .offset9{margin-left:720px!important}.metro .offset9:not(:first-child){margin-left:740px!important}.metro .offset10{margin-left:800px!important}.metro .offset10:not(:first-child){margin-left:820px!important}.metro .offset11{margin-left:880px!important}.metro .offset11:not(:first-child){margin-left:900px!important}.metro .offset12{margin-left:960px!important}.metro .offset12:not(:first-child){margin-left:980px!important}.metro .grid{margin-bottom:20px}.metro .grid .row{display:block;margin-top:20px}.metro .grid .row:after,.metro .grid .row:before{display:table;content:""}.metro .grid .row [class*=span]{float:left;min-height:1px;margin-left:20px}.metro .grid .row [class*=span]:first-child{margin-left:0}.metro .grid.fluid{width:100%}.metro .grid.fluid .row .span1{width:6.382978%!important}.metro .grid.fluid .row .span2{width:14.893614999999999%!important}.metro .grid.fluid .row .span3{width:23.404251999999996%!important}.metro .grid.fluid .row .span4{width:31.914889%!important}.metro .grid.fluid .row .span5{width:40.425526%!important}.metro .grid.fluid .row .span6{width:48.93616299999999%!important}.metro .grid.fluid .row .span7{width:57.446799999999996%!important}.metro .grid.fluid .row .span8{width:65.957437%!important}.metro .grid.fluid .row .span9{width:74.468074%!important}.metro .grid.fluid .row .span10{width:82.978711%!important}.metro .grid.fluid .row .span11{width:91.48934799999999%!important}.metro .grid.fluid .row .span12{width:99.99998499999998%!important}.metro .grid.fluid .row [class*=span]{margin-left:2.127659%}.metro .grid.fluid .row [class*=span]:first-child{margin-left:0}.metro .grid.fluid .row .offset1{margin-left:8.510637%!important}.metro .grid.fluid .row .offset1:not(:first-child){margin-left:10.638296%!important}.metro .grid.fluid .row .offset2{margin-left:17.021274%!important}.metro .grid.fluid .row .offset2:not(:first-child){margin-left:19.148933%!important}.metro .grid.fluid .row .offset3{margin-left:25.531910999999997%!important}.metro .grid.fluid .row .offset3:not(:first-child){margin-left:27.659569999999995%!important}.metro .grid.fluid .row .offset4{margin-left:34.042548%!important}.metro .grid.fluid .row .offset4:not(:first-child){margin-left:36.170207%!important}.metro .grid.fluid .row .offset5{margin-left:42.553185%!important}.metro .grid.fluid .row .offset5:not(:first-child){margin-left:44.680844%!important}.metro .grid.fluid .row .offset6{margin-left:51.063821999999995%!important}.metro .grid.fluid .row .offset6:not(:first-child){margin-left:53.191480999999996%!important}.metro .grid.fluid .row .offset7{margin-left:59.574459%!important}.metro .grid.fluid .row .offset7:not(:first-child){margin-left:61.702118%!important}.metro .grid.fluid .row .offset8{margin-left:68.085096%!important}.metro .grid.fluid .row .offset8:not(:first-child){margin-left:70.212755%!important}.metro .grid.fluid .row .offset9{margin-left:76.595733%!important}.metro .grid.fluid .row .offset9:not(:first-child){margin-left:78.72339199999999%!important}.metro .grid.fluid .row .offset10{margin-left:85.10637%!important}.metro .grid.fluid .row .offset10:not(:first-child){margin-left:87.23402899999999%!important}.metro .grid.fluid .row .offset11{margin-left:93.617007%!important}.metro .grid.fluid .row .offset11:not(:first-child){margin-left:95.744666%!important}.metro .grid.fluid .row .offset12{margin-left:102.12764399999999%!important}.metro .grid.fluid .row .offset12:not(:first-child){margin-left:104.25530299999998%!important}.metro table{background-color:#fff;border-spacing:0}.metro .table{width:100%;margin-bottom:14pt}.metro .table.condensed td .input-control,.metro .table.condensed th .input-control,.metro .table.super-condensed td .input-control,.metro .table.super-condensed th .input-control{margin:0}.metro .table td,.metro .table th{padding:8px;font-size:14px;font-weight:400;line-height:14pt;vertical-align:top;border-bottom:1px #eaeaea solid}.metro .table td[class*=span],.metro .table th[class*=span]{display:table-cell!important;float:none!important;margin:0}.metro .table thead th{vertical-align:bottom}.metro .table thead td,.metro .table thead th{border-bottom:1px solid #111}.metro .table tbody tr:last-child td{border-bottom:0}.metro .table tbody+tbody{border-top:2px solid #eaeaea}.metro .table tfoot td,.metro .table tfoot th{border-top:1px solid #111}.metro .table .table{background-color:#bfbfbf}.metro .table.condensed td,.metro .table.condensed th{padding:4px 5px}.metro .table.super-condensed td,.metro .table.super-condensed th{padding:2px}.metro .button,.metro .command-button,.metro button{padding:4px 12px;display:inline-block;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;line-height:16px;outline:0;vertical-align:middle!important}.metro .table.striped tbody tr:nth-child(odd){background:#eee}.metro .table.bordered{border:1px solid #eaeaea;border-left:0}.metro .table.bordered td,.metro .table.bordered th{border-left:1px #eaeaea solid;border-bottom:1px #eaeaea solid}.metro .table.no-border td,.metro .table.no-border th{border:0}.metro .table.border{border:1px solid #eaeaea!important}.metro .table.hovered tbody tr:hover{background-color:rgba(28,183,236,.1)}.metro .table tr.success{background-color:#60a917!important}.metro .table tr.error{background-color:#e51400!important}.metro .table tr.warning{background-color:#fa6800!important}.metro .table tr.info{background-color:#4390df!important}.metro .table tr.error td,.metro .table tr.error td *,.metro .table tr.info td,.metro .table tr.info td *,.metro .table tr.success td,.metro .table tr.success td *,.metro .table tr.warning td,.metro .table tr.warning td *{color:#fff!important}.metro .table tr.selected{background-color:rgba(28,183,236,.1)}.metro .button{background-color:#d9d9d9;border:1px solid transparent;color:#222;border-radius:0;cursor:pointer}.metro .button.default{background-color:#008287;color:#fff}.metro .button:focus{outline:0;border:1px dotted #353535}.metro .button.disabled,.metro .button:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .button *,.metro .button :hover,.metro a.button *,.metro a.button :hover,.metro a.button:hover{color:inherit}.metro .button.primary{background-color:#16499a!important;color:#fff!important}.metro .button.info{background-color:#4390df!important;color:#fff!important}.metro .button.success{background-color:#60a917!important;color:#fff!important}.metro .button.warning{background-color:#fa6800!important;color:#fff!important}.metro .button.danger{background-color:#9a1616!important;color:#fff!important}.metro .button.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .button.link{background-color:transparent!important;color:#2e92cf!important}.metro .button.link:hover{text-decoration:underline}.metro .button.link.disabled,.metro .button.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .button.link [class*=icon-]{text-decoration:none!important}.metro button{background-color:#d9d9d9;border:1px solid transparent;color:#222;border-radius:0;cursor:pointer}.metro button.default{background-color:#008287;color:#fff}.metro button:focus{outline:0;border:1px dotted #353535}.metro button.disabled,.metro button:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro button *,.metro button :hover{color:inherit}.metro button.primary{background-color:#16499a!important;color:#fff!important}.metro button.info{background-color:#4390df!important;color:#fff!important}.metro button.success{background-color:#60a917!important;color:#fff!important}.metro button.warning{background-color:#fa6800!important;color:#fff!important}.metro button.danger{background-color:#9a1616!important;color:#fff!important}.metro button.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro button.link{background-color:transparent!important;color:#2e92cf!important}.metro button.link:hover{text-decoration:underline}.metro button.link.disabled,.metro button.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro button.link [class*=icon-]{text-decoration:none!important}.metro button:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .command-button{background-color:#d9d9d9;border:1px solid transparent;color:#222;border-radius:0;cursor:pointer;text-align:left;font-size:14pt;width:auto}.metro .command-button.default{background-color:#008287;color:#fff}.metro .command-button:focus{outline:0;border:1px dotted #353535}.metro .command-button.disabled,.metro .command-button:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .command-button *,.metro .command-button :hover{color:inherit}.metro .command-button.primary{background-color:#16499a!important;color:#fff!important}.metro .command-button.info{background-color:#4390df!important;color:#fff!important}.metro .command-button.success{background-color:#60a917!important;color:#fff!important}.metro .command-button.warning{background-color:#fa6800!important;color:#fff!important}.metro .command-button.danger{background-color:#9a1616!important;color:#fff!important}.metro .command-button.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .command-button.link{background-color:transparent!important;color:#2e92cf!important}.metro .command-button.link:hover{text-decoration:underline}.metro .command-button.link.disabled,.metro .command-button.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .command-button.link [class*=icon-]{text-decoration:none!important}.metro .command-button:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .command-button.large{padding:11px 19px;font-size:17.5px}.metro .command-button.small{padding:2px 10px;font-size:11.9px}.metro .command-button.mini{padding:0 6px;font-size:10.5px}.metro .command-button small{display:block;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:1.3rem;line-height:1.5rem;font-weight:400!important;color:rgba(0,0,0,.6);color:inherit}.metro .command-button [class*=icon-]{font-size:1.7em;margin-top:0}.metro .command-button [class*=icon-].on-left{float:left}.metro .command-button [class*=icon-].on-right{float:right}.metro .command-button [class*=icon-].on-left+small{margin-left:40px}.metro .command-button [class*=icon-].on-right+small{margin-right:40px}.metro .toolbar{width:auto;margin-bottom:10px}.metro .toolbar:after,.metro .toolbar:before{display:table;content:""}.metro .toolbar .transparent .button,.metro .toolbar .transparent button,.metro .toolbar.transparent .button,.metro .toolbar.transparent button{background-color:transparent}.metro .toolbar .transparent .button:hover,.metro .toolbar .transparent button:hover,.metro .toolbar.transparent .button:hover,.metro .toolbar.transparent button:hover{background-color:#eee;border:1px solid #fff}.metro .toolbar .button,.metro .toolbar button{color:inherit;padding:4px 8px;display:block;float:left;font-size:12pt;line-height:12pt;margin-right:2px}.metro .toolbar .button:last-child,.metro .toolbar .toolbar-group.no-spaces .button,.metro .toolbar .toolbar-group.no-spaces button,.metro .toolbar button:last-child,.metro .toolbar.no-spaces .button,.metro .toolbar.no-spaces button{margin-right:0}.metro .toolbar .toolbar-group.no-spaces .button:active,.metro .toolbar .toolbar-group.no-spaces button:active,.metro .toolbar.no-spaces .button:active,.metro .toolbar.no-spaces button:active{background-color:#1d1d1d;color:#fff;top:auto;left:auto}.metro .toolbar .divider{display:block;float:left;height:12px;width:1px;margin:8px;background-color:#999;vertical-align:middle!important}.metro .toolbar .toolbar-group{padding:0;margin:0 10px 0 0;display:inline-block;color:inherit}.metro .toolbar .toolbar-group:after,.metro .toolbar .toolbar-group:before{display:table;content:""}.metro .button-dropdown{position:relative;display:inline-block}.metro .button-dropdown .dropdown-menu.place-right{right:0;left:auto}.metro .button.dropdown-toggle,.metro button.dropdown-toggle{padding-right:16px;border:0}.metro .button.dropdown-toggle:before,.metro button.dropdown-toggle:before{position:absolute;font-family:iconFont;font-size:14px;right:1px;z-index:2}.metro .image-button,.metro .shortcut{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;outline:0;vertical-align:middle!important;text-align:center}.metro .image-button{padding:4px 45px 4px 12px;background-color:#d9d9d9;color:#222;border-radius:0;cursor:pointer;display:inline-block;font-size:14px;line-height:16px;position:relative;border:0}.metro .image-button.default{background-color:#008287;color:#fff}.metro .image-button.disabled,.metro .image-button:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .image-button *,.metro .image-button :hover{color:inherit}.metro .image-button.primary{background-color:#16499a!important;color:#fff!important}.metro .image-button.info{background-color:#4390df!important;color:#fff!important}.metro .image-button.success{background-color:#60a917!important;color:#fff!important}.metro .image-button.warning{background-color:#fa6800!important;color:#fff!important}.metro .image-button.danger{background-color:#9a1616!important;color:#fff!important}.metro .image-button.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .image-button.link{background-color:transparent!important;color:#2e92cf!important}.metro .image-button.link:hover{text-decoration:underline}.metro .image-button.link.disabled,.metro .image-button.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .image-button.link [class*=icon-]{text-decoration:none!important}.metro .image-button:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .image-button.large{padding:11px 19px;font-size:17.5px}.metro .image-button.small{padding:2px 10px;font-size:11.9px}.metro .image-button.mini{padding:0 6px;font-size:10.5px}.metro .image-button [class*=icon-],.metro .image-button img,.metro .image-button:active img{display:block;position:absolute;float:right;right:0;top:0;padding:5px;height:100%;margin-left:0;box-sizing:border-box;border:1px solid transparent;z-index:2;text-align:center}.metro .image-button [class*=icon-]{vertical-align:middle!important;font-size:12pt;line-height:12pt;top:0;right:0}.metro .image-button.image-left{padding-right:12px;padding-left:45px}.metro .image-button.image-left [class*=icon-],.metro .image-button.image-left img,.metro .image-button.image-left:active img{right:auto;left:0}.metro .image-button:focus{outline:0;border:0}.metro .shortcut{padding:4px 12px;background-color:#d9d9d9;color:#222;border-radius:0;cursor:pointer;line-height:16px;height:92px;width:92px;font-size:12pt;border:0;border-bottom:2px solid transparent;display:inline-block;position:relative}.metro .shortcut.default{background-color:#008287;color:#fff}.metro .shortcut:focus{outline:0;border:1px dotted #353535}.metro .shortcut.disabled,.metro .shortcut:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .shortcut *,.metro .shortcut :hover{color:inherit}.metro .shortcut.primary{background-color:#16499a!important;color:#fff!important}.metro .shortcut.info{background-color:#4390df!important;color:#fff!important}.metro .shortcut.success{background-color:#60a917!important;color:#fff!important}.metro .shortcut.warning{background-color:#fa6800!important;color:#fff!important}.metro .shortcut.danger{background-color:#9a1616!important;color:#fff!important}.metro .shortcut.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .shortcut.link{background-color:transparent!important;color:#2e92cf!important}.metro .shortcut.link:hover{text-decoration:underline}.metro .shortcut.link,.metro .shortcut.link [class*=icon-]{text-decoration:none!important}.metro .shortcut.link.disabled,.metro .shortcut.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .shortcut:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .shortcut.large{padding:11px 19px;font-size:17.5px}.metro .shortcut.small{padding:2px 10px;font-size:11.9px}.metro .shortcut.mini{padding:0 6px;font-size:10.5px}.metro .shortcut [class*=icon-]{display:block;margin:10px;font-size:1.5em}.metro .shortcut small{display:block;position:absolute;top:0;right:0;padding:2px 4px;min-height:10px;min-width:10px;text-align:center;vertical-align:middle;font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif}.metro .shortcut:hover{border-color:#e51400}.metro .shortcut.link{border:1px solid #2e92cf}.metro .shortcut.link:hover{border-bottom-width:2px}.metro a.shortcut{padding:12px 0}.metro a.shortcut:hover{color:inherit}.metro .button-set:after,.metro .button-set:before{display:table;content:""}.metro .breadcrumbs ul li:first-child a:before,.metro .breadcrumbs ul li:last-child:after,.metro .breadcrumbs ul li:last-child:before{content:normal}.metro .button-set .button,.metro .button-set button{display:block;float:left;margin-right:2px}.metro .button-set .button.active,.metro .button-set button.active{background-color:#555;color:#fff}.metro .button-set.no-spaces .button,.metro .button-set.no-spaces button{margin-right:0!important}.metro .button-set.no-spaces .button:active,.metro .button-set.no-spaces button:active{background-color:#1d1d1d;color:#fff;top:auto;left:auto}.metro .button-set.transparent .button,.metro .button-set.transparent button{background-color:transparent}.metro .button-set.transparent .button.active,.metro .button-set.transparent button.active{background-color:#555;color:#fff}.metro .button:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .button.large,.metro button.large{padding:11px 19px;font-size:17.5px}.metro .button.small,.metro button.small{padding:2px 10px;font-size:11.9px}.metro .button.mini,.metro button.mini{padding:0 6px;font-size:10.5px}.metro .breadcrumbs{margin:.2em}.metro .breadcrumbs ul{margin:0;padding:0;list-style:none;overflow:hidden;width:100%}.metro .breadcrumbs ul li{float:left;margin:0 .2em 0 1em}.metro .breadcrumbs ul li:first-child{margin-left:0!important}.metro .breadcrumbs ul li:last-child{background:0 0}.metro .breadcrumbs ul li:last-child a{color:#1d1d1d}.metro .breadcrumbs ul a{background:#ddd;padding:.3em 1em;float:left;text-decoration:none;color:#2e92cf;position:relative}.metro .breadcrumbs ul a:after,.metro .breadcrumbs ul a:before{content:"";position:absolute;top:50%;margin-top:-1.4em}.metro .breadcrumbs ul a:hover{background:#2D7D9A;color:#fff}.metro .breadcrumbs ul a:hover:before{border-color:#2D7D9A #2D7D9A #2D7D9A transparent}.metro .breadcrumbs ul a:hover:after{border-left-color:#2D7D9A}.metro .breadcrumbs ul a:before{border-width:1.5em 0 1.5em 1em;border-style:solid;border-color:#ddd #ddd #ddd transparent;left:-1em;margin-left:1px}.metro .breadcrumbs ul a:after{border-top:1.5em solid transparent;border-bottom:1.5em solid transparent;border-left:1em solid #ddd;right:-1em;margin-right:1px}.metro .breadcrumbs ul .active,.metro .breadcrumbs ul .active:hover{background:0 0}.metro .breadcrumbs ul .active a,.metro .breadcrumbs ul .active:hover a{color:#1d1d1d}.metro .breadcrumbs ul .active:hover a{color:#fff}.metro .breadcrumbs ul .active:after,.metro .breadcrumbs ul .active:before{content:normal}.metro .breadcrumbs.small li{margin:0 .2em 0 .8em}.metro .breadcrumbs.small a{padding:.2em 1em;font-size:11.9px}.metro .breadcrumbs.mini li{margin:0 .2em 0 .6em}.metro .breadcrumbs.mini a{padding:.1em 1em;font-size:10.5px}.metro form{margin:0 0 14pt}.metro fieldset{margin:0;padding:0;border:0}.metro legend{display:block;width:100%;padding:0;margin-bottom:14pt;font-size:16.5pt;line-height:28pt;color:#333;border:0;border-bottom:1px solid #e5e5e5}.metro legend small{font-size:10.5pt;color:#999}.metro label{display:block;margin:5px 0}.metro .input-control.checkbox,.metro .input-control.password,.metro .input-control.radio,.metro .input-control.select,.metro .input-control.switch,.metro .input-control.text,.metro .input-control.textarea{display:inline-block;cursor:pointer;position:relative;margin-bottom:1px}.metro .input-control.checkbox input[type=radio],.metro .input-control.checkbox input[type=checkbox],.metro .input-control.radio input[type=radio],.metro .input-control.radio input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}.metro .input-control.checkbox input[type=radio]:focus~.check,.metro .input-control.checkbox input[type=checkbox]:focus~.check,.metro .input-control.radio input[type=radio]:focus~.check,.metro .input-control.radio input[type=checkbox]:focus~.check{outline:#999 dotted 1px!important}.metro .input-control.checkbox .caption,.metro .input-control.radio .caption{margin:0 5px}.metro .input-control.checkbox .check,.metro .input-control.radio .check{width:20px;height:20px;background-color:#fff;border:2px solid #d9d9d9;padding:0;margin:0 5px 0 0;position:relative;display:inline-block;vertical-align:middle}.metro .input-control.checkbox.text-left .check,.metro .input-control.radio.text-left .check{margin:0 0 0 5px}.metro .input-control.checkbox:hover .check,.metro .input-control.radio:hover .check{border-color:#919191}.metro .input-control.checkbox .check:active,.metro .input-control.radio .check:active{border-color:#1e1e1e}.metro .input-control.checkbox .check:focus,.metro .input-control.radio .check:focus{border-color:#919191}.metro .input-control.checkbox .check:after,.metro .input-control.radio .check:after{position:absolute;font-family:iconFont;font-size:9pt;line-height:9pt}.metro .input-control.checkbox input[type=radio]:checked~.check:after,.metro .input-control.checkbox input[type=checkbox]:checked~.check:after,.metro .input-control.radio input[type=radio]:checked~.check:after,.metro .input-control.radio input[type=checkbox]:checked~.check:after{content:"\e08a";margin:2px;top:0;color:#1d1d1d}.metro .input-control.checkbox input[type=radio]:disabled~.check,.metro .input-control.checkbox input[type=checkbox]:disabled~.check,.metro .input-control.radio input[type=radio]:disabled~.check,.metro .input-control.radio input[type=checkbox]:disabled~.check{border-color:#d9d9d9;background-color:#e6e6e6}.metro .input-control.checkbox input[type=radio]:disabled~.check:after,.metro .input-control.checkbox input[type=checkbox]:disabled~.check:after,.metro .input-control.radio input[type=radio]:disabled~.check:after,.metro .input-control.radio input[type=checkbox]:disabled~.check:after{color:#8a8a8a}.metro .input-control.checkbox input[data-show=intermediate]:checked~.check:after,.metro .input-control.checkbox input[data-show=intermediate]~.check:after,.metro .input-control.radio input[data-show=intermediate]:checked~.check:after,.metro .input-control.radio input[data-show=intermediate]~.check:after{display:block;content:""!important;width:10px;height:10px;background-color:#1d1d1d;margin:3px}.metro .input-control.checkbox input[data-show=intermediate]:disabled~.check:after,.metro .input-control.radio input[data-show=intermediate]:disabled~.check:after{background-color:#8a8a8a}.metro .input-control.radio .check{border-radius:50%}.metro .input-control.radio.default-style input[type=radio]:checked~.check:after{display:block;content:""!important;width:10px;height:10px;border-radius:50%;background-color:#1d1d1d;margin:3px}.metro .input-control.radio.default-style input[type=radio]:checked:disabled~.check:after{background-color:#8a8a8a}.metro .input-control.switch input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}.metro .input-control.switch .caption{margin:0 5px}.metro .input-control.switch .check{position:relative;width:45px;height:18px;outline:#a6a6a6 solid 2px;border:1px solid #fff;cursor:pointer;background:#A6A6A6;z-index:1;display:inline-block;vertical-align:middle}.metro .input-control.switch .check:after{position:absolute;left:-1px;top:-1px;display:block;content:"";width:9px;height:16px;outline:#333 solid 2px;border:1px solid #333;cursor:pointer;background:#333;z-index:2}.metro .input-control.switch input[type=radio]:focus~.check,.metro .input-control.switch input[type=checkbox]:focus~.check{outline:#999 dotted 1px!important}.metro .input-control.switch input[type=checkbox]:checked~.check{background:#008287}.metro .input-control.switch input[type=checkbox]:checked~.check:after{left:auto;right:-1px}.metro .input-control.switch input[type=checkbox]:disabled~.check{background-color:#e6e6e6;border-color:#fff}.metro .input-control.switch input[type=checkbox]:disabled~.check:after{background-color:#8a8a8a;outline-color:#8a8a8a;border-color:#8a8a8a}.metro .input-control.email,.metro .input-control.file,.metro .input-control.password,.metro .input-control.tel,.metro .input-control.text{display:inline-block;cursor:pointer;position:relative;background-color:#fff;outline:0;height:30px;width:100%}.metro .input-control.email .btn-clear,.metro .input-control.email .btn-date,.metro .input-control.email .btn-file,.metro .input-control.email .btn-reveal,.metro .input-control.email .btn-search,.metro .input-control.file .btn-clear,.metro .input-control.file .btn-date,.metro .input-control.file .btn-file,.metro .input-control.file .btn-reveal,.metro .input-control.file .btn-search,.metro .input-control.password .btn-clear,.metro .input-control.password .btn-date,.metro .input-control.password .btn-file,.metro .input-control.password .btn-reveal,.metro .input-control.password .btn-search,.metro .input-control.tel .btn-clear,.metro .input-control.tel .btn-date,.metro .input-control.tel .btn-file,.metro .input-control.tel .btn-reveal,.metro .input-control.tel .btn-search,.metro .input-control.text .btn-clear,.metro .input-control.text .btn-date,.metro .input-control.text .btn-file,.metro .input-control.text .btn-reveal,.metro .input-control.text .btn-search{background-color:#F0F0F0;position:absolute;top:3px;z-index:2;border:0;right:4px;width:24px;height:24px;min-height:1px;min-width:1px;padding:0;margin:0;display:none}.metro .input-control.email .btn-date,.metro .input-control.email .btn-file,.metro .input-control.email .btn-search,.metro .input-control.email input:focus~.btn-clear,.metro .input-control.email input:focus~.btn-reveal,.metro .input-control.email input:not(:focus)~.btn-clear:active,.metro .input-control.email input:not(:focus)~.btn-reveal:active,.metro .input-control.file .btn-date,.metro .input-control.file .btn-file,.metro .input-control.file .btn-search,.metro .input-control.file input:focus~.btn-clear,.metro .input-control.file input:focus~.btn-reveal,.metro .input-control.file input:not(:focus)~.btn-clear:active,.metro .input-control.file input:not(:focus)~.btn-reveal:active,.metro .input-control.password .btn-date,.metro .input-control.password .btn-file,.metro .input-control.password .btn-search,.metro .input-control.password input:focus~.btn-clear,.metro .input-control.password input:focus~.btn-reveal,.metro .input-control.password input:not(:focus)~.btn-clear:active,.metro .input-control.password input:not(:focus)~.btn-reveal:active,.metro .input-control.tel .btn-date,.metro .input-control.tel .btn-file,.metro .input-control.tel .btn-search,.metro .input-control.tel input:focus~.btn-clear,.metro .input-control.tel input:focus~.btn-reveal,.metro .input-control.tel input:not(:focus)~.btn-clear:active,.metro .input-control.tel input:not(:focus)~.btn-reveal:active,.metro .input-control.text .btn-date,.metro .input-control.text .btn-file,.metro .input-control.text .btn-search,.metro .input-control.text input:focus~.btn-clear,.metro .input-control.text input:focus~.btn-reveal,.metro .input-control.text input:not(:focus)~.btn-clear:active,.metro .input-control.text input:not(:focus)~.btn-reveal:active{display:block}.metro .input-control.email .btn-clear:after,.metro .input-control.email .btn-date:after,.metro .input-control.email .btn-file:after,.metro .input-control.email .btn-reveal:after,.metro .input-control.email .btn-search:after,.metro .input-control.file .btn-clear:after,.metro .input-control.file .btn-date:after,.metro .input-control.file .btn-file:after,.metro .input-control.file .btn-reveal:after,.metro .input-control.file .btn-search:after,.metro .input-control.password .btn-clear:after,.metro .input-control.password .btn-date:after,.metro .input-control.password .btn-file:after,.metro .input-control.password .btn-reveal:after,.metro .input-control.password .btn-search:after,.metro .input-control.tel .btn-clear:after,.metro .input-control.tel .btn-date:after,.metro .input-control.tel .btn-file:after,.metro .input-control.tel .btn-reveal:after,.metro .input-control.tel .btn-search:after,.metro .input-control.text .btn-clear:after,.metro .input-control.text .btn-date:after,.metro .input-control.text .btn-file:after,.metro .input-control.text .btn-reveal:after,.metro .input-control.text .btn-search:after{font-family:iconFont;font-size:10pt}.metro .input-control.email .btn-clear:not(:disabled):active,.metro .input-control.email .btn-date:not(:disabled):active,.metro .input-control.email .btn-file:not(:disabled):active,.metro .input-control.email .btn-reveal:not(:disabled):active,.metro .input-control.email .btn-search:not(:disabled):active,.metro .input-control.file .btn-clear:not(:disabled):active,.metro .input-control.file .btn-date:not(:disabled):active,.metro .input-control.file .btn-file:not(:disabled):active,.metro .input-control.file .btn-reveal:not(:disabled):active,.metro .input-control.file .btn-search:not(:disabled):active,.metro .input-control.password .btn-clear:not(:disabled):active,.metro .input-control.password .btn-date:not(:disabled):active,.metro .input-control.password .btn-file:not(:disabled):active,.metro .input-control.password .btn-reveal:not(:disabled):active,.metro .input-control.password .btn-search:not(:disabled):active,.metro .input-control.tel .btn-clear:not(:disabled):active,.metro .input-control.tel .btn-date:not(:disabled):active,.metro .input-control.tel .btn-file:not(:disabled):active,.metro .input-control.tel .btn-reveal:not(:disabled):active,.metro .input-control.tel .btn-search:not(:disabled):active,.metro .input-control.text .btn-clear:not(:disabled):active,.metro .input-control.text .btn-date:not(:disabled):active,.metro .input-control.text .btn-file:not(:disabled):active,.metro .input-control.text .btn-reveal:not(:disabled):active,.metro .input-control.text .btn-search:not(:disabled):active{background-color:#1d1d1d;color:#fff}.metro .input-control.email .btn-clear:active,.metro .input-control.email .btn-date:active,.metro .input-control.email .btn-file:active,.metro .input-control.email .btn-reveal:active,.metro .input-control.email .btn-search:active,.metro .input-control.file .btn-clear:active,.metro .input-control.file .btn-date:active,.metro .input-control.file .btn-file:active,.metro .input-control.file .btn-reveal:active,.metro .input-control.file .btn-search:active,.metro .input-control.password .btn-clear:active,.metro .input-control.password .btn-date:active,.metro .input-control.password .btn-file:active,.metro .input-control.password .btn-reveal:active,.metro .input-control.password .btn-search:active,.metro .input-control.tel .btn-clear:active,.metro .input-control.tel .btn-date:active,.metro .input-control.tel .btn-file:active,.metro .input-control.tel .btn-reveal:active,.metro .input-control.tel .btn-search:active,.metro .input-control.text .btn-clear:active,.metro .input-control.text .btn-date:active,.metro .input-control.text .btn-file:active,.metro .input-control.text .btn-reveal:active,.metro .input-control.text .btn-search:active{left:auto}.metro .input-control.email .btn-clear:focus,.metro .input-control.email .btn-date:focus,.metro .input-control.email .btn-file:focus,.metro .input-control.email .btn-reveal:focus,.metro .input-control.email .btn-search:focus,.metro .input-control.file .btn-clear:focus,.metro .input-control.file .btn-date:focus,.metro .input-control.file .btn-file:focus,.metro .input-control.file .btn-reveal:focus,.metro .input-control.file .btn-search:focus,.metro .input-control.password .btn-clear:focus,.metro .input-control.password .btn-date:focus,.metro .input-control.password .btn-file:focus,.metro .input-control.password .btn-reveal:focus,.metro .input-control.password .btn-search:focus,.metro .input-control.tel .btn-clear:focus,.metro .input-control.tel .btn-date:focus,.metro .input-control.tel .btn-file:focus,.metro .input-control.tel .btn-reveal:focus,.metro .input-control.tel .btn-search:focus,.metro .input-control.text .btn-clear:focus,.metro .input-control.text .btn-date:focus,.metro .input-control.text .btn-file:focus,.metro .input-control.text .btn-reveal:focus,.metro .input-control.text .btn-search:focus{outline:#ccc dotted 1px}.metro .input-control.email .btn-clear:after,.metro .input-control.file .btn-clear:after,.metro .input-control.password .btn-clear:after,.metro .input-control.tel .btn-clear:after,.metro .input-control.text .btn-clear:after{content:"\e089"}.metro .input-control.email .btn-reveal:after,.metro .input-control.file .btn-reveal:after,.metro .input-control.password .btn-reveal:after,.metro .input-control.tel .btn-reveal:after,.metro .input-control.text .btn-reveal:after{content:"\e000"}.metro .input-control.email .btn-search:after,.metro .input-control.file .btn-search:after,.metro .input-control.password .btn-search:after,.metro .input-control.tel .btn-search:after,.metro .input-control.text .btn-search:after{content:"\e041"}.metro .input-control.email .btn-date:after,.metro .input-control.file .btn-date:after,.metro .input-control.password .btn-date:after,.metro .input-control.tel .btn-date:after,.metro .input-control.text .btn-date:after{content:"\e020"}.metro .input-control.email .btn-file:after,.metro .input-control.file .btn-file:after,.metro .input-control.password .btn-file:after,.metro .input-control.tel .btn-file:after,.metro .input-control.text .btn-file:after{content:"\e012"}.metro .input-control.email [class*=btn-],.metro .input-control.file [class*=btn-],.metro .input-control.password [class*=btn-],.metro .input-control.tel [class*=btn-],.metro .input-control.text [class*=btn-]{background-color:transparent}.metro .input-control.email input::-ms-clear,.metro .input-control.email input::-ms-reveal,.metro .input-control.file input::-ms-clear,.metro .input-control.file input::-ms-reveal,.metro .input-control.password input::-ms-clear,.metro .input-control.password input::-ms-reveal,.metro .input-control.tel input::-ms-clear,.metro .input-control.tel input::-ms-reveal,.metro .input-control.text input::-ms-clear,.metro .input-control.text input::-ms-reveal{display:none}.metro .input-control.email input,.metro .input-control.file input,.metro .input-control.password input,.metro .input-control.tel input,.metro .input-control.text input{border:1px solid #d9d9d9;width:100%;height:100%;padding:5px;z-index:1;-webkit-appearance:none}.metro .input-control.email input:focus,.metro .input-control.file input:focus,.metro .input-control.password input:focus,.metro .input-control.tel input:focus,.metro .input-control.text input:focus{outline:0;border-color:#919191}.metro .input-control.email input:disabled,.metro .input-control.file input:disabled,.metro .input-control.password input:disabled,.metro .input-control.tel input:disabled,.metro .input-control.text input:disabled{padding-right:5px}.metro .input-control.email input:disabled~.btn-clear,.metro .input-control.email input:disabled~.btn-reveal,.metro .input-control.file input:disabled~.btn-clear,.metro .input-control.file input:disabled~.btn-reveal,.metro .input-control.password input:disabled~.btn-clear,.metro .input-control.password input:disabled~.btn-reveal,.metro .input-control.tel input:disabled~.btn-clear,.metro .input-control.tel input:disabled~.btn-reveal,.metro .input-control.text input:disabled~.btn-clear,.metro .input-control.text input:disabled~.btn-reveal{display:none}.metro .input-control.email input::-moz-placeholder,.metro .input-control.file input::-moz-placeholder,.metro .input-control.password input::-moz-placeholder,.metro .input-control.tel input::-moz-placeholder,.metro .input-control.text input::-moz-placeholder{color:#999}.metro .input-control.email input::-webkit-input-placeholder,.metro .input-control.file input::-webkit-input-placeholder,.metro .input-control.password input::-webkit-input-placeholder,.metro .input-control.tel input::-webkit-input-placeholder,.metro .input-control.text input::-webkit-input-placeholder{color:#999}.metro .input-control.select,.metro .input-control.textarea{display:inline-block;cursor:pointer;position:relative;width:100%}.metro .input-control.select select,.metro .input-control.select textarea,.metro .input-control.textarea select,.metro .input-control.textarea textarea{border:1px solid #d9d9d9;width:100%;padding:5px}.metro .input-control.select select:focus,.metro .input-control.select textarea:focus,.metro .input-control.textarea select:focus,.metro .input-control.textarea textarea:focus{outline:0;border-color:#919191}.metro .input-control.select select:disabled,.metro .input-control.select textarea:disabled,.metro .input-control.textarea select:disabled,.metro .input-control.textarea textarea:disabled{padding-right:5px;color:#666;background-color:#f0f0f0}.metro .input-control.select textarea,.metro .input-control.textarea textarea{min-height:100px}.metro .input-control.email.warning-state input,.metro .input-control.email.warning-state select,.metro .input-control.email.warning-state textarea,.metro .input-control.file.warning-state input,.metro .input-control.file.warning-state select,.metro .input-control.file.warning-state textarea,.metro .input-control.password.warning-state input,.metro .input-control.password.warning-state select,.metro .input-control.password.warning-state textarea,.metro .input-control.select.warning-state input,.metro .input-control.select.warning-state select,.metro .input-control.select.warning-state textarea,.metro .input-control.tel.warning-state input,.metro .input-control.tel.warning-state select,.metro .input-control.tel.warning-state textarea,.metro .input-control.text.warning-state input,.metro .input-control.text.warning-state select,.metro .input-control.text.warning-state textarea,.metro .input-control.textarea.warning-state input,.metro .input-control.textarea.warning-state select,.metro .input-control.textarea.warning-state textarea{border-color:#fa6800}.metro .input-control.email.error-state input,.metro .input-control.email.error-state select,.metro .input-control.email.error-state textarea,.metro .input-control.file.error-state input,.metro .input-control.file.error-state select,.metro .input-control.file.error-state textarea,.metro .input-control.password.error-state input,.metro .input-control.password.error-state select,.metro .input-control.password.error-state textarea,.metro .input-control.select.error-state input,.metro .input-control.select.error-state select,.metro .input-control.select.error-state textarea,.metro .input-control.tel.error-state input,.metro .input-control.tel.error-state select,.metro .input-control.tel.error-state textarea,.metro .input-control.text.error-state input,.metro .input-control.text.error-state select,.metro .input-control.text.error-state textarea,.metro .input-control.textarea.error-state input,.metro .input-control.textarea.error-state select,.metro .input-control.textarea.error-state textarea{border-color:#e51400}.metro .input-control.email.info-state input,.metro .input-control.email.info-state select,.metro .input-control.email.info-state textarea,.metro .input-control.file.info-state input,.metro .input-control.file.info-state select,.metro .input-control.file.info-state textarea,.metro .input-control.password.info-state input,.metro .input-control.password.info-state select,.metro .input-control.password.info-state textarea,.metro .input-control.select.info-state input,.metro .input-control.select.info-state select,.metro .input-control.select.info-state textarea,.metro .input-control.tel.info-state input,.metro .input-control.tel.info-state select,.metro .input-control.tel.info-state textarea,.metro .input-control.text.info-state input,.metro .input-control.text.info-state select,.metro .input-control.text.info-state textarea,.metro .input-control.textarea.info-state input,.metro .input-control.textarea.info-state select,.metro .input-control.textarea.info-state textarea{border-color:#4390df}.metro .input-control.email.success-state input,.metro .input-control.email.success-state select,.metro .input-control.email.success-state textarea,.metro .input-control.file.success-state input,.metro .input-control.file.success-state select,.metro .input-control.file.success-state textarea,.metro .input-control.password.success-state input,.metro .input-control.password.success-state select,.metro .input-control.password.success-state textarea,.metro .input-control.select.success-state input,.metro .input-control.select.success-state select,.metro .input-control.select.success-state textarea,.metro .input-control.tel.success-state input,.metro .input-control.tel.success-state select,.metro .input-control.tel.success-state textarea,.metro .input-control.text.success-state input,.metro .input-control.text.success-state select,.metro .input-control.text.success-state textarea,.metro .input-control.textarea.success-state input,.metro .input-control.textarea.success-state select,.metro .input-control.textarea.success-state textarea{border-color:#60a917}.metro .input-control.email input[data-state=warning],.metro .input-control.file input[data-state=warning],.metro .input-control.password input[data-state=warning],.metro .input-control.select input[data-state=warning],.metro .input-control.tel input[data-state=warning],.metro .input-control.text input[data-state=warning],.metro .input-control.textarea input[data-state=warning]{border-color:#fa6800}.metro .input-control.email input[data-state=error],.metro .input-control.file input[data-state=error],.metro .input-control.password input[data-state=error],.metro .input-control.select input[data-state=error],.metro .input-control.tel input[data-state=error],.metro .input-control.text input[data-state=error],.metro .input-control.textarea input[data-state=error]{border-color:#e51400}.metro .input-control.email input[data-state=info],.metro .input-control.file input[data-state=info],.metro .input-control.password input[data-state=info],.metro .input-control.select input[data-state=info],.metro .input-control.tel input[data-state=info],.metro .input-control.text input[data-state=info],.metro .input-control.textarea input[data-state=info]{border-color:#4390df}.metro .input-control.email input[data-state=success],.metro .input-control.file input[data-state=success],.metro .input-control.password input[data-state=success],.metro .input-control.select input[data-state=success],.metro .input-control.tel input[data-state=success],.metro .input-control.text input[data-state=success],.metro .input-control.textarea input[data-state=success]{border-color:#60a917}.metro .input-control.email[class*=span],.metro .input-control.file[class*=span],.metro .input-control.password[class*=span],.metro .input-control.select[class*=span],.metro .input-control.tel[class*=span],.metro .input-control.text[class*=span],.metro .input-control.textarea[class*=span]{margin-left:0}.metro .input-control.file{overflow:hidden}.metro .input-control.file input[type=file]{position:absolute;opacity:0;width:1px;height:1px;bottom:0;right:0}.metro input[type=button],.metro input[type=reset],.metro input[type=submit]{padding:4px 12px;text-align:center;vertical-align:middle!important;background-color:#d9d9d9;border:1px solid transparent;color:#222;border-radius:0;cursor:pointer;display:inline-block;outline:0;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:16px}.metro input[type=button].default,.metro input[type=reset].default,.metro input[type=submit].default{background-color:#008287;color:#fff}.metro input[type=button]:focus,.metro input[type=reset]:focus,.metro input[type=submit]:focus{outline:0;border:1px dotted #353535}.metro input[type=button].disabled,.metro input[type=button]:disabled,.metro input[type=reset].disabled,.metro input[type=reset]:disabled,.metro input[type=submit].disabled,.metro input[type=submit]:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro input[type=button] *,.metro input[type=button] :hover,.metro input[type=reset] *,.metro input[type=reset] :hover,.metro input[type=submit] *,.metro input[type=submit] :hover{color:inherit}.metro input[type=button].primary,.metro input[type=reset].primary,.metro input[type=submit].primary{background-color:#16499a!important;color:#fff!important}.metro input[type=button].info,.metro input[type=reset].info,.metro input[type=submit].info{background-color:#4390df!important;color:#fff!important}.metro input[type=button].success,.metro input[type=reset].success,.metro input[type=submit].success{background-color:#60a917!important;color:#fff!important}.metro input[type=button].warning,.metro input[type=reset].warning,.metro input[type=submit].warning{background-color:#fa6800!important;color:#fff!important}.metro input[type=button].danger,.metro input[type=reset].danger,.metro input[type=submit].danger{background-color:#9a1616!important;color:#fff!important}.metro input[type=button].inverse,.metro input[type=reset].inverse,.metro input[type=submit].inverse{background-color:#1d1d1d!important;color:#fff!important}.metro input[type=button].link,.metro input[type=reset].link,.metro input[type=submit].link{background-color:transparent!important;color:#2e92cf!important}.metro input[type=button].link:hover,.metro input[type=reset].link:hover,.metro input[type=submit].link:hover{text-decoration:underline}.metro input[type=button].link.disabled,.metro input[type=button].link:disabled,.metro input[type=reset].link.disabled,.metro input[type=reset].link:disabled,.metro input[type=submit].link.disabled,.metro input[type=submit].link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro input[type=button].link [class*=icon-],.metro input[type=reset].link [class*=icon-],.metro input[type=submit].link [class*=icon-]{text-decoration:none!important}.metro input[type=button]:active,.metro input[type=reset]:active,.metro input[type=submit]:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro input[type=button].large,.metro input[type=reset].large,.metro input[type=submit].large{padding:11px 19px;font-size:17.5px}.metro input[type=button].small,.metro input[type=reset].small,.metro input[type=submit].small{padding:2px 10px;font-size:11.9px}.metro input[type=button].mini,.metro input[type=reset].mini,.metro input[type=submit].mini{padding:0 6px;font-size:10.5px}.metro img.cycle,.metro img.polaroid,.metro img.rounded{background-color:#fff;border:1px solid #eaeaea}.metro img.rounded{border-radius:10px}.metro img.cycle{border-radius:50%}.metro img.polaroid{padding:10px}.metro .image-container{position:relative;padding:0;background-color:#333;width:240px;overflow:hidden}.metro .image-container.full-size{width:100%}.metro .image-container img{margin:0;width:100%;height:auto}.metro .image-container>.overlay,.metro .image-container>.overlay-fluid{position:absolute;width:100%;height:55px;overflow:hidden;background-color:#1e1e1e;padding:5px 10px;opacity:.8;bottom:0;font-size:8pt;color:#fff}.metro .image-container>.overlay-fluid{bottom:-55px;font-size:8pt;color:#fff}.metro .image-container:hover .overlay-fluid{-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 .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.metro .image-container.selected{border:4px solid #4390df}.metro .image-container.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.metro .image-container.selected:before{position:absolute;display:block;content:"\e08a";color:#fff;right:0;font-family:iconFont;font-size:9pt;font-weight:400;z-index:102;top:0}.metro #menu .item-horizontal,.metro #menu .item-vertical,.metro .vertical-menu li{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;padding:0;position:relative;vertical-align:baseline}.metro #menu .init{margin:0;padding:0;list-style:none}.metro #menu .item-vertical{display:block;margin:10px 0}.metro #menu .item-horizontal{display:inline-block;margin:0 15px}.metro .vertical-menu{margin:0;padding:0;list-style:none}.metro .vertical-menu li{display:block;margin:10px 0}.metro .vertical-menu li a,.metro .vertical-menu li.title{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em}.metro .vertical-menu li a{display:block;text-decoration:none;line-height:2.2rem;font-size:2.2rem;color:inherit}.metro .vertical-menu li.title{color:#000;line-height:2.5rem;font-size:4rem;margin-bottom:20px}.metro .vertical-menu.compact a{font-weight:400;font-size:10.5pt;line-height:12pt;color:inherit}.metro .vertical-menu ul.secondary li a,.metro .vertical-menu.compact li.title{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-size:1.6rem;letter-spacing:.02em}.metro .vertical-menu.compact li.title{margin-bottom:10px;font-weight:700;color:#000;line-height:1.6rem}.metro .vertical-menu ul.secondary{margin:0 0 0 15px;padding:0;list-style:none}.metro .vertical-menu ul.secondary li a{font-weight:400;font-style:normal;line-height:1.4rem;color:inherit}.metro .horizontal-menu li a,.metro .side-menu li a{line-height:2.2rem;color:inherit;text-decoration:none}.metro .horizontal-menu{margin:0;list-style:none;padding:0}.metro .horizontal-menu li{display:inline-block;margin:0 15px;padding:0;vertical-align:baseline;position:relative;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .horizontal-menu li a{display:inline-block;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em;font-size:2.2rem;padding:5px}.metro .horizontal-menu li:hover>.dropdown-menu[data-show=hover],.metro .side-menu li,.metro .side-menu>li:hover>.dropdown-menu[data-show=hover]{display:block}.metro .horizontal-menu li a:hover{background:inherit}.metro .horizontal-menu.compact li{margin-left:5px}.metro .horizontal-menu.compact a{font-weight:400;font-size:10.5pt;color:inherit}.metro .horizontal-menu.compact .dropdown-toggle:after{bottom:2px}.metro .horizontal-menu li:first-child{margin-left:0}.metro .side-menu{margin:0;padding:0;list-style:none;position:relative;background:#fff;min-width:200px;width:auto;border:1px solid rgba(0,0,0,.2)}.metro .side-menu li{padding:0;vertical-align:baseline;position:relative;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .side-menu li a,.metro .side-menu li.title{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em}.metro .side-menu li a{display:block;font-size:2.2rem}.metro .side-menu li.title{color:#000;line-height:2.5rem;font-size:4rem;margin-bottom:20px}.metro .side-menu.compact a{font-weight:400;font-size:10.5pt;line-height:12pt;color:inherit}.metro .side-menu ul.secondary li a,.metro .side-menu.compact li.title{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-size:1.6rem;letter-spacing:.02em}.metro .side-menu.compact li.title{margin-bottom:10px;font-weight:700;color:#000;line-height:1.6rem}.metro .side-menu ul.secondary{margin:0 0 0 15px;padding:0;list-style:none}.metro .side-menu ul.secondary li a{font-weight:400;font-style:normal;line-height:1.4rem;color:inherit}.metro .side-menu li{margin:5px 0 0;width:100%}.metro .side-menu li:last-child{margin-bottom:5px}.metro .side-menu a{padding:8px 20px!important;color:inherit;font-size:15px!important;line-height:14px!important}.metro .side-menu li:hover{background:#2D7D9A;color:#fff}.metro .side-menu .divider{padding:0;height:1px;margin:9px 1px;overflow:hidden;background-color:#e5e5e5}.metro .side-menu .divider:hover{background:#e5e5e5}.metro .side-menu .dropdown-menu{left:100%;top:-10%}.metro .side-menu.left .dropdown-menu{left:-100%}.metro .side-menu>li>a.dropdown-toggle:after{font-family:iconFont;font-size:.8em;content:"\e156";left:85%;top:.75em;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.metro .side-menu.text-right li{text-align:right}.metro .dropdown-menu{margin:0;padding:0;list-style:none;position:absolute;display:none;z-index:1000;background:#fff;min-width:220px;width:auto;border:1px solid #dcddde}.metro .dropdown-menu li{display:block;padding:0;vertical-align:baseline;position:relative;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .dropdown-menu li a,.metro .dropdown-menu li.title{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em}.metro .dropdown-menu li a{display:block;text-decoration:none;line-height:2.2rem;font-size:2.2rem;color:inherit}.metro .dropdown-menu li.title{color:#000;line-height:2.5rem;font-size:4rem;margin-bottom:20px}.metro .dropdown-menu.compact a{font-weight:400;font-size:10.5pt;line-height:12pt;color:inherit}.metro .dropdown-menu ul.secondary li a,.metro .dropdown-menu.compact li.title{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-size:1.6rem;letter-spacing:.02em}.metro .dropdown-menu.compact li.title{margin-bottom:10px;font-weight:700;color:#000;line-height:1.6rem}.metro .dropdown-menu ul.secondary{margin:0 0 0 15px;padding:0;list-style:none}.metro .dropdown-menu ul.secondary li a{font-weight:400;font-style:normal;line-height:1.4rem;color:inherit}.metro .dropdown-menu.shadow{box-shadow:3px 3px 0 rgba(236,236,236,.7)}.metro .dropdown-menu li{margin:0;width:100%;border:1px solid transparent}.metro .dropdown-menu li:last-child{margin-bottom:0}.metro .dropdown-menu li.disabled,.metro .dropdown-menu li.disabled:hover{cursor:default!important;background:0 0!important;color:#eee}.metro .dropdown-menu li.disabled a,.metro .dropdown-menu li.disabled:hover a{color:inherit;cursor:inherit;background:inherit}.metro .dropdown-menu a{padding:12px 32px!important;color:inherit;font-size:15px!important;line-height:14px!important;cursor:pointer}.metro .dropdown-menu li:hover{background:#edf4fc;border-color:#a8d2fd}.metro .dropdown-menu li.checked a:before,.metro .dropdown-menu li.checked-partial a:before{position:absolute;left:10px;content:"\e0a6";font-family:iconFont}.metro .dropdown-menu li.checked-partial a:before{content:"\e0a8"}.metro .dropdown-menu.place-right{right:-15px;left:auto}.metro .dropdown-menu .divider{padding:0;height:1px;margin:0 1px;overflow:hidden;background-color:#e5e5e5;border-width:0}.metro .dropdown-menu .divider:hover{background:#e5e5e5}.metro .dropdown-menu.open{display:block!important}.metro .dropdown-menu .dropdown-menu{left:100%;top:-10%}.metro .dropdown-menu>li:hover>.dropdown-menu[data-show=hover]{display:block}.metro .dropdown-menu>li>a.dropdown-toggle:after{font-family:iconFont;font-size:.7em;content:"\e1b3";left:85%;top:.85em;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.metro .dropdown-menu.drop-left{left:-100%}.metro .dropdown-menu.drop-up{top:auto;bottom:0}.metro .dropdown-menu .menu-title{background-color:#f6f7f8;font-size:12px;font-weight:700;line-height:14px;padding:4px 8px;border:0;border-bottom:1px #dcddde solid;border-top:1px #dcddde solid;color:#646464}.metro .dropdown-menu .menu-title:first-child{margin:0;border-top-width:0}.metro .dropdown-menu .menu-title:first-child:hover{border-top-width:0}.metro .dropdown-menu .menu-title:hover{background-color:#f6f7f8;cursor:default;border:0;border-bottom:1px #dcddde solid;border-top:1px #dcddde solid}.metro .dropdown-menu.inverse{border:2px solid #3b3b3b}.metro .dropdown-menu.inverse li{border:0}.metro .dropdown-menu.inverse li a{padding:9px 32px!important}.metro .dropdown-menu.inverse li:hover{border:0;background-color:#e5e5e5}.metro .dropdown-menu.inverse .menu-title:hover{background-color:#f6f7f8}.metro .dropdown-menu.inverse .divider{margin-left:0;margin-right:0}.metro .dropdown-menu.dark{background-color:#333;border:2px solid #333;color:#fff}.metro .dropdown-menu.dark.opacity{background-color:rgba(61,61,61,.9)}.metro .dropdown-menu.dark li{border:0;color:inherit}.metro .dropdown-menu.dark li a{padding:9px 32px!important;color:inherit}.metro .dropdown-menu.dark li.disabled,.metro .dropdown-menu.dark li.disabled:hover{cursor:default!important;background:0 0!important;color:#555}.metro .dropdown-menu.dark li.disabled a,.metro .dropdown-menu.dark li.disabled:hover a{color:inherit;cursor:inherit;background:inherit}.metro .dropdown-menu.dark li:hover{border:0;background-color:#201a1a;color:#fff}.metro .dropdown-menu.dark .menu-title,.metro .dropdown-menu.dark .menu-title:hover{background-color:#3b3b3b}.metro .dropdown-menu.dark .divider{margin-left:0;margin-right:0;background-color:#555}.metro .dropdown-menu.dark .divider:hover{background:#555}.metro .dropdown-toggle:after{position:absolute;margin-left:.45em;bottom:0;content:'\203A';-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.metro .dropdown-toggle.no-marker:after{content:""}.metro .contextmenu{z-index:1000;position:absolute;background-color:#FFF;border:2.5px solid #2a2a2a;padding:2px}.metro .contextmenu .item:active{background-color:#000;color:#fff}.metro .contextmenu .item:hover{background-color:#dedede}.metro .contextmenu .item{background-color:#FFF;width:auto;padding:12px;margin:-2px}.metro .navbar,.metro .navigation-bar{width:100%;display:block;background-color:#2D7D9A;color:#fff}.metro .navbar .navbar-content,.metro .navbar .navigation-bar-content,.metro .navigation-bar .navbar-content,.metro .navigation-bar .navigation-bar-content{background-color:inherit;color:inherit;display:block}.metro .navbar .navbar-content .element,.metro .navbar .navbar-content .element-divider,.metro .navbar .navigation-bar-content .element,.metro .navbar .navigation-bar-content .element-divider,.metro .navigation-bar .navbar-content .element,.metro .navigation-bar .navbar-content .element-divider,.metro .navigation-bar .navigation-bar-content .element,.metro .navigation-bar .navigation-bar-content .element-divider{display:block;float:left;background-color:inherit;position:relative}.metro .navbar .navbar-content .element-divider.place-right,.metro .navbar .navbar-content .element.place-right,.metro .navbar .navigation-bar-content .element-divider.place-right,.metro .navbar .navigation-bar-content .element.place-right,.metro .navigation-bar .navbar-content .element-divider.place-right,.metro .navigation-bar .navbar-content .element.place-right,.metro .navigation-bar .navigation-bar-content .element-divider.place-right,.metro .navigation-bar .navigation-bar-content .element.place-right{float:right}.metro .navbar .navbar-content .element,.metro .navbar .navigation-bar-content .element,.metro .navigation-bar .navbar-content .element,.metro .navigation-bar .navigation-bar-content .element{padding:15px;line-height:15px;color:inherit;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-size:14px}.metro .navbar .navbar-content .element:hover,.metro .navbar .navigation-bar-content .element:hover,.metro .navigation-bar .navbar-content .element:hover,.metro .navigation-bar .navigation-bar-content .element:hover{background-color:#6CBAD6}.metro .navbar .navbar-content .element>a.dropdown-toggle,.metro .navbar .navigation-bar-content .element>a.dropdown-toggle,.metro .navigation-bar .navbar-content .element>a.dropdown-toggle,.metro .navigation-bar .navigation-bar-content .element>a.dropdown-toggle{color:inherit;position:relative}.metro .navbar .navbar-content .element>a.dropdown-toggle:after,.metro .navbar .navigation-bar-content .element>a.dropdown-toggle:after,.metro .navigation-bar .navbar-content .element>a.dropdown-toggle:after,.metro .navigation-bar .navigation-bar-content .element>a.dropdown-toggle:after{position:absolute;left:100%}.metro .navbar .navbar-content .element>.dropdown-menu,.metro .navbar .navigation-bar-content .element>.dropdown-menu,.metro .navigation-bar .navbar-content .element>.dropdown-menu,.metro .navigation-bar .navigation-bar-content .element>.dropdown-menu{top:100%;left:0}.metro .navbar .navbar-content .element>.dropdown-menu.place-right,.metro .navbar .navigation-bar-content .element>.dropdown-menu.place-right,.metro .navigation-bar .navbar-content .element>.dropdown-menu.place-right,.metro .navigation-bar .navigation-bar-content .element>.dropdown-menu.place-right{right:0;left:auto}.metro .navbar .navbar-content .element-divider,.metro .navbar .navigation-bar-content .element-divider,.metro .navigation-bar .navbar-content .element-divider,.metro .navigation-bar .navigation-bar-content .element-divider{padding:15px 0;line-height:15px;width:1px!important;border-left:1px #ccc solid;opacity:.3;position:relative}.metro .navbar .navbar-content .element-divider:before,.metro .navbar .navigation-bar-content .element-divider:before,.metro .navigation-bar .navbar-content .element-divider:before,.metro .navigation-bar .navigation-bar-content .element-divider:before{content:"|";visibility:hidden}.metro .navbar-content .brand,.metro .navigation-bar-content .brand{font-size:18px}.metro .navbar-content form,.metro .navigation-bar-content form{margin:0;padding-bottom:0!important;position:relative}.metro .navbar-content .element .input-control.password,.metro .navbar-content .element .input-control.text,.metro .navigation-bar-content .element .input-control.password,.metro .navigation-bar-content .element .input-control.text{width:auto;height:auto;position:relative;margin:0;top:-6px}.metro .navbar-content .element .input-control.password [class*=btn-],.metro .navbar-content .element .input-control.text [class*=btn-],.metro .navigation-bar-content .element .input-control.password [class*=btn-],.metro .navigation-bar-content .element .input-control.text [class*=btn-]{top:2px;right:2px}.metro .navbar-content .element .input-control.password input[type=text],.metro .navbar-content .element .input-control.text input[type=text],.metro .navigation-bar-content .element .input-control.password input[type=text],.metro .navigation-bar-content .element .input-control.text input[type=text]{font-size:12px}.metro .navbar-content .input-control.checkbox,.metro .navbar-content .input-control.radio,.metro .navigation-bar-content .input-control.checkbox,.metro .navigation-bar-content .input-control.radio{position:relative;margin:0;top:-6px}.metro .navbar-content .button,.metro .navigation-bar-content .button{margin-top:-14px;background-color:inherit}.metro .navbar-content .image-button,.metro .navigation-bar-content .image-button{padding-right:40px;padding-left:5px;background-color:inherit}.metro .navbar-content .image-button:active,.metro .navigation-bar-content .image-button:active{left:auto;right:auto;top:auto}.metro .navbar-content .image-button img,.metro .navigation-bar-content .image-button img{width:40px;height:40px;margin-top:2.5px}.metro .navbar-content .image-button.image-left,.metro .navigation-bar-content .image-button.image-left{padding-right:5px;padding-left:40px}.metro .navbar-content [class*=icon-],.metro .navigation-bar-content [class*=icon-]{font-size:16px!important}.metro .element-input,.metro .input-element{padding-bottom:0!important}.metro .element-input:hover,.metro .input-element:hover{background-color:inherit!important}.metro .navbar .element-menu,.metro .navigation-bar .element-menu{margin:0;padding:0;list-style:none;color:inherit}.metro .navbar .element-menu>li,.metro .navigation-bar .element-menu>li{display:block;float:left;position:relative;color:inherit}.metro .navbar .element-menu>li>a,.metro .navigation-bar .element-menu>li>a{display:block;float:left;width:100%;padding:15px;line-height:15px;color:inherit;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-size:14px}.metro .navbar .element-menu>li>a.dropdown-toggle,.metro .navigation-bar .element-menu>li>a.dropdown-toggle{color:inherit;position:relative}.metro .navbar .element-menu>li>a.dropdown-toggle:after,.metro .navigation-bar .element-menu>li>a.dropdown-toggle:after{position:absolute;left:100%;margin-left:-20px;top:50%;margin-top:-16px}.metro .navbar .element-menu>li>.dropdown-menu,.metro .navigation-bar .element-menu>li>.dropdown-menu{top:100%;left:0}.metro .navbar .element-menu>li>.dropdown-menu.place-right,.metro .navigation-bar .element-menu>li>.dropdown-menu.place-right{right:0;left:auto}.metro .navbar .element-menu.drop-up li>.dropdown-menu,.metro .navigation-bar .element-menu.drop-up li>.dropdown-menu{top:auto;bottom:45px}.metro .navbar .element-menu.drop-up li>.dropdown-menu .dropdown-menu,.metro .navigation-bar .element-menu.drop-up li>.dropdown-menu .dropdown-menu{bottom:0}.metro .navbar .pull-menu,.metro .navigation-bar .pull-menu{display:none;float:right!important;color:#fff;cursor:pointer;font:1.8em sans-serif;position:relative;top:0;right:0;height:45px;width:40px;line-height:20px;margin:0}.metro .tile-area .user-id .user-id-name .first-name,.metro .tile-area .user-id .user-id-name .last-name,.metro .tile-group .tile-group-title{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif}.metro .navbar .pull-menu:before,.metro .navigation-bar .pull-menu:before{content:"\2261";position:absolute;font-size:20pt;top:10px;left:10px}.metro .navbar .pull-menu input[type=checkbox],.metro .navigation-bar .pull-menu input[type=checkbox]{width:0;height:0;opacity:0}.metro .navbar-content:after,.metro .navbar-content:before,.metro .navigation-bar-content:after,.metro .navigation-bar-content:before{display:table;content:""}.metro .navbar.fixed-bottom,.metro .navbar.fixed-top,.metro .navigation-bar.fixed-bottom,.metro .navigation-bar.fixed-top{position:fixed;z-index:10000;left:0}.metro .navbar.fixed-top,.metro .navigation-bar.fixed-top{top:0;bottom:auto}.metro .navbar.fixed-bottom,.metro .navigation-bar.fixed-bottom{bottom:0;top:auto}.metro .navigation-bar.dark{background-color:#333}.metro .navigation-bar.dark .element-menu>li>a{color:#fff}.metro .navigation-bar.dark .element-menu>li:hover,.metro .navigation-bar.dark .element:hover{background-color:#201a1a}.metro .navigation-bar.light{background-color:#eee;color:#555}.metro .navigation-bar.light .element-menu>li:hover,.metro .navigation-bar.light .element:hover{background-color:#999;color:#fff}.metro .navigation-bar.light .pull-menu{color:#1d1d1d}.metro .navigation-bar.white{background-color:#fff;color:#555}.metro .navigation-bar.white .element-menu>li:hover,.metro .navigation-bar.white .element:hover{background-color:#6CBAD6;color:#fff}.metro .navigation-bar.white .pull-menu{color:#1d1d1d}.metro #tile .small-size{width:80px;height:80px;margin:0 5px 5px 0}.metro #tile .meduim-size{width:120px;height:120px;margin:0 10px 10px 0}.metro #tile .large-size{width:150px;height:150px;margin:0 15px 15px 0}.metro .tile-area{position:relative;padding:120px 80px 0;overflow:hidden}.metro .tile-area .tile-area-title{position:fixed;top:20px;left:80px}.metro .tile-area .user-id{position:fixed;right:40px;top:40px;display:inline-block;padding:8px;background-color:transparent;width:auto;color:#fff;cursor:default}.metro .tile-area .user-id .user-id-image{width:40px;height:40px;float:right;margin-left:10px;color:inherit;background-color:#464646;text-align:center;vertical-align:middle}.metro .tile-area .user-id .user-id-image [class*=icon-],.metro .tile-area .user-id .user-id-image img{color:inherit;font-size:16pt;line-height:16pt;width:100%;height:100%;text-align:center;vertical-align:middle}.metro .tile-area .user-id .user-id-image [class*=icon-]{padding:10px}.metro .tile-area .user-id .user-id-name{float:right;text-align:right;margin:0;padding:0}.metro .tile-area .user-id .user-id-name .first-name,.metro .tile-area .user-id .user-id-name .last-name{display:block;color:inherit;line-height:12pt}.metro .tile-area-dark:after,.metro .tile-area-dark:before,.metro .tile-area-darkBlue:after,.metro .tile-area-darkBlue:before,.metro .tile-area-darkBrown:after,.metro .tile-area-darkBrown:before,.metro .tile-area-darkCobalt:after,.metro .tile-area-darkCobalt:before,.metro .tile-area-darkCrimson:after,.metro .tile-area-darkCrimson:before,.metro .tile-area-darkCyan:after,.metro .tile-area-darkCyan:before,.metro .tile-area-darkEmerald:after,.metro .tile-area-darkEmerald:before,.metro .tile-area-darkGreen:after,.metro .tile-area-darkGreen:before,.metro .tile-area-darkIndigo:after,.metro .tile-area-darkIndigo:before,.metro .tile-area-darkMagenta:after,.metro .tile-area-darkMagenta:before,.metro .tile-area-darkPink:after,.metro .tile-area-darkPink:before,.metro .tile-area-darkRed:after,.metro .tile-area-darkRed:before,.metro .tile-area-darkTeal:after,.metro .tile-area-darkTeal:before,.metro .tile-area-darkViolet:after,.metro .tile-area-darkViolet:before,.metro .tile-area-grayed:after,.metro .tile-area-grayed:before,.metro .tile-area-lightBlue:after,.metro .tile-area-lightBlue:before,.metro .tile-area-lightOlive:after,.metro .tile-area-lightOlive:before,.metro .tile-area-lightOrange:after,.metro .tile-area-lightOrange:before,.metro .tile-area-lightPink:after,.metro .tile-area-lightPink:before,.metro .tile-area-lightTeal:after,.metro .tile-area-lightTeal:before{display:table;content:""}.metro .tile-area .user-id .user-id-name .first-name{font-size:20pt;line-height:20pt}.metro .tile-area .user-id .user-id-name .last-name{font-size:12pt}.metro .tile-area .user-id:hover{background-color:#404040}.metro .tile-area-dark{min-width:100%;height:100%;background-color:#1d1d1d!important}.metro .tile-area-dark .tile{outline-color:#373737!important}.metro .tile-area-darkBrown{min-width:100%;height:100%;background-color:#63362f!important}.metro .tile-area-darkBrown .tile{outline-color:#86493f!important}.metro .tile-area-darkCrimson{min-width:100%;height:100%;background-color:#640024!important}.metro .tile-area-darkCrimson .tile{outline-color:#970036!important}.metro .tile-area-darkViolet{min-width:100%;height:100%;background-color:#57169a!important}.metro .tile-area-darkViolet .tile{outline-color:#701cc7!important}.metro .tile-area-darkMagenta{min-width:100%;height:100%;background-color:#81003c!important}.metro .tile-area-darkMagenta .tile{outline-color:#b40054!important}.metro .tile-area-darkCyan{min-width:100%;height:100%;background-color:#1b6eae!important}.metro .tile-area-darkCyan .tile{outline-color:#228ada!important}.metro .tile-area-darkCobalt{min-width:100%;height:100%;background-color:#00356a!important}.metro .tile-area-darkCobalt .tile{outline-color:#004e9d!important}.metro .tile-area-darkTeal{min-width:100%;height:100%;background-color:#004050!important}.metro .tile-area-darkTeal .tile{outline-color:#006983!important}.metro .tile-area-darkEmerald{min-width:100%;height:100%;background-color:#003e00!important}.metro .tile-area-darkEmerald .tile{outline-color:#007100!important}.metro .tile-area-darkGreen{min-width:100%;height:100%;background-color:#128023!important}.metro .tile-area-darkGreen .tile{outline-color:#18ad2f!important}.metro .tile-area-darkOrange{min-width:100%;height:100%;background-color:#bf5a15!important}.metro .tile-area-darkOrange .tile{outline-color:#e77120!important}.metro .tile-area-darkOrange:after,.metro .tile-area-darkOrange:before{display:table;content:""}.metro .tile-area-darkRed{min-width:100%;height:100%;background-color:#9a1616!important}.metro .tile-area-darkRed .tile{outline-color:#c71c1c!important}.metro .tile-area-darkPink{min-width:100%;height:100%;background-color:#9a165a!important}.metro .tile-area-darkPink .tile{outline-color:#c71c74!important}.metro .tile-area-darkIndigo{min-width:100%;height:100%;background-color:#4b0096!important}.metro .tile-area-darkIndigo .tile{outline-color:#6400c9!important}.metro .tile-area-darkIndigo:after{clear:both}.metro .tile-area-darkBlue{min-width:100%;height:100%;background-color:#16499a!important}.metro .tile-area-darkBlue .tile{outline-color:#1c5ec7!important}.metro .tile-area-lightBlue{min-width:100%;height:100%;background-color:#4390df!important}.metro .tile-area-lightBlue .tile{outline-color:#6faae6!important}.metro .tile-area-lightTeal{min-width:100%;height:100%;background-color:#45fffd!important}.metro .tile-area-lightTeal .tile{outline-color:#78fffd!important}.metro .tile-area-lightOlive{min-width:100%;height:100%;background-color:#78aa1c!important}.metro .tile-area-lightOlive .tile{outline-color:#97d623!important}.metro .tile-area-lightOrange{min-width:100%;height:100%;background-color:#c29008!important}.metro .tile-area-lightOrange .tile{outline-color:#f3b40a!important}.metro .tile-area-lightPink{min-width:100%;height:100%;background-color:#f472d0!important}.metro .tile-area-lightPink .tile{outline-color:#f8a1e0!important}.metro .tile-area-grayed{min-width:100%;height:100%;background-color:#585858!important}.metro .tile-area-grayed .tile{outline-color:#727272!important}.metro .tile-group{margin-right:46px;min-width:130px;width:auto;float:left;display:block;padding-top:40px;position:relative;color:#fff}.metro .tile-group.one{width:130px}.metro .tile-group.double,.metro .tile-group.two{width:260px}.metro .tile-group.three,.metro .tile-group.triple{width:390px}.metro .tile-group.four,.metro .tile-group.quadro{width:520px}.metro .tile-group.five{width:650px}.metro .tile-group.six{width:780px}.metro .tile-group.seven{width:910px}.metro .tile-group:first-child{margin-left:80px}.metro .tile-group .tile-group-title{font-size:18px;line-height:20px;position:absolute;top:10px;left:0;color:inherit}.metro .tile{position:relative;overflow:hidden;display:block;float:left;padding:0;cursor:pointer;background-color:#eee;box-shadow:inset 0 0 1px #FFC;width:120px;height:120px;margin:0 10px 10px 0}.metro .tile:hover{outline:#999 solid 3px}.metro .tile:active{outline:0}.metro .tile.no-outline{outline-color:transparent}.metro .tile.half{width:55px;height:55px}.metro .tile.double{width:250px}.metro .tile.double-vertical{height:250px}.metro .tile.triple{width:380px}.metro .tile.triple-vertical{height:380px}.metro .tile.quadro{width:510px}.metro .tile.quadro-vertical{height:510px}.metro .tile.selected{border:4px solid #4390df}.metro .tile.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.metro .tile.selected:before{position:absolute;display:block;content:"\e08a";color:#fff;right:0;font-family:iconFont;font-size:9pt;font-weight:400;z-index:102;top:0}.metro .tile .tile-content{width:100%;height:100%;padding:0;margin:0;position:absolute;left:0;top:0;overflow:hidden;display:none}.metro .tile .tile-content.padded{padding:10px}.metro .tile .tile-content.image{width:100%;min-height:100%;max-height:100%}.metro .tile .tile-content.icon [class*=icon-],.metro .tile .tile-content.icon img{line-height:56px;height:56px;width:56px;font-size:48px;color:#fff;text-align:center;position:absolute;left:50%;top:50%;margin-top:-28px;margin-left:-28px}.metro .tile .tile-content.image-set img{margin:0;padding:0;width:25%!important;height:50%;float:left;border:1px solid #1e1e1e}.metro .tile .tile-content.image-set img:first-child{width:50%!important;float:left;height:100%}.metro .tile .tile-content:first-child{display:block}.metro .tile .brand,.metro .tile .tile-status{position:absolute;bottom:0;left:0;right:0;min-height:29px;margin:0}.metro .tile .brand:after,.metro .tile .brand:before,.metro .tile .tile-status:after,.metro .tile .tile-status:before{display:table;content:""}.metro .tile .brand.opacity,.metro .tile .tile-status.opacity{opacity:.7}.metro .tile .brand .label,.metro .tile .brand .name,.metro .tile .brand .text,.metro .tile .tile-status .label,.metro .tile .tile-status .name,.metro .tile .tile-status .text{display:block;font-size:10pt;margin:5px 20px 2px 5px;background:0 0;color:#fff}.metro .tile .brand .text,.metro .tile .tile-status .text{margin:4px 5px;font-size:8pt;line-height:10pt}.metro .tile .brand .badge,.metro .tile .tile-status .badge{position:absolute;bottom:0;right:10px;width:29px;height:29px;text-align:center;color:#fff;padding:5px;margin:0;vertical-align:middle!important;display:block;font-size:10pt}.metro .tile.parts>ul{margin:0;padding:0;list-style:none}.metro .tile.parts>.part,.metro .tile.parts>ul>li{display:block;float:left;height:60px;width:60px;margin:0}.metro .tile.half .tile-content.icon [class*=icon-],.metro .tile.half .tile-content.icon img{line-height:37.33px;height:37.33px;width:37.33px;font-size:32px;color:#fff;text-align:center;position:absolute;left:50%;top:50%;margin-top:-18.67px;margin-left:-18.67px}.metro .tile,.metro .tile *{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .tile.scale{-webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}.metro [draggable]{cursor:default}.metro .tile .tile-content.email{color:#fff;padding:10px}.metro .tile .tile-content.email .email-image{width:64px;height:64px;float:left}.metro .tile .tile-content.email .email-image img{width:100%;height:100%}.metro .tile .tile-content.email .email-data{display:block;color:inherit;margin-left:70px;width:auto;overflow:hidden}.metro .tile .tile-content.email .email-data .email-data-subtitle,.metro .tile .tile-content.email .email-data .email-data-text,.metro .tile .tile-content.email .email-data .email-data-title{color:inherit;display:block}.metro .tile .tile-content.email .email-data .email-data-title{font-size:14pt}.metro .tile .tile-content.email .email-data .email-data-subtitle{font-size:11pt}.metro .tile .tile-content.email .email-data .email-data-text{font-size:10pt;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metro [class*=tile-transform-]{-webkit-transition:all .22s;transition:all .22s}.metro .tile-transform-right{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;-ms-transform-origin:left 50%;-o-transform-origin:left 50%;transform-origin:left 50%;-webkit-transform:perspective(500px) rotateY(.138372rad);-moz-transform:perspective(500px) rotateY(.138372rad);-ms-transform:perspective(500px) rotateY(.138372rad);-o-transform:perspective(500px) rotateY(.138372rad);transform:perspective(500px) rotateY(.138372rad)}.metro .tile.double.tile-transform-right{-webkit-transform:perspective(500px) rotateY(.069186rad);-moz-transform:perspective(500px) rotateY(.069186rad);-ms-transform:perspective(500px) rotateY(.069186rad);-o-transform:perspective(500px) rotateY(.069186rad);transform:perspective(500px) rotateY(.069186rad)}.metro .tile.triple.tile-transform-right{-webkit-transform:perspective(500px) rotateY(.046124rad);-moz-transform:perspective(500px) rotateY(.046124rad);-ms-transform:perspective(500px) rotateY(.046124rad);-o-transform:perspective(500px) rotateY(.046124rad);transform:perspective(500px) rotateY(.046124rad)}.metro .tile.quadro.tile-transform-right{-webkit-transform:perspective(500px) rotateY(.034593rad);-moz-transform:perspective(500px) rotateY(.034593rad);-ms-transform:perspective(500px) rotateY(.034593rad);-o-transform:perspective(500px) rotateY(.034593rad);transform:perspective(500px) rotateY(.034593rad)}.metro .tile.half.tile-transform-right{-webkit-transform:perspective(500px) rotateY(.276744rad);-moz-transform:perspective(500px) rotateY(.276744rad);-ms-transform:perspective(500px) rotateY(.276744rad);-o-transform:perspective(500px) rotateY(.276744rad);transform:perspective(500px) rotateY(.276744rad)}.metro .tile-transform-left{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;-ms-transform-origin:right 50%;-o-transform-origin:right 50%;transform-origin:right 50%;-webkit-transform:perspective(500px) rotateY(-.138372rad);-moz-transform:perspective(500px) rotateY(-.138372rad);-ms-transform:perspective(500px) rotateY(-.138372rad);-o-transform:perspective(500px) rotateY(-.138372rad);transform:perspective(500px) rotateY(-.138372rad)}.metro .tile.double.tile-transform-left{-webkit-transform:perspective(500px) rotateY(-.069186rad);-moz-transform:perspective(500px) rotateY(-.069186rad);-ms-transform:perspective(500px) rotateY(-.069186rad);-o-transform:perspective(500px) rotateY(-.069186rad);transform:perspective(500px) rotateY(-.069186rad)}.metro .tile.triple.tile-transform-left{-webkit-transform:perspective(500px) rotateY(-.046124rad);-moz-transform:perspective(500px) rotateY(-.046124rad);-ms-transform:perspective(500px) rotateY(-.046124rad);-o-transform:perspective(500px) rotateY(-.046124rad);transform:perspective(500px) rotateY(-.046124rad)}.metro .tile.quadro.tile-transform-left{-webkit-transform:perspective(500px) rotateY(-.034593rad);-moz-transform:perspective(500px) rotateY(-.034593rad);-ms-transform:perspective(500px) rotateY(-.034593rad);-o-transform:perspective(500px) rotateY(-.034593rad);transform:perspective(500px) rotateY(-.034593rad)}.metro .tile.half.tile-transform-left{-webkit-transform:perspective(500px) rotateY(-.276744rad);-moz-transform:perspective(500px) rotateY(-.276744rad);-ms-transform:perspective(500px) rotateY(-.276744rad);-o-transform:perspective(500px) rotateY(-.276744rad);transform:perspective(500px) rotateY(-.276744rad)}.metro .tile-transform-top{-webkit-transform-origin:50% bottom;-moz-transform-origin:50% bottom;-ms-transform-origin:50% bottom;-o-transform-origin:50% bottom;transform-origin:50% bottom;-webkit-transform:perspective(500px) rotateX(.138372rad);-moz-transform:perspective(500px) rotateX(.138372rad);-ms-transform:perspective(500px) rotateX(.138372rad);-o-transform:perspective(500px) rotateX(.138372rad);transform:perspective(500px) rotateX(.138372rad)}.metro .tile.double.tile-transform-top{-webkit-transform:perspective(500px) rotateX(.069186rad);-moz-transform:perspective(500px) rotateX(.069186rad);-ms-transform:perspective(500px) rotateX(.069186rad);-o-transform:perspective(500px) rotateX(.069186rad);transform:perspective(500px) rotateX(.069186rad)}.metro .tile.triple.tile-transform-top{-webkit-transform:perspective(500px) rotateX(.046124rad);-moz-transform:perspective(500px) rotateX(.046124rad);-ms-transform:perspective(500px) rotateX(.046124rad);-o-transform:perspective(500px) rotateX(.046124rad);transform:perspective(500px) rotateX(.046124rad)}.metro .tile.quadro.tile-transform-top{-webkit-transform:perspective(500px) rotateX(.034593rad);-moz-transform:perspective(500px) rotateX(.034593rad);-ms-transform:perspective(500px) rotateX(.034593rad);-o-transform:perspective(500px) rotateX(.034593rad);transform:perspective(500px) rotateX(.034593rad)}.metro .tile.half.tile-transform-top{-webkit-transform:perspective(500px) rotateX(.276744rad);-moz-transform:perspective(500px) rotateX(.276744rad);-ms-transform:perspective(500px) rotateX(.276744rad);-o-transform:perspective(500px) rotateX(.276744rad);transform:perspective(500px) rotateX(.276744rad)}.metro .tile-transform-bottom{-webkit-transform-origin:50% top;-moz-transform-origin:50% top;-ms-transform-origin:50% top;-o-transform-origin:50% top;transform-origin:50% top;-webkit-transform:perspective(500px) rotateX(-.138372rad);-moz-transform:perspective(500px) rotateX(-.138372rad);-ms-transform:perspective(500px) rotateX(-.138372rad);-o-transform:perspective(500px) rotateX(-.138372rad);transform:perspective(500px) rotateX(-.138372rad)}.metro .tile.double.tile-transform-bottom{-webkit-transform:perspective(500px) rotateX(-.069186rad);-moz-transform:perspective(500px) rotateX(-.069186rad);-ms-transform:perspective(500px) rotateX(-.069186rad);-o-transform:perspective(500px) rotateX(-.069186rad);transform:perspective(500px) rotateX(-.069186rad)}.metro .tile.triple.tile-transform-bottom{-webkit-transform:perspective(500px) rotateX(-.046124rad);-moz-transform:perspective(500px) rotateX(-.046124rad);-ms-transform:perspective(500px) rotateX(-.046124rad);-o-transform:perspective(500px) rotateX(-.046124rad);transform:perspective(500px) rotateX(-.046124rad)}.metro .tile.quadro.tile-transform-bottom{-webkit-transform:perspective(500px) rotateX(-.034593rad);-moz-transform:perspective(500px) rotateX(-.034593rad);-ms-transform:perspective(500px) rotateX(-.034593rad);-o-transform:perspective(500px) rotateX(-.034593rad);transform:perspective(500px) rotateX(-.034593rad)}.metro .tile.half.tile-transform-bottom{-webkit-transform:perspective(500px) rotateX(-.276744rad);-moz-transform:perspective(500px) rotateX(-.276744rad);-ms-transform:perspective(500px) rotateX(-.276744rad);-o-transform:perspective(500px) rotateX(-.276744rad);transform:perspective(500px) rotateX(-.276744rad)}.metro .carousel{display:block;position:relative;overflow:hidden;background-color:#eee}.metro .carousel .slide{position:absolute;left:0;top:0;width:100%;height:100%;display:none;padding:0}.metro .carousel .slide div.subslide{z-index:2;position:absolute;top:10px;left:10px}.metro .carousel .slide img.cover{width:100%;min-height:100%;z-index:1;position:absolute;top:0!important;left:0!important}.metro .carousel .slide:first-child{display:block}.metro .carousel .controls{display:block;position:absolute;top:50%;left:15px;min-width:40px;min-height:40px;width:auto;height:auto;margin-top:-20px;font-size:48pt;font-weight:100;line-height:30px;color:#fff;text-align:center;cursor:pointer;opacity:.75;z-index:100}.metro .carousel .controls.right{left:auto;right:15px}.metro .carousel .controls:hover{opacity:1}.metro .carousel .markers{z-index:100;margin:0;padding:0;display:block;position:absolute;bottom:10px;left:10px}.metro .carousel .markers>ul{padding-left:0;list-style:none}.metro .carousel .markers>ul li ol,.metro .carousel .markers>ul li ul{list-style:none;padding-left:25px}.metro .carousel .markers li{display:block;float:left;margin-right:5px}.metro .carousel .markers li a{background-color:#fff;display:block;float:left;border:1px solid #fff}.metro .carousel .markers li.active a{background-color:#f0a30a}.metro .carousel .markers.default>ul>li>a{width:32px;height:6px}.metro .carousel .markers.cycle>ul>li>a{width:24px;height:24px;border-radius:50%}.metro .carousel .markers.square>ul>li>a{width:24px;height:24px}.metro .rating{color:#2784a7;cursor:pointer;display:block;width:auto;margin:0 10px 10px 0;height:24px}.metro .rating:after,.metro .rating:before{display:table;content:""}.metro .rating ul{list-style:none;color:inherit;display:block;margin:0 0 5px;padding:0}.metro .rating ul:after,.metro .rating ul:before{display:table;content:""}.metro .rating ul li{display:block;float:left;position:relative;font-family:iconFont;font-size:24px;line-height:24px;color:inherit}.metro .rating ul li:before{content:'\e07c'}.metro .rating ul li.rated:before{content:'\e07e'}.metro .rating ul li.half:before,.metro .rating ul li.rated.half:before{content:'\e07d'}.metro .rating .score-hint{display:block;font-size:12px;color:#1d1d1d}.metro .rating.active ul:hover>li:before{content:'\e07e'}.metro .rating.active ul li:hover~li:before{content:'\e07c'!important}.metro .rating.active ul li:hover:before{content:'\e07e'!important}.metro .rating.small li{font-size:16px;line-height:16px}.metro .rating.small .score-hint{margin-top:-5px;font-size:10px}.metro .rating.large li{font-size:36px}.metro .rating.large .score-hint{margin-top:10px;font-size:16px}.metro .pagination{width:auto;margin-bottom:10px}.metro .pagination>ul{padding-left:0;list-style:none;margin:0}.metro .pagination>ul li ol,.metro .pagination>ul li ul{list-style:none;padding-left:25px}.metro .pagination>ul:after,.metro .pagination>ul:before{display:table;content:""}.metro .pagination>ul li{display:block;float:left;margin-right:1px;position:relative}.metro .pagination>ul li a{padding:4px 12px;text-align:center;vertical-align:middle!important;background-color:#d9d9d9;border:1px solid transparent;border-radius:0;cursor:pointer;outline:0;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:16px;color:inherit;display:block;float:left;margin-right:1px}.metro .pagination>ul li a.default{background-color:#008287;color:#fff}.metro .pagination>ul li a:focus{outline:0;border:1px dotted #353535}.metro .pagination>ul li a.disabled,.metro .pagination>ul li a:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .pagination>ul li a *,.metro .pagination>ul li a :hover{color:inherit}.metro .pagination>ul li a.primary{background-color:#16499a!important;color:#fff!important}.metro .pagination>ul li a.info{background-color:#4390df!important;color:#fff!important}.metro .pagination>ul li a.success{background-color:#60a917!important;color:#fff!important}.metro .pagination>ul li a.warning{background-color:#fa6800!important;color:#fff!important}.metro .pagination>ul li a.danger{background-color:#9a1616!important;color:#fff!important}.metro .pagination>ul li a.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .pagination>ul li a.link{background-color:transparent!important;color:#2e92cf!important}.metro .pagination>ul li a.link:hover{text-decoration:underline}.metro .pagination>ul li a.link.disabled,.metro .pagination>ul li a.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .pagination>ul li a.link [class*=icon-]{text-decoration:none!important}.metro .pagination>ul li a:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .pagination>ul li a.large{padding:11px 19px;font-size:17.5px}.metro .pagination>ul li a.small{padding:2px 10px;font-size:11.9px}.metro .pagination>ul li a.mini{padding:0 6px;font-size:10.5px}.metro .pagination>ul li.active a{background-color:#4390df;color:#fff}.metro .pagination>ul li.disabled a,.metro .pagination>ul li.spaces a{background-color:#f2f2f2;color:#1e1e1e;cursor:not-allowed}.metro .pagination>ul li.disabled a:active,.metro .pagination>ul li.spaces a:active{top:0;left:0}.metro .pagination>ul li.disabled a{color:#1e1e1e}.metro .pagination>ul li.spaces a{background-color:#fff;cursor:default}.metro .pagination.small ul li a{padding:2px 10px;font-size:11.9px}.metro .pagination.mini ul li a{padding:0 6px;font-size:10.5px}.metro .countdown,.metro .times{width:auto;margin:0 auto;font:20px/1.5 'Open Sans Condensed',sans-serif;text-align:center;letter-spacing:-3px}.metro .countdown .digit-wrapper,.metro .times .digit-wrapper{display:inline-block;height:1.6em;overflow:hidden;position:relative;width:1.05em}.metro .countdown .digit-wrapper .digit,.metro .times .digit-wrapper .digit{position:absolute;display:block;width:1em;text-align:center;vertical-align:middle;letter-spacing:-1px}.metro .countdown .digit-wrapper .digit.stop,.metro .times .digit-wrapper .digit.stop{background-color:#e51400}.metro .countdown .divider,.metro .times .divider{display:inline-block;width:16px;height:1.5em;position:relative;font-weight:700}.metro .countdown .divider:before,.metro .times .divider:before{width:100%;height:1.5em;position:absolute;content:":";color:inherit;font-size:inherit;vertical-align:middle;text-align:center;left:-20%;top:-15%}.metro .countdown.inverse .digit,.metro .times.inverse .digit{color:#333!important;background-color:#eee!important}.metro .tab-control .tabs{padding-left:0;list-style:none;margin:0!important;z-index:2}.metro .tab-control .tabs li ol,.metro .tab-control .tabs li ul{list-style:none;padding-left:25px}.metro .tab-control .tabs:after,.metro .tab-control .tabs:before{display:table;content:""}.metro .tab-control .tabs>li{background-color:#fff;display:block;float:left;margin-left:5px;position:relative}.metro .tab-control .tabs>li>a{border:1px solid #eee;display:block;float:left;padding:5px 10px;z-index:10;top:0;left:0;color:inherit;background-color:#eee}.metro .tab-control .tabs>li.active a{border-bottom-color:#fff;background-color:#fff;border-top:2px #e51400 solid}.metro .tab-control .tabs>li.active:hover a{background-color:#fff;color:#1d1d1d}.metro .tab-control .tabs>li:hover a{background-color:#d5d5d5;color:#fff}.metro .tab-control .tabs>li.place-right{float:right;margin-right:5px;margin-left:auto}.metro .tab-control .tabs.no-spaces>li{margin-left:0}.metro .tab-control .frames{z-index:1;border:1px solid #eee;margin-top:-1px}.metro .tab-control .frames .frame{display:none}.metro .tab-control .frames .frame:first-child{display:block}.metro .tab-control .frame{padding:20px}.metro .progress-bar{display:block;position:relative;height:10px;width:100%;margin-bottom:10px;background-color:#eee}.metro .progress-bar:after,.metro .progress-bar:before{display:table;content:""}.metro .progress-bar .bar{position:relative;display:block;float:left;width:0;background-color:#2D7D9A;height:100%}.metro .progress-bar.small{height:5px}.metro .progress-bar.large{height:15px}.metro .sidebar{margin:0;padding:0;background-color:#3D3D3D;width:100%;height:100%}.metro .sidebar>ul{margin:0;padding:0;list-style:none}.metro .sidebar>ul li{display:block;border:0;border-bottom:1px #5c5c5c solid;position:relative}.metro .sidebar>ul li.title{padding:20px 20px 10px;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em;font-size:2.2rem;line-height:2.2rem;color:#fff}.metro .sidebar>ul li a{display:block;position:relative;padding:10px 20px;text-decoration:none;color:#eee;background-color:#3D3D3D}.metro .sidebar>ul li a:hover{background-color:#262626;color:#fff}.metro .sidebar>ul li a.dropdown-toggle:after{right:10px;bottom:5px}.metro .sidebar>ul li a [class*=icon-]{margin-right:15px}.metro .sidebar>ul li.stick{position:relative}.metro .sidebar>ul li.stick:before{content:"";position:absolute;width:7px;height:40px;left:-7px;text-indent:-9999px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:inherit}.metro .sidebar>ul li.disabled a{background-color:#8a8a8a;cursor:default;color:#555}.metro .sidebar>ul li.active a{background-color:#9a1616;color:#fff}.metro .sidebar>ul ul{margin:0;padding:0;list-style:none;display:none;z-index:1000;background:#e5e5e5;width:auto;border:1px solid #dcddde;box-shadow:none;position:relative!important;min-width:100%}.metro .sidebar>ul ul li{display:block;padding:0;vertical-align:baseline;position:relative;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .sidebar>ul ul li a,.metro .sidebar>ul ul li.title{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em}.metro .sidebar>ul ul li a{display:block;text-decoration:none;line-height:2.2rem;font-size:2.2rem;color:inherit}.metro .sidebar>ul ul li.title{color:#000;line-height:2.5rem;font-size:4rem;margin-bottom:20px}.metro .sidebar>ul ul.compact a{font-weight:400;font-size:10.5pt;line-height:12pt;color:inherit}.metro .sidebar>ul ul ul.secondary li a,.metro .sidebar>ul ul.compact li.title{font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-size:1.6rem;letter-spacing:.02em}.metro .sidebar>ul ul.compact li.title{margin-bottom:10px;font-weight:700;color:#000;line-height:1.6rem}.metro .sidebar>ul ul ul.secondary{margin:0 0 0 15px;padding:0;list-style:none}.metro .sidebar>ul ul ul.secondary li a{font-weight:400;font-style:normal;line-height:1.4rem;color:inherit}.metro .sidebar>ul ul.shadow{box-shadow:3px 3px 0 rgba(236,236,236,.7)}.metro .calendar-dropdown,.metro .dataTables_wrapper .dataTables_processing,.metro .slider>.hint{box-shadow:0 2px 6px rgba(0,0,0,.3),0 3px 8px rgba(0,0,0,.2)}.metro .sidebar>ul ul li{margin:5px 0 0;width:100%}.metro .sidebar>ul ul li:last-child{margin-bottom:5px}.metro .sidebar>ul ul li.disabled,.metro .sidebar>ul ul li.disabled:hover{cursor:default!important;background:0 0!important;color:#eee}.metro .sidebar>ul ul li.disabled a,.metro .sidebar>ul ul li.disabled:hover a{color:inherit;cursor:inherit;background:inherit}.metro .sidebar>ul ul a{padding:8px 32px!important;color:inherit;font-size:15px!important;line-height:14px!important;cursor:pointer}.metro .sidebar>ul ul li:hover{background:#edf4fc;border-color:#a8d2fd}.metro .sidebar>ul ul li.checked a:before,.metro .sidebar>ul ul li.checked-partial a:before{position:absolute;left:10px;content:"\e0a6";font-family:iconFont}.metro .sidebar>ul ul li.checked-partial a:before{content:"\e0a8"}.metro .sidebar>ul ul.place-right{right:-15px;left:auto}.metro .sidebar>ul ul .divider{padding:0;height:1px;margin:9px 1px;overflow:hidden;background-color:#e5e5e5;border-width:0}.metro .sidebar>ul ul .divider:hover{background:#e5e5e5}.metro .sidebar>ul ul.open{display:block!important}.metro .sidebar>ul ul .dropdown-menu{left:100%;top:-10%}.metro .sidebar>ul ul>li:hover>.dropdown-menu[data-show=hover]{display:block}.metro .sidebar>ul ul>li>a.dropdown-toggle:after{font-family:iconFont;font-size:.7em;content:"\e1b3";left:85%;top:.85em;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.metro .sidebar>ul ul.drop-left{left:-100%}.metro .sidebar>ul ul.drop-up{top:auto;bottom:0}.metro .sidebar>ul ul .menu-title{background-color:#f6f7f8;font-size:12px;font-weight:700;line-height:14px;padding:4px 8px;border:0;border-bottom:1px #dcddde solid;border-top:1px #dcddde solid;color:#646464}.metro .sidebar>ul ul .menu-title:first-child{margin:0;border-top-width:0}.metro .sidebar>ul ul .menu-title:first-child:hover{border-top-width:0}.metro .sidebar>ul ul .menu-title:hover{background-color:#f6f7f8;cursor:default;border:0;border-bottom:1px #dcddde solid;border-top:1px #dcddde solid}.metro .sidebar>ul ul.inverse{border:2px solid #3b3b3b}.metro .sidebar>ul ul.inverse li{border:0}.metro .sidebar>ul ul.inverse li a{padding:9px 32px!important}.metro .sidebar>ul ul.inverse li:hover{border:0;background-color:#e5e5e5}.metro .sidebar>ul ul.inverse .menu-title:hover{background-color:#f6f7f8}.metro .sidebar>ul ul.inverse .divider{margin-left:0;margin-right:0}.metro .sidebar>ul ul.dark{background-color:#333;border:2px solid #333;color:#fff}.metro .sidebar>ul ul.dark.opacity{background-color:rgba(61,61,61,.9)}.metro .sidebar>ul ul.dark li{border:0;color:inherit}.metro .sidebar>ul ul.dark li a{padding:9px 32px!important;color:inherit}.metro .sidebar>ul ul.dark li.disabled,.metro .sidebar>ul ul.dark li.disabled:hover{cursor:default!important;background:0 0!important;color:#555}.metro .sidebar>ul ul.dark li.disabled a,.metro .sidebar>ul ul.dark li.disabled:hover a{color:inherit;cursor:inherit;background:inherit}.metro .sidebar>ul ul.dark li:hover{border:0;background-color:#201a1a;color:#fff}.metro .sidebar>ul ul.dark .menu-title,.metro .sidebar>ul ul.dark .menu-title:hover{background-color:#3b3b3b}.metro .sidebar>ul ul.dark .divider{margin-left:0;margin-right:0;background-color:#555}.metro .sidebar>ul ul.dark .divider:hover{background:#555}.metro .sidebar>ul ul li{border:0}.metro .sidebar>ul ul li a{background-color:#e5e5e5}.metro .sidebar>ul ul li.divider,.metro .sidebar>ul ul li.divider:hover{background-color:#c2c2c2}.metro .sidebar>ul ul li.disabled a,.metro .sidebar>ul ul li.disabled a:hover{color:#999}.metro .sidebar.light{background-color:#fff;border:1px solid #eaeaea}.metro .sidebar.light li{border-bottom-color:#eee}.metro .sidebar.light li.title{color:#1d1d1d}.metro .sidebar.light li a{color:#1d1d1d;background-color:#fff}.metro .sidebar.light li a:hover{background-color:#6CBAD6}.metro .sidebar.light li ul{background-color:#fff;border:1px solid transparent}.metro .sidebar.light li .divider,.metro .sidebar.light li .divider:hover{background-color:#eee}.metro .sidebar.light li.disabled a{background-color:#fff;cursor:default;color:#999}.metro .sidebar.light li.active a{background-color:#2D7D9A;color:#fff}.metro .accordion>.accordion-frame{border:1px solid #eaeaea;margin-bottom:2px}.metro .accordion>.accordion-frame>.heading{display:block;text-decoration:none;background-color:#eee;padding:10px 20px;width:100%;position:relative;color:#1d1d1d}.metro .accordion>.accordion-frame>.heading [class*=icon-]{margin-right:10px}.metro .accordion>.accordion-frame>.content{padding:10px;display:none}.metro .accordion.with-marker .heading:before{position:absolute;display:block;left:5px;top:12px;content:'';width:0;height:0;border-left:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid #000}.metro .accordion.with-marker .heading.collapsed:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-4px}.metro .calendar{width:250px;border:1px solid #eee;font-size:10pt}.metro .calendar table{width:100%}.metro .calendar td,.metro .calendar th{padding:0;width:14.28%}.metro .calendar td{border:1px solid #e6f5fc}.metro .calendar td:first-child{border-left:0}.metro .calendar td:last-child{border-right:0}.metro .calendar tr:last-child td{border-bottom:0}.metro .calendar .day-of-week{padding:5px;cursor:default}.metro .calendar a{display:block;padding:5px}.metro .calendar a:hover{background-color:#eee;color:#1d1d1d}.metro .calendar .calendar-header,.metro .calendar .calendar-header td a:hover,.metro .calendar .calendar-header th a:hover{background-color:#2D7D9A;color:#fff}.metro .calendar .calendar-header td,.metro .calendar .calendar-header th{border:0!important}.metro .calendar .calendar-header td a,.metro .calendar .calendar-header th a{color:#fff}.metro .calendar .calendar-actions td,.metro .calendar .calendar-actions th{padding:10px}.metro .calendar .today a{background-color:#a0e857;color:#1d1d1d}.metro .calendar .today a:hover{background-color:#128023;color:#fff}.metro .calendar .day a{display:block;position:relative;border:2px solid transparent}.metro .calendar .day a.selected{border:4px solid #4390df;border-width:1px}.metro .calendar .day a.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101;border-top-width:12px;border-left-width:12px}.metro .calendar .day a.selected:before{position:absolute;display:block;content:"\e08a";color:#fff;right:0;font-family:iconFont;font-weight:400;z-index:102;top:0;font-size:4pt}.metro .calendar .month a,.metro .calendar .year a{padding-top:20px;padding-bottom:20px}.metro .calendar .other-day{display:block;text-align:center;color:#999}.metro .calendar-dropdown{border:0}.metro .slider{height:12px;width:auto;position:relative;background-color:#c6c6c6;margin-bottom:10px}.metro .slider .marker{height:12px;width:12px;cursor:pointer;position:absolute;top:0;left:0;background-color:#000;z-index:2}.metro .slider .marker:active,.metro .slider .marker:focus,.metro .slider .markerhover{outline:#e51400 solid 2px}.metro .slider .complete{height:100%;width:auto;background-color:#00828b;z-index:1;transition:background .3s ease}.metro .slider>.hint{background-color:#fff;position:absolute;z-index:3;border:1px solid #ccc;padding:2px 4px;top:-40px;min-width:30px;text-align:center;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-size:14px;display:none}.metro .slider.permanent-hint>.hint{display:block}.metro .slider.hint-bottom .hint{top:100%;margin-top:5px}.metro .slider.vertical{height:100px;width:12px}.metro .slider.vertical .marker{left:0!important}.metro .slider.vertical .complete{position:absolute;height:auto;width:100%!important;bottom:0;left:0}.metro .slider.vertical .hint{left:100%;margin-left:5px;margin-top:0}.metro .slider.vertical.hint-left .hint{left:-40px}.metro .slider:active .complete,.metro .slider:active+.marker:active .complete,.metro .slider:hover .complete{background-color:#219297}.metro .slider.place-left{margin-right:20px}.metro .slider.place-right{margin-left:20px}.metro.window-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99999}.metro .window{border:8px solid #9FD0E3;position:relative;background-color:#fff;min-height:200px;min-width:200px;border-top:0}.metro .window .caption{position:absolute;top:0;height:32px;width:100%;background-color:#9FD0E3;cursor:default;z-index:2;border-top:8px #9FD0E3 solid}.metro .window .caption .icon{width:16px;height:16px;font-size:16px;margin-top:0;margin-left:0;margin-right:5px;position:relative;float:left}.metro .window .caption .title{font-size:14px;margin-top:-2px;margin-left:4px;position:relative;float:left}.metro .window .caption .super-title{position:absolute;top:6px;left:0;display:block;width:100%;text-align:center;z-index:0}.metro .window .content{position:relative;padding:32px 0;width:auto;height:auto;-webkit-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.metro .window .caption .btn-close,.metro .window .caption .btn-max,.metro .window .caption .btn-min{background-color:#c75050;color:#fff;position:absolute;top:-8px;right:0;width:48px;height:24px;min-height:24px;text-align:center;vertical-align:middle;font-family:Cambria_,'PT Serif Caption',Verdana,Arial,Helvetica,sans-serif;font-size:16pt;font-weight:400;padding:0 0 10px;z-index:3;outline:0}.metro .window .caption .btn-close:hover,.metro .window .caption .btn-max:hover,.metro .window .caption .btn-min:hover{background-color:#e04343}.metro .window .caption .btn-close:active,.metro .window .caption .btn-max:active,.metro .window .caption .btn-min:active{background-color:#b01919!important;top:-8px;right:0;left:auto}.metro .window .caption .btn-close:after,.metro .window .caption .btn-max:after,.metro .window .caption .btn-min:after{content:'\D7';position:absolute;left:50%;top:0;margin-left:-.3em}.metro .window .caption .btn-max,.metro .window .caption .btn-min{background-color:transparent;color:#000;right:75px;width:24px;padding-bottom:10px;font-weight:700}.metro .window .caption .btn-max:hover,.metro .window .caption .btn-min:hover{background-color:#1b6eae;color:#fff}.metro .window .caption .btn-max:hover:after,.metro .window .caption .btn-min:hover:after{border-color:#fff}.metro .window .caption .btn-max:active,.metro .window .caption .btn-min:active{background-color:#1e7cc4!important;color:#fff;top:-8px;right:75px;left:auto}.metro .window .caption .btn-max:after,.metro .window .caption .btn-min:after{display:block;position:absolute;width:10px;height:10px;border:0 solid #000;border-bottom-width:2px;content:' ';bottom:6px;left:50%;margin-left:-6px;top:auto}.metro .window .caption .btn-max,.metro .window .caption .btn-max:active{right:50px}.metro .window .caption .btn-max:after{height:6px;border:1px solid #000;border-top-width:2px}.metro .window.inactive{border-color:#ebebeb}.metro .window.inactive .caption{background-color:#ebebeb;border-top:8px #ebebeb solid}.metro .window.inactive .content{border-color:#ebebeb}.metro .window.inactive .btn-close{background-color:#bcbcbc}.metro .window.flat{background-color:#fff;border:1px solid #e9e9e9}.metro .window.flat .caption{height:32px;background-color:#fff;padding:7px 5px;border-bottom:1px #e9e9e9 solid;border-top:0}.metro .window.flat .caption .btn-close,.metro .window.flat .caption .btn-max,.metro .window.flat .caption .btn-min{background-color:#fff;color:#777;width:24px;top:4px;right:4px}.metro .window.flat .caption .btn-close:hover,.metro .window.flat .caption .btn-max:hover,.metro .window.flat .caption .btn-min:hover{background-color:#cde6f7;color:#2a8dd4}.metro .window.flat .caption .btn-close:hover:after,.metro .window.flat .caption .btn-max:hover:after,.metro .window.flat .caption .btn-min:hover:after{border-color:#2a8dd4}.metro .window.flat .caption .btn-close:active,.metro .window.flat .caption .btn-max:active,.metro .window.flat .caption .btn-min:active{background-color:#92c0e0!important;color:#fff!important}.metro .window.flat .caption .btn-close:after,.metro .window.flat .caption .btn-max:after,.metro .window.flat .caption .btn-min:after{border-color:#777;width:10px!important;height:6px!important}.metro .window.flat .caption .btn-max{right:29px}.metro .window.flat .caption .btn-min{right:54px}.metro .window.flat .caption .btn-close:after{margin-top:2px}.metro .window.flat .content{padding-top:38px}.metro .listview .list{width:300px;height:auto;position:relative;display:block;cursor:pointer;color:inherit;margin:0 0 10px;border:1px solid #eaeaea}.metro .listview .list .list-content{padding:10px;position:relative;display:block;color:inherit}.metro .listview .list .list-content:after,.metro .listview .list .list-content:before{display:table;content:""}.metro .listview .list:hover{outline:#ccc solid 3px}.metro .listview .list:active{outline:#3e3e3e solid 3px}.metro .listview .list .list-content .icon{display:block;width:56px;height:56px;font-size:40px;float:left;margin-right:10px}.metro .listview .list .list-content [class*=icon-].icon{padding:8px}.metro .listview .list .list-content .data{display:block;padding:0;margin:0 0 0 66px;min-width:200px;position:relative}.metro .listview .list .list-content .list-remark,.metro .listview .list .list-content .list-title{margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metro .listview .list .list-content .list-title{font-size:14px;line-height:16px}.metro .listview .list .list-content .list-remark{font-size:11px;line-height:12px}.metro .listview .list .list-content [class*=span]{float:none}.metro .listview .list .list-content .rating{color:inherit}.metro .listview .list .list-content .progress-bar{margin:5px 0}.metro .listview.small .list-content .icon{display:block;width:32px;height:32px;line-height:14px;font-size:28px;float:left;margin-right:10px}.metro .listview.small .list-content [class*=icon-].icon{padding:8px 0}.metro .listview.small .list-content [class*=icon-].border{font-size:22px;padding:8px 4px}.metro .listview.small .list-content .data{margin-left:40px}.metro .listview .list.selected{border:4px solid #4390df}.metro .listview .list.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.metro .listview .list.selected:before{position:absolute;display:block;content:"\e08a";color:#fff;right:0;font-family:iconFont;font-size:9pt;font-weight:400;z-index:102;top:0}.metro .listview-outlook{position:relative;display:block}.metro .listview-outlook .list{height:auto;position:relative;cursor:pointer;margin:0 0 10px}.metro .listview-outlook .list .list-content{position:relative;display:block}.metro .listview-outlook .list .list-content:after,.metro .listview-outlook .list .list-content:before{display:table;content:""}.metro .listview-outlook .list .list-content .icon{display:block;width:56px;height:56px;font-size:40px;float:left;margin-right:10px}.metro .listview-outlook .list .list-content [class*=icon-].icon{padding:8px}.metro .listview-outlook .list .list-content .data{display:block;padding:0;margin:0 0 0 66px;min-width:200px;position:relative}.metro .listview-outlook .list .list-content .list-remark,.metro .listview-outlook .list .list-content .list-title{margin:0;padding:0}.metro .listview-outlook .list .list-content [class*=span]{float:none}.metro .listview-outlook .list .list-content .rating{color:inherit}.metro .listview-outlook .list .list-content .progress-bar{margin:5px 0}.metro .listview-outlook.small .list-content .icon{display:block;width:32px;height:32px;line-height:14px;font-size:28px;float:left;margin-right:10px}.metro .listview-outlook.small .list-content [class*=icon-].icon{padding:8px 0}.metro .listview-outlook.small .list-content [class*=icon-].border{font-size:22px;padding:8px 4px}.metro .listview-outlook.small .list-content .data{margin-left:40px}.metro .listview-outlook .list.selected{border:4px solid #4390df}.metro .listview-outlook .list.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.metro .listview-outlook .list.selected:before{position:absolute;display:block;content:"\e08a";color:#fff;right:0;font-family:iconFont;font-size:9pt;font-weight:400;z-index:102;top:0}.metro .listview-outlook .list .list-content,.metro .listview-outlook .list-group .group-title{font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif}.metro .listview-outlook .list{display:block;width:100%;border:0;border-bottom:1px #e1e1e1 solid;padding:2px 0;color:#555;margin-bottom:0}.metro .listview-outlook .list .list-content{margin:2px 0;padding:2px 20px;font-size:16px;color:inherit;border-left:3px transparent solid}.metro .listview-outlook .list .list-content .list-remark,.metro .listview-outlook .list .list-content .list-subtitle,.metro .listview-outlook .list .list-content .list-title{width:100%;display:block;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metro .listview-outlook .list .list-content .list-title{font-size:16px;line-height:20px}.metro .listview-outlook .list .list-content .list-remark,.metro .listview-outlook .list .list-content .list-subtitle{font-size:11px;font-weight:400;line-height:15px;color:#1d1d1d}.metro .listview-outlook .list .list-content .list-subtitle{font-weight:700;color:#0067cb}.metro .listview-outlook .list.marked .list-content{border-left:3px #0067b0 solid!important}.metro .listview-outlook .list.active,.metro .listview-outlook .list:active,.metro .listview-outlook .list:focus{background-color:#cde6f7!important;outline:#999 dotted 1px;color:#555!important}.metro .listview-outlook .list:hover{background-color:#e6f2fa;outline:0}.metro .listview-outlook .list:hover .list-content{border-left:3px #b1d6f0 solid}.metro .listview-outlook .list-group .group-title:before,.metro .treeview .node-toggle:before{content:'';border-left:7px solid transparent;border-top:7px solid transparent}.metro .listview-outlook .list-group{display:block;position:relative}.metro .listview-outlook .list-group .group-title{display:block;margin-bottom:2px;background-color:#f0f0f0;padding:4px 20px 4px 24px;font-size:11px;font-weight:700;color:#333}.metro .listview-outlook .list-group .group-title:before{position:absolute;display:block;left:10px;top:1px;width:0;height:0;border-bottom:7px solid #000}.metro .listview-outlook .list-group .group-content{display:block}.metro .listview-outlook .list-group.collapsed .group-title:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-4px}.metro .listview-outlook .list-group .group-title:hover:before{border-bottom-color:#0067cb}.metro .listview-outlook .list-content .list-icon{float:left;width:48px;max-height:48px;margin-right:10px;margin-top:5px}.metro .treeview,.metro .treeview ul{color:#555;margin:0;padding:0;display:block;list-style:none}.metro .treeview{background-color:#fdfdfd}.metro .treeview ul li a{padding:0 0 0 15px}.metro .treeview a{font-size:12px;color:inherit;display:block}.metro .treeview .node>a{margin-bottom:5px;padding:0 0 0 15px;font-size:12px;position:relative;color:#000;white-space:nowrap;text-overflow:ellipsis}.metro .treeview .node:not(:first-child){margin-top:0}.metro .treeview .node-toggle{display:inline-block;position:relative;float:left;margin-right:3px;width:10px;height:10px}.metro .treeview .node-toggle:before{position:absolute;display:block;left:2px;top:0;width:0;height:0;border-bottom:7px #1d1d1d solid}.metro .fluent-menu .dropdown-toggle .button-label:after,.metro .fluent-menu .dropdown-toggle .button-label:before,.metro .fluent-menu .dropdown-toggle:after,.metro .fluent-menu .dropdown-toggle:before{content:""}.metro .treeview .node-toggle:hover:before{border-bottom-color:#0050ef}.metro .treeview li.collapsed .node-toggle:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-4px}.metro .treeview li a:hover{background-color:#e6f2fa}.metro .treeview .active{background-color:#e1e1e1;font-weight:700;color:#1d1d1d}.metro .treeview a .value{color:#0067cb}.metro .fluent-menu{font-size:14px}.metro .fluent-menu .tabs-holder{list-style:none;position:relative;margin:0;padding:0;display:block;z-index:2}.metro .fluent-menu .tabs-holder:after,.metro .fluent-menu .tabs-holder:before{display:table;content:""}.metro .fluent-menu .tabs-holder li{display:block;float:left;margin-right:5px;background-color:#fff}.metro .fluent-menu .tabs-holder li a{display:block;float:left;padding:4px 15px;text-transform:uppercase;font-size:.8em;color:#444}.metro .fluent-menu .tabs-holder li a:hover,.metro .fluent-menu .tabs-holder li.active a{color:#0072c6}.metro .fluent-menu .tabs-holder li:first-child{margin-left:0}.metro .fluent-menu .tabs-holder li.active{border:1px solid #d4d4d4;border-bottom-color:#fff}.metro .fluent-menu .tabs-holder li.special{border:1px solid #0072c6;background-color:#0072c6}.metro .fluent-menu .tabs-holder li.special a,.metro .fluent-menu .tabs-holder li.special a:hover{color:#fff}.metro .fluent-menu .tabs-content{z-index:1;position:relative;margin-top:-1px;border:1px solid #d4d4d4;background-color:#fff;height:120px}.metro .fluent-menu .tabs-content .tab-panel{display:block;height:100%;padding:5px 0 2px}.metro .fluent-menu .tabs-content .tab-panel .tab-panel-group{height:100%;position:relative;display:block;float:left;padding:0 5px;border-right:1px #d4d4d4 solid}.metro .fluent-menu .tabs-content .tab-panel .tab-panel-group:last-child{margin-right:0}.metro .fluent-menu .tabs-content .tab-panel .tab-group-caption{font-size:10px;margin:2px 0;text-align:center;display:block;position:absolute;bottom:0;right:0;left:0;white-space:nowrap}.metro .fluent-menu .tabs-content .tab-panel .tab-content-segment{display:block;float:left;position:relative}.metro .fluent-menu .fluent-button{background-color:#fff;padding:5px;font-size:14px;line-height:14px;display:block;cursor:default}.metro .fluent-menu .fluent-button:hover{background-color:#cde6f7}.metro .fluent-menu .fluent-button img{display:block;float:left;margin-right:5px;width:16px;height:16px}.metro .fluent-menu .fluent-button [class*=icon-]{color:#444}.metro .fluent-menu .fluent-button .button-label{display:inline-block;color:inherit;font:inherit}.metro .fluent-menu .fluent-button:active{top:0;left:0;background-color:#75bae9!important}.metro .fluent-menu .fluent-big-button{background-color:#fff;font-size:14px;display:block;cursor:default;padding:7px 5px;text-align:center;white-space:normal;line-height:12px;float:left;position:relative}.metro .fluent-menu .fluent-big-button:hover{background-color:#cde6f7}.metro .fluent-menu .fluent-big-button img{margin-right:5px}.metro .fluent-menu .fluent-big-button [class*=icon-]{color:#444}.metro .fluent-menu .fluent-big-button .button-label{display:inline-block;color:inherit;font:inherit}.metro .fluent-menu .fluent-big-button:active{top:0;left:0;background-color:#75bae9!important}.metro .fluent-menu .fluent-big-button [class*=icon-],.metro .fluent-menu .fluent-big-button img{display:block;width:40px;height:40px;font-size:40px;float:none;text-align:center;margin:5px auto}.metro .fluent-menu .fluent-big-button br{line-height:4px;height:4px;font-size:4px}.metro .fluent-menu .fluent-tool-button{background-color:#fff;font-size:14px;line-height:14px;display:block;cursor:default;padding:4px}.metro .fluent-menu .fluent-tool-button:hover{background-color:#cde6f7}.metro .fluent-menu .fluent-tool-button [class*=icon-]{color:#444}.metro .fluent-menu .fluent-tool-button .button-label{display:inline-block;color:inherit;font:inherit}.metro .fluent-menu .fluent-tool-button:active{top:0;left:0;background-color:#75bae9!important}.metro .fluent-menu .fluent-tool-button [class*=icon-],.metro .fluent-menu .fluent-tool-button img{display:block;width:16px;height:16px;font-size:16px;float:none;text-align:center}.metro .fluent-menu .fluent-tool-button img{margin-right:0}.metro .fluent-menu .dropdown-toggle .button-label{padding-right:5px}.metro .fluent-menu .dropdown-toggle .button-label:after{content:"\e1ad";font-family:iconFont;position:absolute;right:0;bottom:3px;font-size:.8em}.metro .fluent-menu .dropdown-menu{position:absolute;top:100%;z-index:100}.metro .fluent-menu .dropdown-menu a{font-size:10pt!important}.metro .fluent-menu .dropdown-menu a:hover{background-color:#cde6f7;color:#444}.metro p [data-hint]{border-bottom:1px #373737 dotted;white-space:nowrap}.metro .hint{position:fixed;color:#1d1d1d;padding:10px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;width:auto;max-width:220px;margin-top:10px;z-index:1030;display:none;border:1px solid #6a6a6a}.metro .hint .hint-text,.metro .hint .hint-title{color:inherit;text-align:left}.metro .hint .hint-title{font-size:1.2em;font-weight:700}.metro .hint:after,.metro .hint:before{content:'';position:absolute;width:0;height:0}.metro .hint:before{z-index:2}.metro .hint:after{z-index:1;border-color:inherit}.metro .hint.bottom:after,.metro .hint.bottom:before{top:1px;left:5px;margin:-10px 0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #fffcc0}.metro .hint.bottom:after{top:0;border-bottom:10px solid}.metro .hint.top:after,.metro .hint.top:before{top:100%;margin-top:-1px;left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #fffcc0}.metro .hint.top:after{margin-top:1px;border-top:10px solid}.metro .hint.left:after,.metro .hint.left:before{top:5px;left:100%;margin-left:-1px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #fffcc0}.metro .hint.left:after{margin-left:0;border-left:10px solid}.metro .hint.right:after,.metro .hint.right:before{top:5px;left:-9px;margin:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:10px solid #fffcc0}.metro .hint.right:after{left:-10px;border-right:10px solid}.metro .balloon{display:block;width:auto;height:auto;margin:0 0 30px;padding:0;border:1px solid #555;background-color:#fff;position:relative}.metro .balloon:after,.metro .balloon:before{content:'';position:absolute;width:0;height:0}.metro .balloon:before{z-index:2}.metro .balloon:after{z-index:1}.metro .balloon.bottom:after,.metro .balloon.bottom:before{top:1px;left:20px;margin:-20px 0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff}.metro .balloon.bottom:after{top:0;border-bottom:20px solid #555}.metro .balloon.top:after,.metro .balloon.top:before{top:100%;margin-top:-1px;left:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #fff}.metro .balloon.top:after{margin-top:1px;border-top:20px solid #555}.metro .balloon.left:after,.metro .balloon.left:before{top:10px;left:100%;margin-left:-1px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff}.metro .balloon.left:after{margin-left:0;border-left:21px solid #555}.metro .balloon.right:after,.metro .balloon.right:before{top:10px;left:-19px;margin:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff}.metro .balloon.right:after{left:-20px;border-right:20px solid #555}.metro .stepper{margin:10px 0}.metro .stepper:after,.metro .stepper:before{display:table;content:""}.metro .stepper>ul{counter-reset:li;border-top:1px #1d1d1d dotted;position:relative;padding:0;margin:30px 0;width:100%}.metro .stepper>ul li{list-style:none;float:left;width:2em;height:2em;margin-top:-1em;position:absolute;left:0;background:#666;cursor:pointer}.metro .stepper>ul li:before{content:counter(li);counter-increment:li;position:absolute;box-sizing:border-box;padding:.3em 10px;color:#fff;font-weight:700;font-family:"Helvetica Neue",Arial,sans-serif;font-size:1.5rem;text-align:center}.metro .streamer .streams .stream .stream-number,.metro .streamer .streams .stream .stream-title{font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif}.metro .stepper>ul li:hover{background-color:#999}.metro .stepper>ul li.complete,.metro .stepper>ul li.current{transition:all .2s ease}.metro .stepper>ul li.current{background-color:#2D7D9A}.metro .stepper>ul li.current:hover{background-color:#0cf}.metro .stepper>ul li.complete{background-color:#60a917}.metro .stepper>ul li.complete:hover{background-color:#7ad61d}.metro .stepper.rounded li{border-radius:100%}.metro .stepper.diamond li{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.metro .stepper.diamond li:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.metro .streamer{position:relative;display:block;width:100%;overflow:hidden}.metro .streamer .meter{height:25px;width:auto;list-style:none;margin:0;padding:0;display:block;overflow:hidden}.metro .streamer .meter li{display:block;float:left;width:213px;padding:2px 3px;background:url(/images/meter-210.png) top left repeat-x}.metro .streamer .meter li em{font-size:10px;font-style:normal}.metro .streamer .streams{width:142px;padding-top:25px;position:absolute;left:0;top:0;z-index:2;background-color:#fff}.metro .streamer .streams .streams-title{position:absolute;top:0}.metro .streamer .streams .stream{position:relative;display:block;width:100%;height:75px;margin:0 2px 2px 0;padding:5px;color:#fff;cursor:pointer}.metro .streamer .events .events-area:after,.metro .streamer .events .events-area:before,.metro .streamer .events .events-grid:after,.metro .streamer .events .events-grid:before{display:table;content:""}.metro .streamer .events,.metro .streamer .events .events-grid{height:100%;min-height:100%}.metro .streamer .streams .stream .stream-title{font-size:12px;line-height:12px}.metro .streamer .streams .stream .stream-number{position:absolute;left:5px;bottom:5px;font-size:11px;line-height:11px}.metro .streamer .events{padding-left:143px;overflow:hidden;overflow-x:scroll}.metro .streamer .events .double{width:424px}.metro .streamer .events .triple{width:637px}.metro .streamer .events .quadro{width:850px}.metro .streamer .events .events-area{height:100%;min-height:100%;overflow:hidden}.metro .streamer .events .event-group{height:460px;min-width:211px;margin:0 2px 2px 0;float:left}.metro .streamer .events .event-super{height:100%;min-height:100%;border:1px solid #eaeaea}.metro .streamer .events .event-stream{height:75px}.metro .streamer .events .event-stream .event{min-width:211px;height:75px;float:left;display:block;margin:0 2px 2px 0;cursor:pointer;position:relative;overflow:hidden;border:1px solid #eaeaea}.metro .streamer .events .event-stream .event:last-child{margin-right:0}.metro .streamer .events .event-stream .event.event-disable{opacity:.2}.metro .streamer .events .event-stream .event .event-content{width:100%;height:100%;padding:0;margin:0;position:absolute;left:0;top:0;overflow:hidden;display:none}.metro .streamer .events .event-stream .event .event-content:first-child{display:block}.metro .streamer .events .event-stream .event .event-content-logo{display:block;float:left;margin-right:5px;padding:3px}.metro .streamer .events .event-stream .event .event-content-logo .icon{position:relative;width:39px;height:39px;margin-bottom:1px}.metro .streamer .events .event-stream .event .event-content-logo .icon img{width:100%;height:100%}.metro .streamer .events .event-stream .event .event-content-logo .time{position:relative;width:39px;padding:8px 4px;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#fff;line-height:12px}.metro .streamer .events .event-stream .event .event-content-data{display:block;padding:0;margin:0 0 0 50px;position:relative}.metro .streamer .events .event-stream .event .event-content-data .title{position:relative;font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:14px;margin:3px 0 0;padding:0}.metro .streamer .events .event-stream .event .event-content-data .subtitle{position:relative;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;font-size:10px;line-height:10px;margin:0 0 10px;padding:0}.metro .streamer .events .event-stream .event .event-content-data .remark{position:absolute;display:block;top:36px;margin-right:4px;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:11px;color:#999}.metro .streamer .events .event-stream .event:hover{border-color:#999}.metro .streamer .events .event-stream .event.selected{border:4px solid #4390df;border-width:1px}.metro .streamer .events .event-stream .event.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.metro .streamer .events .event-stream .event.selected:before{position:absolute;display:block;content:"\e08a";color:#fff;font-family:iconFont;font-size:9pt;font-weight:400;z-index:102;top:0;right:3px}.metro .scrollbar-button{background-color:#fff;border:1px solid #ababab}.metro .scrollbar,.metro .scrollbar-container{position:relative;overflow:hidden}.metro .scrollbar-h,.metro .scrollbar-v{position:absolute;background:#f3f3f3}.metro .scrollbar-v{width:15px;height:100%;right:0;top:0}.metro .scrollbar-h{height:15px;width:100%;left:0;bottom:0}.metro .scrollbar-h-down,.metro .scrollbar-h-up,.metro .scrollbar-line-h-btn,.metro .scrollbar-line-v-btn,.metro .scrollbar-v-down,.metro .scrollbar-v-up{cursor:pointer;position:absolute;background-color:#fff;border:1px solid #ababab}.metro .scrollbar-line-h-btn:hover,.metro .scrollbar-line-v-btn:hover{background-color:#f0f0f0}.metro .scrollbar-h-up,.metro .scrollbar-v-up{width:15px;height:15px;left:0;top:0}.metro .scrollbar-h-down,.metro .scrollbar-v-down{width:15px;height:15px;left:0;bottom:0}.metro .scrollbar-h-down{left:auto;right:0}.metro .scrollbar-line-h,.metro .scrollbar-line-v{position:absolute;z-index:3}.metro .scrollbar-line-v{width:100%;left:0;top:15px}.metro .scrollbar-line-h{height:15px;left:15px;top:0}.metro .scrollbar-line-v-btn{width:100%;left:0!important;top:0}.metro .scrollbar-line-h-btn{height:100%;left:0;top:0!important}.metro .scrollbar-both{position:absolute;width:15px;height:15px;right:0;bottom:0}.metro .scrollbar-both,.metro .scrollbar-line-h,.metro .scrollbar-line-v{background-color:#f3f3f3}.metro .scrollbar-h-down:before,.metro .scrollbar-h-up:before,.metro .scrollbar-v-down:before,.metro .scrollbar-v-up:before{position:absolute;content:"";font-family:iconFont;font-size:14px;margin-top:-1px}.metro .scrollbar-v-up:before{content:"\e1ae"}.metro .scrollbar-v-down:before{content:"\e1ad"}.metro .scrollbar-h-up:before{content:"\e1ac";margin-left:-1px}.metro .scrollbar-h-down:before{content:"\e1af";margin-top:-1px;margin-right:-1px}.metro.notify-container{position:fixed;right:0;top:0;z-index:1060}.metro.notify-container .notify{background-color:#fff;display:block;position:relative;min-width:220px;font-family:'Segoe UI_','Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;color:#1d1d1d;padding:10px;margin:2px 2px 2px 0}.metro.notify-container .notify .caption{font-size:18px;line-height:20px;margin-bottom:5px}.metro.notify-container .notify .content{font-size:14px;line-height:16px}.metro .notify-wrapper{position:relative;background-color:#1d1d1d;width:auto;height:auto;min-width:250px;color:#fff}.metro .notice{display:block;min-width:200px;height:auto;position:relative;background-color:#4390df;padding:20px}.metro .notice *{color:inherit}.metro .notice:before{content:"";width:10px;height:10px;display:block;position:absolute;background-color:inherit;left:-5px;top:50%;margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.metro .notice.marker-on-top:before{top:0;left:50%;margin-left:-5px}.metro .notice.marker-on-right:before{top:50%;margin-top:-5px;left:100%;margin-left:-5px}.metro .notice.marker-on-bottom:before{top:100%;margin-left:-5px;left:50%;margin-top:-5px}.metro .dataTable thead .sorting,.metro .dataTable thead .sorting_asc,.metro .dataTable thead .sorting_desc{cursor:pointer}.metro .dataTable thead .sorting:after,.metro .dataTable thead .sorting_asc:after,.metro .dataTable thead .sorting_desc:after{font-family:iconFont;position:relative;float:right;right:0;color:#999}.metro .dataTable thead .sorting:after{content:"\e0a0"}.metro .dataTable thead .sorting_asc:after{content:"\e1ae"}.metro .dataTable thead .sorting_desc:after{content:"\e1ad"}.metro .dataTable thead .sorting_asc:after,.metro .dataTable thead .sorting_desc:after{color:#1d1d1d}.metro .dataTables_wrapper .dataTables_filter label,.metro .dataTables_wrapper .dataTables_length label{vertical-align:middle}.metro .dataTables_wrapper .dataTables_paginate .paginate_button,.metro .wizard .actions button{vertical-align:middle!important;line-height:16px;outline:0;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif}.metro .dataTables_wrapper .dataTables_filter input,.metro .dataTables_wrapper .dataTables_filter select,.metro .dataTables_wrapper .dataTables_length input,.metro .dataTables_wrapper .dataTables_length select{border:1px solid #d9d9d9;width:auto;height:100%;padding:5px;z-index:1;position:relative}.metro .dataTables_wrapper .dataTables_filter input:focus,.metro .dataTables_wrapper .dataTables_filter select:focus,.metro .dataTables_wrapper .dataTables_length input:focus,.metro .dataTables_wrapper .dataTables_length select:focus{outline:0;border-color:#919191}.metro .dataTables_wrapper .dataTables_length{float:left}.metro .dataTables_wrapper .dataTables_length select{margin:0 5px}.metro .dataTables_wrapper .dataTables_filter{float:right}.metro .dataTables_wrapper .dataTables_filter input{margin-left:5px}.metro .dataTables_wrapper .dataTables_paginate{float:right;text-align:right}.metro .dataTables_wrapper .dataTables_paginate .paginate_button{padding:4px 12px;text-align:center;background-color:#d9d9d9;border:1px solid transparent;border-radius:0;cursor:pointer;font-size:14px;color:inherit;display:block;float:left;margin-right:1px}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.default{background-color:#008287;color:#fff}.metro .dataTables_wrapper .dataTables_paginate .paginate_button:focus{outline:0;border:1px dotted #353535}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.metro .dataTables_wrapper .dataTables_paginate .paginate_button:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button *,.metro .dataTables_wrapper .dataTables_paginate .paginate_button :hover{color:inherit}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.primary{background-color:#16499a!important;color:#fff!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.info{background-color:#4390df!important;color:#fff!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.success{background-color:#60a917!important;color:#fff!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.warning{background-color:#fa6800!important;color:#fff!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.danger{background-color:#9a1616!important;color:#fff!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link{background-color:transparent!important;color:#2e92cf!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link:hover{text-decoration:underline}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link.disabled,.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.link [class*=icon-]{text-decoration:none!important}.metro .dataTables_wrapper .dataTables_paginate .paginate_button:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.large{padding:11px 19px;font-size:17.5px}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.small{padding:2px 10px;font-size:11.9px}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.mini{padding:0 6px;font-size:10.5px}.metro .dataTables_wrapper .dataTables_paginate .paginate_button.current{background-color:#4390df;color:#fff}.metro .dataTables_wrapper .dataTables_info{float:left}.metro .dataTables_wrapper .dataTables_scrollHeadInner table{margin:0!important}.metro .dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-2em;width:200px;padding:20px;text-align:center;font-size:1.2rem;background-color:#fff}.metro .dataTables_wrapper:after{visibility:hidden;display:block;content:"";height:0}.metro .wizard .steps{margin:10px 0;padding:20px;border:1px solid #eee;position:relative}.metro .wizard .steps .step{position:relative;width:100%;height:100%;display:none}.metro .wizard .steps .step:first-child{display:block}.metro .wizard .actions .group-right{float:right}.metro .wizard .actions .group-left{float:left}.metro .wizard .actions button{padding:4px 12px;text-align:center;background-color:#d9d9d9;border:1px solid transparent;color:#222;border-radius:0;cursor:pointer;display:inline-block;font-size:14px;margin-right:2px}.metro .wizard .actions button.default{background-color:#008287;color:#fff}.metro .wizard .actions button:focus{outline:0;border:1px dotted #353535}.metro .wizard .actions button.disabled,.metro .wizard .actions button:disabled{background-color:#eaeaea!important;color:#bebebe!important;cursor:not-allowed!important}.metro .wizard .actions button *,.metro .wizard .actions button :hover{color:inherit}.metro .wizard .actions button.primary{background-color:#16499a!important;color:#fff!important}.metro .wizard .actions button.info{background-color:#4390df!important;color:#fff!important}.metro .wizard .actions button.success{background-color:#60a917!important;color:#fff!important}.metro .wizard .actions button.warning{background-color:#fa6800!important;color:#fff!important}.metro .wizard .actions button.danger{background-color:#9a1616!important;color:#fff!important}.metro .wizard .actions button.inverse{background-color:#1d1d1d!important;color:#fff!important}.metro .wizard .actions button.link{background-color:transparent!important;color:#2e92cf!important}.metro .wizard .actions button.link:hover{text-decoration:underline}.metro .wizard .actions button.link.disabled,.metro .wizard .actions button.link:disabled{background-color:transparent!important;color:#bebebe!important;cursor:not-allowed!important}.metro .wizard .actions button.link [class*=icon-]{text-decoration:none!important}.metro .wizard .actions button:active{background-color:#1d1d1d!important;color:#fff!important;border-color:transparent}.metro .wizard .actions button.large{padding:11px 19px;font-size:17.5px}.metro .wizard .actions button.small{padding:2px 10px;font-size:11.9px}.metro .wizard .actions button.mini{padding:0 6px;font-size:10.5px}.metro .wizard .actions button:last-child{margin-right:0}.metro .wizard .actions button.btn-finish{background-color:#60a917;color:#fff}.metro .wizard .actions button:disabled{background-color:#6f6f6f!important}.metro .panel{border:1px solid #eaeaea}.metro .panel .panel-header{padding:10px;background-color:#eee;width:100%;font-family:'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em;font-size:2.2rem;line-height:2.2rem;color:#1d1d1d;cursor:default}.metro .panel .panel-content{width:100%;height:auto;padding:10px}.metro [data-role=panel] .panel-header{cursor:pointer}.metro [data-role=panel] .panel-header:after{font-family:iconFont;content:"\e1b1";float:right;color:inherit}.metro [class*=icon-],.metro [data-icon]:before{font-family:iconFont;speak:none;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.metro [data-role=panel].collapsed .panel-header:after{content:"\e1b3"}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('embedded-opentype'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg');font-weight:400;font-style:normal}@font-face{font-family:iconFont2;src:url(../fonts/iconFont2.eot);src:url(../fonts/iconFont2.eot?#iefix) format('embedded-opentype'),url(../fonts/iconFont2.woff) format('woff'),url(../fonts/iconFont2.ttf) format('truetype'),url(../fonts/iconFont2.svg#iconFont) format('svg');font-weight:400;font-style:normal}.metro [data-icon]:before{content:attr(data-icon);font-weight:400}.metro [class*=icon-]{font-style:normal;font-weight:400!important;text-decoration:inherit;display:inline-block;vertical-align:-8%;font-size:inherit}.metro .alternate[class*=icon-]{font-family:iconFont2;position:relative}.metro .alternate[class*=icon-]::before{font-weight:700;mix-blend-mode:multiply;color:#000}.metro .alternate[class*=icon-]::after{mix-blend-mode:screen;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;border-radius:50%}.metro .alternate[class*=icon-][class*=bg-]{background:#fff!important;background:-moz-linear-gradient(-45deg,rgba(255,255,255,1) 0,rgba(239,239,239,1) 100%)!important;background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 0,rgba(239,239,239,1) 100%)!important;background:linear-gradient(135deg,rgba(255,255,255,1) 0,rgba(239,239,239,1) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=1 )!important}.metro [class*=icon-].smaller{font-size:.7em;vertical-align:6%}.metro [class*=icon-].large{font-size:1.2em;vertical-align:-10%}.metro .alternate.bg-black[class*=icon-]::after,.metro .gradient.bg-black{background:-moz-linear-gradient(-45deg,#000 0,#000 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#000 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#000 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-white[class*=icon-]::after,.metro .gradient.bg-white{background:-moz-linear-gradient(-45deg,#000 0,#fbfbfb 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#fbfbfb 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#fbfbfb 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lime[class*=icon-]::after,.metro .gradient.bg-lime{background:-moz-linear-gradient(-45deg,#000 0,#a4c400 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#a4c400 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#a4c400 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c400', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-green[class*=icon-]::after,.metro .gradient.bg-green{background:-moz-linear-gradient(-45deg,#000 0,#60a917 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#60a917 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#60a917 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a917', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-emerald[class*=icon-]::after,.metro .gradient.bg-emerald{background:-moz-linear-gradient(-45deg,#000 0,#008a00 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#008a00 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#008a00 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-teal[class*=icon-]::after,.metro .gradient.bg-teal{background:-moz-linear-gradient(-45deg,#000 0,#00aba9 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#00aba9 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#00aba9 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aba9', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-cyan[class*=icon-]::after,.metro .gradient.bg-cyan{background:-moz-linear-gradient(-45deg,#000 0,#2D7D9A 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#2D7D9A 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#2D7D9A 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D7D9A', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-cobalt[class*=icon-]::after,.metro .gradient.bg-cobalt{background:-moz-linear-gradient(-45deg,#000 0,#0050ef 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#0050ef 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#0050ef 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0050ef', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-indigo[class*=icon-]::after,.metro .gradient.bg-indigo{background:-moz-linear-gradient(-45deg,#000 0,#6a00ff 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#6a00ff 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#6a00ff 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a00ff', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-violet[class*=icon-]::after,.metro .gradient.bg-violet{background:-moz-linear-gradient(-45deg,#000 0,#a0f 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#a0f 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#a0f 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa00ff', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-pink[class*=icon-]::after,.metro .gradient.bg-pink{background:-moz-linear-gradient(-45deg,#000 0,#dc4fad 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#dc4fad 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#dc4fad 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4fad', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-magenta[class*=icon-]::after,.metro .gradient.bg-magenta{background:-moz-linear-gradient(-45deg,#000 0,#d80073 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#d80073 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#d80073 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80073', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-crimson[class*=icon-]::after,.metro .gradient.bg-crimson{background:-moz-linear-gradient(-45deg,#000 0,#a20025 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#a20025 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#a20025 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a20025', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-red[class*=icon-]::after,.metro .gradient.bg-red{background:-moz-linear-gradient(-45deg,#000 0,#e51400 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#e51400 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#e51400 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51400', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-orange[class*=icon-]::after,.metro .gradient.bg-orange{background:-moz-linear-gradient(-45deg,#000 0,#fa6800 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#fa6800 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#fa6800 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6800', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-amber[class*=icon-]::after,.metro .gradient.bg-amber{background:-moz-linear-gradient(-45deg,#000 0,#f0a30a 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#f0a30a 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#f0a30a 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a30a', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-yellow[class*=icon-]::after,.metro .gradient.bg-yellow{background:-moz-linear-gradient(-45deg,#000 0,#e3c800 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#e3c800 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#e3c800 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3c800', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-brown[class*=icon-]::after,.metro .gradient.bg-brown{background:-moz-linear-gradient(-45deg,#000 0,#825a2c 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#825a2c 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#825a2c 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#825a2c', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-olive[class*=icon-]::after,.metro .gradient.bg-olive{background:-moz-linear-gradient(-45deg,#000 0,#6d8764 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#6d8764 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#6d8764 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8764', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-steel[class*=icon-]::after,.metro .gradient.bg-steel{background:-moz-linear-gradient(-45deg,#000 0,#647687 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#647687 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#647687 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#647687', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-mauve[class*=icon-]::after,.metro .gradient.bg-mauve{background:-moz-linear-gradient(-45deg,#000 0,#76608a 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#76608a 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#76608a 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#76608a', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-taupe[class*=icon-]::after,.metro .gradient.bg-taupe{background:-moz-linear-gradient(-45deg,#000 0,#87794e 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#87794e 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#87794e 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#87794e', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-gray[class*=icon-]::after,.metro .gradient.bg-gray{background:-moz-linear-gradient(-45deg,#000 0,#555 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#555 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#555 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-dark[class*=icon-]::after,.metro .gradient.bg-dark{background:-moz-linear-gradient(-45deg,#000 0,#333 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#333 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#333 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darker[class*=icon-]::after,.metro .gradient.bg-darker{background:-moz-linear-gradient(-45deg,#000 0,#222 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#222 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#222 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-transparent[class*=icon-]::after,.metro .gradient.bg-transparent{background-color:transparent}.metro .alternate.bg-darkBrown[class*=icon-]::after,.metro .gradient.bg-darkBrown{background:-moz-linear-gradient(-45deg,#000 0,#63362f 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#63362f 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#63362f 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#63362f', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkCrimson[class*=icon-]::after,.metro .gradient.bg-darkCrimson{background:-moz-linear-gradient(-45deg,#000 0,#640024 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#640024 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#640024 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#640024', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkMagenta[class*=icon-]::after,.metro .gradient.bg-darkMagenta{background:-moz-linear-gradient(-45deg,#000 0,#81003c 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#81003c 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#81003c 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81003c', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkIndigo[class*=icon-]::after,.metro .gradient.bg-darkIndigo{background:-moz-linear-gradient(-45deg,#000 0,#4b0096 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#4b0096 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#4b0096 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0096', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkCyan[class*=icon-]::after,.metro .gradient.bg-darkCyan{background:-moz-linear-gradient(-45deg,#000 0,#2D7D9A 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#2D7D9A 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#2D7D9A 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D7D9A', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkCobalt[class*=icon-]::after,.metro .gradient.bg-darkCobalt{background:-moz-linear-gradient(-45deg,#000 0,#00356a 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#00356a 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#00356a 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00356a', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkTeal[class*=icon-]::after,.metro .gradient.bg-darkTeal{background:-moz-linear-gradient(-45deg,#000 0,#004050 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#004050 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#004050 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#004050', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkEmerald[class*=icon-]::after,.metro .gradient.bg-darkEmerald{background:-moz-linear-gradient(-45deg,#000 0,#003e00 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#003e00 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#003e00 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e00', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkGreen[class*=icon-]::after,.metro .gradient.bg-darkGreen{background:-moz-linear-gradient(-45deg,#000 0,#128023 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#128023 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#128023 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#128023', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkOrange[class*=icon-]::after,.metro .gradient.bg-darkOrange{background:-moz-linear-gradient(-45deg,#000 0,#bf5a15 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#bf5a15 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#bf5a15 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5a15', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkRed[class*=icon-]::after,.metro .gradient.bg-darkRed{background:-moz-linear-gradient(-45deg,#000 0,#9a1616 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#9a1616 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#9a1616 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1616', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkPink[class*=icon-]::after,.metro .gradient.bg-darkPink{background:-moz-linear-gradient(-45deg,#000 0,#9a165a 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#9a165a 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#9a165a 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a165a', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkViolet[class*=icon-]::after,.metro .gradient.bg-darkViolet{background:-moz-linear-gradient(-45deg,#000 0,#57169a 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#57169a 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#57169a 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#57169a', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-darkBlue[class*=icon-]::after,.metro .gradient.bg-darkBlue{background:-moz-linear-gradient(-45deg,#000 0,#16499a 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#16499a 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#16499a 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#16499a', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightBlue[class*=icon-]::after,.metro .gradient.bg-lightBlue{background:-moz-linear-gradient(-45deg,#000 0,#4390df 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#4390df 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#4390df 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4390df', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightRed[class*=icon-]::after,.metro .gradient.bg-lightRed{background:-moz-linear-gradient(-45deg,#000 0,#ff2d19 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#ff2d19 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#ff2d19 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d19', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightGreen[class*=icon-]::after,.metro .gradient.bg-lightGreen{background:-moz-linear-gradient(-45deg,#000 0,#7ad61d 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#7ad61d 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#7ad61d 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ad61d', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lighterBlue[class*=icon-]::after,.metro .gradient.bg-lighterBlue{background:-moz-linear-gradient(-45deg,#000 0,#0cf 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#0cf 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#0cf 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightTeal[class*=icon-]::after,.metro .gradient.bg-lightTeal{background:-moz-linear-gradient(-45deg,#000 0,#45fffd 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#45fffd 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#45fffd 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45fffd', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightOlive[class*=icon-]::after,.metro .gradient.bg-lightOlive{background:-moz-linear-gradient(-45deg,#000 0,#78aa1c 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#78aa1c 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#78aa1c 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#78aa1c', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightOrange[class*=icon-]::after,.metro .gradient.bg-lightOrange{background:-moz-linear-gradient(-45deg,#000 0,#c29008 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#c29008 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#c29008 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c29008', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-lightPink[class*=icon-]::after,.metro .gradient.bg-lightPink{background:-moz-linear-gradient(-45deg,#000 0,#f472d0 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#f472d0 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#f472d0 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f472d0', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-grayDark[class*=icon-]::after,.metro .gradient.bg-grayDark{background:-moz-linear-gradient(-45deg,#000 0,#333 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#333 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#333 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-grayDarker[class*=icon-]::after,.metro .gradient.bg-grayDarker{background:-moz-linear-gradient(-45deg,#000 0,#222 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#222 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#222 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-grayLight[class*=icon-]::after,.metro .gradient.bg-grayLight{background:-moz-linear-gradient(-45deg,#000 0,#999 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#999 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#999 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-grayLighter[class*=icon-]::after,.metro .gradient.bg-grayLighter{background:-moz-linear-gradient(-45deg,#000 0,#eee 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#eee 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#eee 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=1 )}.metro .alternate.bg-blue[class*=icon-]::after,.metro .gradient.bg-blue{background:-moz-linear-gradient(-45deg,#000 0,#6CBAD6 45%,#fff 100%);background:-webkit-linear-gradient(-45deg,#000 0,#6CBAD6 45%,#fff 100%);background:linear-gradient(135deg,#000 0,#6CBAD6 45%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6CBAD6', endColorstr='#ffffff', GradientType=1 )}.metro .icon-newspaper:before{content:"\e001"}.metro .icon-pencil:before{content:"\e002"}.metro .icon-pictures:before{content:"\e004"}.metro .icon-camera:before{content:"\e005"}.metro .icon-music:before{content:"\e006"}.metro .icon-film:before{content:"\e007"}.metro .icon-camera-2:before{content:"\e008"}.metro .icon-broadcast:before{content:"\e00c"}.metro .icon-mic:before{content:"\e00d"}.metro .icon-book:before{content:"\e00e"}.metro .icon-file:before{content:"\e00f"}.metro .icon-new:before{content:"\e010"}.metro .icon-copy:before{content:"\e011"}.metro .icon-folder:before{content:"\e012"}.metro .icon-folder-2:before{content:"\e013"}.metro .icon-tag:before{content:"\e014"}.metro .icon-cart:before{content:"\e015"}.metro .icon-basket:before{content:"\e016"}.metro .icon-calculate:before{content:"\e017"}.metro .icon-support:before{content:"\e018"}.metro .icon-phone:before{content:"\e019"}.metro .icon-mail:before{content:"\e01a"}.metro .icon-location:before{content:"\e01b"}.metro .icon-compass:before{content:"\e01c"}.metro .icon-history:before{content:"\e01d"}.metro .icon-clock:before{content:"\e01e"}.metro .icon-bell:before{content:"\e01f"}.metro .icon-calendar:before{content:"\e020"}.metro .icon-mouse:before{content:"\e022"}.metro .icon-screen:before{content:"\e023"}.metro .icon-laptop:before{content:"\e024"}.metro .icon-mobile:before{content:"\e025"}.metro .icon-cabinet:before{content:"\e026"}.metro .icon-drawer:before{content:"\e027"}.metro .icon-drawer-2:before{content:"\e028"}.metro .icon-box:before{content:"\e029"}.metro .icon-box-add:before{content:"\e02a"}.metro .icon-box-remove:before{content:"\e02b"}.metro .icon-download:before{content:"\e02c"}.metro .icon-upload:before{content:"\e02d"}.metro .icon-database:before{content:"\e02e"}.metro .icon-flip:before{content:"\e02f"}.metro .icon-flip-2:before{content:"\e030"}.metro .icon-undo:before{content:"\e031"}.metro .icon-redo:before{content:"\e032"}.metro .icon-forward:before{content:"\e033"}.metro .icon-reply:before{content:"\e034"}.metro .icon-reply-2:before{content:"\e035"}.metro .icon-comments:before{content:"\e036"}.metro .icon-comments-2:before{content:"\e037"}.metro .icon-comments-3:before{content:"\e038"}.metro .icon-comments-4:before{content:"\e039"}.metro .icon-comments-5:before{content:"\e03a"}.metro .icon-user:before{content:"\e03b"}.metro .icon-user-2:before{content:"\e03c"}.metro .icon-user-3:before{content:"\e03d"}.metro .icon-busy:before{content:"\e03e"}.metro .icon-loading-2:before{content:"\e040"}.metro .icon-search:before{content:"\e041"}.metro .icon-zoom-in:before{content:"\e042"}.metro .icon-zoom-out:before{content:"\e043"}.metro .icon-key:before{content:"\e044"}.metro .icon-key-2:before{content:"\e045"}.metro .icon-locked:before{content:"\e046"}.metro .icon-unlocked:before{content:"\e047"}.metro .icon-wrench:before{content:"\e048"}.metro .icon-equalizer:before{content:"\e049"}.metro .icon-cog:before{content:"\e04a"}.metro .icon-pie:before{content:"\e04b"}.metro .icon-bars:before{content:"\e04c"}.metro .icon-stats-up:before{content:"\e04d"}.metro .icon-gift:before{content:"\e04e"}.metro .icon-trophy:before{content:"\e04f"}.metro .icon-diamond:before{content:"\e050"}.metro .icon-coffee:before{content:"\e051"}.metro .icon-meter-slow:before{content:"\e053"}.metro .icon-meter-medium:before{content:"\e054"}.metro .icon-meter-fast:before{content:"\e055"}.metro .icon-dashboard:before{content:"\e056"}.metro .icon-fire:before{content:"\e057"}.metro .icon-lab:before{content:"\e058"}.metro .icon-remove:before{content:"\e059"}.metro .icon-briefcase:before{content:"\e05a"}.metro .icon-briefcase-2:before{content:"\e05b"}.metro .icon-cars:before{content:"\e05c"}.metro .icon-bus:before{content:"\e05d"}.metro .icon-cube:before{content:"\e05e"}.metro .icon-cube-2:before{content:"\e05f"}.metro .icon-puzzle:before{content:"\e060"}.metro .icon-glasses:before{content:"\e061"}.metro .icon-glasses-2:before{content:"\e062"}.metro .icon-accessibility:before{content:"\e063"}.metro .icon-accessibility-2:before{content:"\e064"}.metro .icon-target-2:before{content:"\e066"}.metro .icon-lightning:before{content:"\e067"}.metro .icon-power:before{content:"\e068"}.metro .icon-power-2:before{content:"\e069"}.metro .icon-clipboard:before{content:"\e06a"}.metro .icon-clipboard-2:before{content:"\e06b"}.metro .icon-playlist:before{content:"\e06c"}.metro .icon-grid-view:before{content:"\e06d"}.metro .icon-tree-view:before{content:"\e06e"}.metro .icon-cloud:before{content:"\e06f"}.metro .icon-cloud-2:before{content:"\e070"}.metro .icon-download-2:before{content:"\e071"}.metro .icon-upload-2:before{content:"\e072"}.metro .icon-upload-3:before{content:"\e073"}.metro .icon-link:before{content:"\e074"}.metro .icon-link-2:before{content:"\e075"}.metro .icon-flag:before{content:"\e076"}.metro .icon-flag-2:before{content:"\e077"}.metro .icon-attachment:before{content:"\e078"}.metro .icon-eye:before{content:"\e079"}.metro .icon-bookmark:before{content:"\e07a"}.metro .icon-bookmark-2:before{content:"\e07b"}.metro .icon-star:before{content:"\e07c"}.metro .icon-star-2:before{content:"\e07d"}.metro .icon-star-3:before{content:"\e07e"}.metro .icon-heart:before{content:"\e07f"}.metro .icon-heart-2:before{content:"\e080"}.metro .icon-thumbs-up:before{content:"\e081"}.metro .icon-thumbs-down:before{content:"\e082"}.metro .icon-plus:before{content:"\e083"}.metro .icon-minus:before{content:"\e084"}.metro .icon-help:before{content:"\e085"}.metro .icon-help-2:before{content:"\e086"}.metro .icon-blocked:before{content:"\e087"}.metro .icon-cancel:before{content:"\e088"}.metro .icon-cancel-2:before{content:"\e089"}.metro .icon-checkmark:before{content:"\e08a"}.metro .icon-minus-2:before{content:"\e08b"}.metro .icon-plus-2:before{content:"\e08c"}.metro .icon-enter:before{content:"\e08d"}.metro .icon-exit:before{content:"\e08e"}.metro .icon-arrow-up-left:before{content:"\e090"}.metro .icon-arrow-up:before{content:"\e091"}.metro .icon-arrow-up-right:before{content:"\e092"}.metro .icon-arrow-right:before{content:"\e093"}.metro .icon-arrow-down-right:before{content:"\e094"}.metro .icon-arrow-down:before{content:"\e095"}.metro .icon-arrow-down-left:before{content:"\e096"}.metro .icon-arrow-left:before{content:"\e097"}.metro .icon-arrow-up-2:before{content:"\e098"}.metro .icon-arrow-right-2:before{content:"\e099"}.metro .icon-arrow-down-2:before{content:"\e09a"}.metro .icon-arrow-left-2:before{content:"\e09b"}.metro .icon-arrow-up-3:before{content:"\e09c"}.metro .icon-arrow-right-3:before{content:"\e09d"}.metro .icon-arrow-down-3:before{content:"\e09e"}.metro .icon-arrow-left-3:before{content:"\e09f"}.metro .icon-menu:before{content:"\e0a0"}.metro .icon-enter-2:before{content:"\e0a1"}.metro .icon-backspace:before{content:"\e0a2"}.metro .icon-backspace-2:before{content:"\e0a3"}.metro .icon-tab:before{content:"\e0a4"}.metro .icon-tab-2:before{content:"\e0a5"}.metro .icon-checkbox:before{content:"\e0a6"}.metro .icon-checkbox-unchecked:before{content:"\e0a7"}.metro .icon-checkbox-partial:before{content:"\e0a8"}.metro .icon-radio-checked:before{content:"\e0a9"}.metro .icon-radio-unchecked:before{content:"\e0aa"}.metro .icon-share:before{content:"\e0b2"}.metro .icon-new-tab:before{content:"\e0b3"}.metro .icon-new-tab-2:before{content:"\e0b4"}.metro .icon-bluetooth:before{content:"\e0b7"}.metro .icon-share-2:before{content:"\e0b8"}.metro .icon-share-3:before{content:"\e0b9"}.metro .icon-mail-2:before{content:"\e0ba"}.metro .icon-thumbstack:before{content:"\e0bb"}.metro .icon-thumbstack-2:before{content:"\e0bc"}.metro .icon-feed:before{content:"\e0c1"}.metro .icon-libreoffice:before{content:"\e0e7"}.metro .icon-file-pdf:before{content:"\e0e8"}.metro .icon-file-openoffice:before{content:"\e0e9"}.metro .icon-file-word:before{content:"\e0ea"}.metro .icon-file-excel:before{content:"\e0eb"}.metro .icon-file-powerpoint:before{content:"\e0ec"}.metro .icon-file-zip:before{content:"\e0ed"}.metro .icon-file-xml:before{content:"\e0ee"}.metro .icon-file-css:before{content:"\e0ef"}.metro .icon-compass-2:before{content:"\e124"}.metro .icon-forrst:before{content:"\e128"}.metro .icon-headphones:before{content:"\e129"}.metro .icon-bug:before{content:"\e12a"}.metro .icon-cart-2:before{content:"\e12b"}.metro .icon-earth:before{content:"\e12c"}.metro .icon-battery:before{content:"\e12d"}.metro .icon-grid:before{content:"\e12f"}.metro .icon-alarm:before{content:"\e130"}.metro .icon-location-2:before{content:"\e131"}.metro .icon-pointer:before{content:"\e132"}.metro .icon-diary:before{content:"\e133"}.metro .icon-eye-2:before{content:"\e134"}.metro .icon-console:before{content:"\e135"}.metro .icon-location-3:before{content:"\e136"}.metro .icon-move:before{content:"\e137"}.metro .icon-gift-2:before{content:"\e138"}.metro .icon-monitor:before{content:"\e139"}.metro .icon-mobile-2:before{content:"\e13a"}.metro .icon-switch:before{content:"\e13b"}.metro .icon-star-4:before{content:"\e13c"}.metro .icon-address-book:before{content:"\e13d"}.metro .icon-shit:before{content:"\e13e"}.metro .icon-cone:before{content:"\e13f"}.metro .icon-credit-card:before{content:"\e140"}.metro .icon-type:before{content:"\e141"}.metro .icon-volume:before{content:"\e142"}.metro .icon-volume-2:before{content:"\e143"}.metro .icon-locked-2:before{content:"\e144"}.metro .icon-warning:before{content:"\e145"}.metro .icon-info:before{content:"\e146"}.metro .icon-filter:before{content:"\e147"}.metro .icon-bookmark-3:before{content:"\e148"}.metro .icon-bookmark-4:before{content:"\e149"}.metro .icon-stats:before{content:"\e14a"}.metro .icon-compass-3:before{content:"\e14b"}.metro .icon-keyboard:before{content:"\e14c"}.metro .icon-award-fill:before{content:"\e14d"}.metro .icon-award-stroke:before{content:"\e14e"}.metro .icon-move-vertical:before{content:"\e151"}.metro .icon-move-horizontal:before{content:"\e152"}.metro .icon-volume-3:before{content:"\e154"}.metro .icon-volume-mute:before{content:"\e155"}.metro .icon-play:before{content:"\e156"}.metro .icon-pause:before{content:"\e157"}.metro .icon-stop:before{content:"\e158"}.metro .icon-eject:before{content:"\e159"}.metro .icon-first:before{content:"\e15a"}.metro .icon-last:before{content:"\e15b"}.metro .icon-play-alt:before{content:"\e15c"}.metro .icon-left-quote-alt:before{content:"\e163"}.metro .icon-right-quote-alt:before{content:"\e164"}.metro .icon-umbrella:before{content:"\e166"}.metro .icon-info-2:before{content:"\e167"}.metro .icon-chart-alt:before{content:"\e168"}.metro .icon-floppy:before{content:"\e170"}.metro .icon-rainbow:before{content:"\e000"}.metro .icon-air:before{content:"\e171"}.metro .icon-home:before{content:"\e172"}.metro .icon-spin:before{content:"\e173"}.metro .icon-auction:before{content:"\e174"}.metro .icon-dollar:before{content:"\e175"}.metro .icon-dollar-2:before{content:"\e176"}.metro .icon-coins:before{content:"\e177"}.metro .icon-file-2:before{content:"\e186"}.metro .icon-file-3:before{content:"\e187"}.metro .icon-file-4:before{content:"\e188"}.metro .icon-files:before{content:"\e189"}.metro .icon-phone-2:before{content:"\e18a"}.metro .icon-tablet:before{content:"\e18b"}.metro .icon-monitor-2:before{content:"\e18c"}.metro .icon-window:before{content:"\e18d"}.metro .icon-tv:before{content:"\e18e"}.metro .icon-camera-3:before{content:"\e18f"}.metro .icon-image:before{content:"\e190"}.metro .icon-direction:before{content:"\e193"}.metro .icon-medal:before{content:"\e194"}.metro .icon-medal-2:before{content:"\e195"}.metro .icon-satellite:before{content:"\e196"}.metro .icon-discout:before{content:"\e197"}.metro .icon-barcode:before{content:"\e198"}.metro .icon-ticket:before{content:"\e199"}.metro .icon-shipping:before{content:"\e19a"}.metro .icon-globe:before{content:"\e19b"}.metro .icon-anchor:before{content:"\e19c"}.metro .icon-pop-out:before{content:"\e19d"}.metro .icon-pop-in:before{content:"\e19e"}.metro .icon-resize:before{content:"\e178"}.metro .icon-tools:before{content:"\e17d"}.metro .icon-alarm-2:before{content:"\e17e"}.metro .icon-alarm-cancel:before{content:"\e17f"}.metro .icon-alarm-clock:before{content:"\e180"}.metro .icon-chronometer:before{content:"\e181"}.metro .icon-ruler:before{content:"\e182"}.metro .icon-lamp:before{content:"\e183"}.metro .icon-lamp-2:before{content:"\e184"}.metro .icon-scissors:before{content:"\e185"}.metro .icon-volume-4:before{content:"\e19f"}.metro .icon-volume-5:before{content:"\e1a0"}.metro .icon-volume-6:before{content:"\e1a1"}.metro .icon-zip:before{content:"\e1a2"}.metro .icon-zip-2:before{content:"\e1a3"}.metro .icon-play-2:before{content:"\e1a4"}.metro .icon-pause-2:before{content:"\e1a5"}.metro .icon-record:before{content:"\e1a6"}.metro .icon-stop-2:before{content:"\e1a7"}.metro .icon-next:before{content:"\e1a8"}.metro .icon-previous:before{content:"\e1a9"}.metro .icon-first-2:before{content:"\e1aa"}.metro .icon-last-2:before{content:"\e1ab"}.metro .icon-arrow-left-4:before{content:"\e1ac"}.metro .icon-arrow-down-4:before{content:"\e1ad"}.metro .icon-arrow-up-4:before{content:"\e1ae"}.metro .icon-arrow-right-4:before{content:"\e1af"}.metro .icon-arrow-left-5:before{content:"\e1b0"}.metro .icon-arrow-down-5:before{content:"\e1b1"}.metro .icon-arrow-up-5:before{content:"\e1b2"}.metro .icon-arrow-right-5:before{content:"\e1b3"}.metro .icon-cycle:before{content:"\e1bf"}.metro .icon-stats-2:before{content:"\e1c1"}.metro .icon-stats-3:before{content:"\e1c2"}.metro .icon-folder-closed:before{content:"\e009"}.metro .icon-folder-open:before{content:"\e00A"}.metro .icon-folder-open-2:before{content:"\e00B"}.metro .icon-university-hat:before{content:"\e03F"}.metro .icon-megaphone:before{content:"\e052"}.metro .icon-shuffle:before{content:"\e0AB"}.metro .icon-shoppingbag:before{content:"\e0AC"}.metro .icon-atom-orbit:before{content:"\e0AD"}.metro .icon-cloud-refresh:before{content:"\e0AE"}.metro .icon-radio:before{content:"\e0AF"}.metro .icon-printer:before{content:"\e0B0"}.metro .icon-plane:before{content:"\e0B1"}.metro .icon-duplicate:before{content:"\e0B5"}.metro .icon-pen:before{content:"\e0B6"}.metro .icon-paint:before{content:"\e0BD"}.metro .icon-edit:before{content:"\e0BE"}.metro .icon-menu-horiz:before{content:"\e0BF"}.metro .icon-mail-opened:before{content:"\e0C0"}.metro .icon-menu-3lines:before{content:"\e0C2"}.metro .icon-map-opened:before{content:"\e0C3"}.metro .icon-magnet:before{content:"\e0C4"}.metro .icon-loop:before{content:"\e0C5"}.metro .icon-sun:before{content:"\e0C6"}.metro .icon-target:before{content:"\e0C7"}.metro .icon-moon:before{content:"\e0C8"}.metro .icon-flashlight:before{content:"\e0C9"}.metro .icon-bin-delete:before{content:"\e0CA"}.metro .icon-graph:before{content:"\e0CB"}.metro .icon-maximize:before{content:"\e0CC"}.metro .icon-minimize:before{content:"\e0CD"}.metro .icon-univ-building:before{content:"\e0CE"}.metro .icon-design:before{content:"\e0CF"}.metro .icon-check-circle:before{content:"\e0D0"}.metro .icon-up-circle:before{content:"\e0D1"}.metro .icon-right-circle:before{content:"\e0D2"}.metro .icon-left-circle:before{content:"\e0D3"}.metro .icon-down-circle:before{content:"\e0D4"}.metro .icon-keyhole-circle:before{content:"\e0D5"}.metro .icon-basketball:before{content:"\e0D6"}.metro .icon-calculator:before{content:"\e0D7"}.metro .icon-bicycle:before{content:"\e0D8"}.metro .icon-cross:before{content:"\e0D9"}.metro .icon-layers:before{content:"\e0DA"}.metro .icon-idcard:before{content:"\e0DB"}.metro .icon-watch:before{content:"\e0DC"}.metro .icon-switch-left:before{content:"\e0DD"}.metro .icon-switch-right:before{content:"\e0DE"}.metro .icon-switch-left-1:before{content:"\e0DF"}.metro .icon-switch-right-1:before{content:"\e0E0"}.metro .icon-locker:before{content:"\e0E1"}.metro .icon-plug:before{content:"\e0E2"}.metro .icon-game:before{content:"\e0E3"}.metro .icon-disc:before{content:"\e0E4"}.metro .icon-user-del:before{content:"\e0E5"}.metro .icon-user-add:before{content:"\e0E6"}.metro .icon-cd-case:before{content:"\e0F0"}.metro .icon-arrow:before{content:"\e0F1"}.metro .icon-band-aid:before{content:"\e0F2"}.metro .icon-droplet:before{content:"\e0F3"}.metro .icon-female:before{content:"\e0F4"}.metro .icon-male:before{content:"\e0F5"}.metro .icon-wand:before{content:"\e0F6"}.metro .icon-flashdisk:before{content:"\e0F7"}.metro .icon-weight:before{content:"\e0F8"}.metro .icon-lego:before{content:"\e0F9"}.metro .icon-shield:before{content:"\e0FA"}.metro .icon-smile:before{content:"\e0FB"}.metro .icon-usb-logo:before{content:"\e0FC"}.metro .icon-arc:before{content:"\e0FD"}.metro .icon-glass:before{content:"\e0FE"}.metro .icon-scissor:before{content:"\e0FF"}.metro .icon-arrow-up-inverted:before{content:"\e100"}.metro .icon-arrow-right-inverted:before{content:"\e101"}.metro .icon-arrow-down-inverted:before{content:"\e102"}.metro .icon-arrow-left-inverted:before{content:"\e103"}.metro .icon-arrow-up-small:before{content:"\e104"}.metro .icon-arrow-right-small:before{content:"\e105"}.metro .icon-arrow-down-small:before{content:"\e106"}.metro .icon-arrow-left-small:before{content:"\e107"}.metro .icon-finger:before{content:"\e108"}.metro .icon-multi-touch:before{content:"\e109"}.metro .icon-click:before{content:"\e10A"}.metro .icon-click-hold:before{content:"\e10B"}.metro .icon-multi-finger:before{content:"\e10C"}.metro .icon-bulb-off:before{content:"\e10D"}.metro .icon-bulb-on:before{content:"\e10E"}.metro .icon-plus-box:before{content:"\e10F"}.metro .icon-check-box:before{content:"\e110"}.metro .icon-cross-box:before{content:"\e111"}.metro .icon-minus-box:before{content:"\e112"}.metro .icon-list-del:before{content:"\e113"}.metro .icon-list-add:before{content:"\e114"}.metro .icon-list-pending:before{content:"\e115"}.metro .icon-list:before{content:"\e116"}.metro .icon-comment:before{content:"\e117"}.metro .icon-comment-edit:before{content:"\e118"}.metro .icon-comment-text:before{content:"\e119"}.metro .icon-comment-type:before{content:"\e11A"}.metro .icon-note1:before{content:"\e11B"}.metro .icon-book1:before{content:"\e11C"}.metro .icon-book2:before{content:"\e11D"}.metro .icon-book3:before{content:"\e11E"}.metro .icon-book4:before{content:"\e11F"}.metro .icon-book5:before{content:"\e120"}.metro .icon-book6:before{content:"\e121"}.metro .icon-note2:before{content:"\e122"}.metro .icon-note3:before{content:"\e123"}.metro .icon-note4:before{content:"\e124"}.metro .icon-eye-cross:before{content:"\e125"}.metro .icon-mic-cross:before{content:"\e126"}.metro .icon-mic-grey:before{content:"\e127"}.metro .icon-layer1:before{content:"\e14F"}.metro .icon-layer2:before{content:"\e150"}.metro .icon-rocket:before{content:"\e153"}.metro .icon-folder-closed-1:before{content:"\e15D"}.metro .icon-folder-closed-2:before{content:"\e15E"}.metro .icon-folder-closed-3:before{content:"\e15F"}.metro .icon-folder-opened-1:before{content:"\e160"}.metro .icon-folder-opened-2:before{content:"\e161"}.metro .icon-folder-opened-3:before{content:"\e162"}.metro .icon-ship-wheel:before{content:"\e165"}.metro .icon-fingerprint:before{content:"\e13E"}.metro .icon-network1:before{content:"\e179"}.metro .icon-network2:before{content:"\e17A"}.metro .icon-network3:before{content:"\e17B"}.metro .icon-network4:before{content:"\e17C"}.metro .icon-direction1:before{content:"\e191"}.metro .icon-direction2:before{content:"\e192"}.metro .icon-database1:before{content:"\e1B4"}.metro .icon-database2:before{content:"\e1B5"}.metro .icon-database3:before{content:"\e1B6"}.metro .icon-paths:before{content:"\e1B7"}.metro .example{padding:20px 40px 20px 60px;border:1px solid #ccc;position:relative;margin:0 0 10px;background-color:#fdfdfd!important;min-height:100px}.metro .example:after,.metro .example:before{display:table;content:""}.metro .example:before{position:absolute;content:"example";left:-21px;top:30px;color:#999!important;margin:5px 10px;font-family:'Segoe UI Semibold_','Open Sans Bold',Verdana,Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.02em;font-size:1.4rem;line-height:1.4rem;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.metro .code,.metro .label,.metro code{display:inline-block;padding:3px 5px;margin:0;font-size:90%;line-height:90%}.metro .code,.metro code{font-weight:400;font-style:normal;letter-spacing:.02em;font-family:'Courier New',monospace;background-color:#eee;color:#e51400;border:1px solid #d4d4d4}.metro .label{font-weight:400!important;background:#eee;color:#555}.metro .label.alert,.metro .label.error{background-color:#e51400;color:#fff}.metro .label.important,.metro .label.warning{background-color:#fa6800;color:#fff}.metro .label.success{background-color:#128023;color:#fff}.metro .label.info{background-color:#2D7D9A;color:#fff}.metro hr{height:1px;margin:20px 0;border:0;color:#eee;background-color:#eee}.metro .bg-black{background-color:#000!important}.metro .bg-white{background-color:#fff!important}.metro .bg-lime{background-color:#a4c400!important}.metro .bg-green{background-color:#60a917!important}.metro .bg-emerald{background-color:#008a00!important}.metro .bg-teal{background-color:#00aba9!important}.metro .bg-cyan{background-color:#2D7D9A!important}.metro .bg-cobalt{background-color:#0050ef!important}.metro .bg-indigo{background-color:#6a00ff!important}.metro .bg-violet{background-color:#a0f!important}.metro .bg-pink{background-color:#dc4fad!important}.metro .bg-magenta{background-color:#d80073!important}.metro .bg-crimson{background-color:#a20025!important}.metro .bg-red{background-color:#e51400!important}.metro .bg-orange{background-color:#fa6800!important}.metro .bg-amber{background-color:#f0a30a!important}.metro .bg-yellow{background-color:#e3c800!important}.metro .bg-brown{background-color:#825a2c!important}.metro .bg-olive{background-color:#6d8764!important}.metro .bg-steel{background-color:#647687!important}.metro .bg-mauve{background-color:#76608a!important}.metro .bg-taupe{background-color:#87794e!important}.metro .bg-gray{background-color:#555!important}.metro .bg-dark{background-color:#333!important}.metro .bg-darker{background-color:#222!important}.metro .bg-transparent{background-color:transparent!important}.metro .bg-darkBrown{background-color:#63362f!important}.metro .bg-darkCrimson{background-color:#640024!important}.metro .bg-darkMagenta{background-color:#81003c!important}.metro .bg-darkIndigo{background-color:#4b0096!important}.metro .bg-darkCyan{background-color:#2D7D9A!important}.metro .bg-darkCobalt{background-color:#00356a!important}.metro .bg-darkTeal{background-color:#004050!important}.metro .bg-darkEmerald{background-color:#003e00!important}.metro .bg-darkGreen{background-color:#128023!important}.metro .bg-darkOrange{background-color:#bf5a15!important}.metro .bg-darkRed{background-color:#9a1616!important}.metro .bg-darkPink{background-color:#9a165a!important}.metro .bg-darkViolet{background-color:#57169a!important}.metro .bg-darkBlue{background-color:#16499a!important}.metro .bg-lightBlue{background-color:#4390df!important}.metro .bg-lightRed{background-color:#ff2d19!important}.metro .bg-lightGreen{background-color:#7ad61d!important}.metro .bg-lighterBlue{background-color:#0cf!important}.metro .bg-lightTeal{background-color:#45fffd!important}.metro .bg-lightOlive{background-color:#78aa1c!important}.metro .bg-lightOrange{background-color:#c29008!important}.metro .bg-lightPink{background-color:#f472d0!important}.metro .bg-grayDark{background-color:#333!important}.metro .bg-grayDarker{background-color:#222!important}.metro .bg-grayLight{background-color:#999!important}.metro .bg-grayLighter{background-color:#eee!important}.metro .bg-blue{background-color:#6CBAD6!important}.metro .fg-black{color:#000!important}.metro .fg-white{color:#fff!important}.metro .fg-lime{color:#a4c400!important}.metro .fg-green{color:#60a917!important}.metro .fg-emerald{color:#008a00!important}.metro .fg-teal{color:#00aba9!important}.metro .fg-cyan{color:#2D7D9A!important}.metro .fg-cobalt{color:#0050ef!important}.metro .fg-indigo{color:#6a00ff!important}.metro .fg-violet{color:#a0f!important}.metro .fg-pink{color:#dc4fad!important}.metro .fg-magenta{color:#d80073!important}.metro .fg-crimson{color:#a20025!important}.metro .fg-red{color:#e51400!important}.metro .fg-orange{color:#fa6800!important}.metro .fg-amber{color:#f0a30a!important}.metro .fg-yellow{color:#e3c800!important}.metro .fg-brown{color:#825a2c!important}.metro .fg-olive{color:#6d8764!important}.metro .fg-steel{color:#647687!important}.metro .fg-mauve{color:#76608a!important}.metro .fg-taupe{color:#87794e!important}.metro .fg-gray{color:#555!important}.metro .fg-dark{color:#333!important}.metro .fg-darker{color:#222!important}.metro .fg-transparent{color:transparent!important}.metro .fg-darkBrown{color:#63362f!important}.metro .fg-darkCrimson{color:#640024!important}.metro .fg-darkMagenta{color:#81003c!important}.metro .fg-darkIndigo{color:#4b0096!important}.metro .fg-darkCyan{color:#1b6eae!important}.metro .fg-darkCobalt{color:#00356a!important}.metro .fg-darkTeal{color:#004050!important}.metro .fg-darkEmerald{color:#003e00!important}.metro .fg-darkGreen{color:#128023!important}.metro .fg-darkOrange{color:#bf5a15!important}.metro .fg-darkRed{color:#9a1616!important}.metro .fg-darkPink{color:#9a165a!important}.metro .fg-darkViolet{color:#57169a!important}.metro .fg-darkBlue{color:#16499a!important}.metro .fg-lightBlue{color:#4390df!important}.metro .fg-lighterBlue{color:#0cf!important}.metro .fg-lightTeal{color:#45fffd!important}.metro .fg-lightOlive{color:#78aa1c!important}.metro .fg-lightOrange{color:#c29008!important}.metro .fg-lightPink{color:#f472d0!important}.metro .fg-lightRed{color:#ff2d19!important}.metro .fg-lightGreen{color:#7ad61d!important}.metro .fg-grayDark{color:#333!important}.metro .fg-grayDarker{color:#222!important}.metro .fg-grayLight{color:#999!important}.metro .fg-grayLighter{color:#eee!important}.metro .fg-blue{color:#6CBAD6!important}.metro .ol-black{outline-color:#000!important}.metro .ol-white{outline-color:#fff!important}.metro .ol-lime{outline-color:#a4c400!important}.metro .ol-green{outline-color:#60a917!important}.metro .ol-emerald{outline-color:#008a00!important}.metro .ol-teal{outline-color:#00aba9!important}.metro .ol-cyan{outline-color:#2D7D9A!important}.metro .ol-cobalt{outline-color:#0050ef!important}.metro .ol-indigo{outline-color:#6a00ff!important}.metro .ol-violet{outline-color:#a0f!important}.metro .ol-pink{outline-color:#dc4fad!important}.metro .ol-magenta{outline-color:#d80073!important}.metro .ol-crimson{outline-color:#a20025!important}.metro .ol-red{outline-color:#e51400!important}.metro .ol-orange{outline-color:#fa6800!important}.metro .ol-amber{outline-color:#f0a30a!important}.metro .ol-yellow{outline-color:#e3c800!important}.metro .ol-brown{outline-color:#825a2c!important}.metro .ol-olive{outline-color:#6d8764!important}.metro .ol-steel{outline-color:#647687!important}.metro .ol-mauve{outline-color:#76608a!important}.metro .ol-taupe{outline-color:#87794e!important}.metro .ol-gray{outline-color:#555!important}.metro .ol-dark{outline-color:#333!important}.metro .ol-darker{outline-color:#222!important}.metro .ol-transparent{outline-color:transparent!important}.metro .ol-darkBrown{outline-color:#63362f!important}.metro .ol-darkCrimson{outline-color:#640024!important}.metro .ol-darkMagenta{outline-color:#81003c!important}.metro .ol-darkIndigo{outline-color:#4b0096!important}.metro .ol-darkCyan{outline-color:#1b6eae!important}.metro .ol-darkCobalt{outline-color:#00356a!important}.metro .ol-darkTeal{outline-color:#004050!important}.metro .ol-darkEmerald{outline-color:#003e00!important}.metro .ol-darkGreen{outline-color:#128023!important}.metro .ol-darkOrange{outline-color:#bf5a15!important}.metro .ol-darkRed{outline-color:#9a1616!important}.metro .ol-darkPink{outline-color:#9a165a!important}.metro .ol-darkViolet{outline-color:#57169a!important}.metro .ol-darkBlue{outline-color:#16499a!important}.metro .ol-lightBlue{outline-color:#4390df!important}.metro .ol-lighterBlue{outline-color:#0cf!important}.metro .ol-lightTeal{outline-color:#45fffd!important}.metro .ol-lightOlive{outline-color:#78aa1c!important}.metro .ol-lightOrange{outline-color:#c29008!important}.metro .ol-lightPink{outline-color:#f472d0!important}.metro .ol-lightRed{outline-color:#ff2d19!important}.metro .ol-lightGreen{outline-color:#7ad61d!important}.metro .ol-grayDark{outline-color:#333!important}.metro .ol-grayDarker{outline-color:#222!important}.metro .ol-grayLight{outline-color:#999!important}.metro .ol-grayLighter{outline-color:#eee!important}.metro .ol-blue{outline-color:#6CBAD6!important}.metro .bd-black{border-color:#000!important}.metro .bd-white{border-color:#fff!important}.metro .bd-lime{border-color:#a4c400!important}.metro .bd-green{border-color:#60a917!important}.metro .bd-emerald{border-color:#008a00!important}.metro .bd-teal{border-color:#00aba9!important}.metro .bd-cyan{border-color:#2D7D9A!important}.metro .bd-cobalt{border-color:#0050ef!important}.metro .bd-indigo{border-color:#6a00ff!important}.metro .bd-violet{border-color:#a0f!important}.metro .bd-pink{border-color:#dc4fad!important}.metro .bd-magenta{border-color:#d80073!important}.metro .bd-crimson{border-color:#a20025!important}.metro .bd-red{border-color:#e51400!important}.metro .bd-orange{border-color:#fa6800!important}.metro .bd-amber{border-color:#f0a30a!important}.metro .bd-yellow{border-color:#e3c800!important}.metro .bd-brown{border-color:#825a2c!important}.metro .bd-olive{border-color:#6d8764!important}.metro .bd-steel{border-color:#647687!important}.metro .bd-mauve{border-color:#76608a!important}.metro .bd-taupe{border-color:#87794e!important}.metro .bd-gray{border-color:#555!important}.metro .bd-dark{border-color:#333!important}.metro .bd-darker{border-color:#222!important}.metro .bd-transparent{border-color:transparent!important}.metro .bd-darkBrown{border-color:#63362f!important}.metro .bd-darkCrimson{border-color:#640024!important}.metro .bd-darkMagenta{border-color:#81003c!important}.metro .bd-darkIndigo{border-color:#4b0096!important}.metro .bd-darkCyan{border-color:#1b6eae!important}.metro .bd-darkCobalt{border-color:#00356a!important}.metro .bd-darkTeal{border-color:#004050!important}.metro .bd-darkEmerald{border-color:#003e00!important}.metro .bd-darkGreen{border-color:#128023!important}.metro .bd-darkOrange{border-color:#bf5a15!important}.metro .bd-darkRed{border-color:#9a1616!important}.metro .bd-darkPink{border-color:#9a165a!important}.metro .bd-darkViolet{border-color:#57169a!important}.metro .bd-darkBlue{border-color:#16499a!important}.metro .bd-lightBlue{border-color:#4390df!important}.metro .bd-lightTeal{border-color:#45fffd!important}.metro .bd-lightOlive{border-color:#78aa1c!important}.metro .bd-lightOrange{border-color:#c29008!important}.metro .bd-lightPink{border-color:#f472d0!important}.metro .bd-lightRed{border-color:#ff2d19!important}.metro .bd-lightGreen{border-color:#7ad61d!important}.metro .bd-grayDark{border-color:#333!important}.metro .bd-grayDarker{border-color:#222!important}.metro .bd-grayLight{border-color:#999!important}.metro .bd-grayLighter{border-color:#eee!important}.metro .bd-blue{border-color:#6CBAD6!important}.metro .bg-hover-black:hover{background-color:#000!important}.metro .bg-hover-white:hover{background-color:#fff!important}.metro .bg-hover-lime:hover{background-color:#a4c400!important}.metro .bg-hover-green:hover{background-color:#60a917!important}.metro .bg-hover-emerald:hover{background-color:#008a00!important}.metro .bg-hover-teal:hover{background-color:#00aba9!important}.metro .bg-hover-cyan:hover{background-color:#2D7D9A!important}.metro .bg-hover-cobalt:hover{background-color:#0050ef!important}.metro .bg-hover-indigo:hover{background-color:#6a00ff!important}.metro .bg-hover-violet:hover{background-color:#a0f!important}.metro .bg-hover-pink:hover{background-color:#dc4fad!important}.metro .bg-hover-magenta:hover{background-color:#d80073!important}.metro .bg-hover-crimson:hover{background-color:#a20025!important}.metro .bg-hover-red:hover{background-color:#e51400!important}.metro .bg-hover-orange:hover{background-color:#fa6800!important}.metro .bg-hover-amber:hover{background-color:#f0a30a!important}.metro .bg-hover-yellow:hover{background-color:#e3c800!important}.metro .bg-hover-brown:hover{background-color:#825a2c!important}.metro .bg-hover-olive:hover{background-color:#6d8764!important}.metro .bg-hover-steel:hover{background-color:#647687!important}.metro .bg-hover-mauve:hover{background-color:#76608a!important}.metro .bg-hover-taupe:hover{background-color:#87794e!important}.metro .bg-hover-gray:hover{background-color:#555!important}.metro .bg-hover-dark:hover{background-color:#333!important}.metro .bg-hover-darker:hover{background-color:#222!important}.metro .bg-hover-transparent:hover{background-color:transparent!important}.metro .bg-hover-darkBrown:hover{background-color:#63362f!important}.metro .bg-hover-darkCrimson:hover{background-color:#640024!important}.metro .bg-hover-darkMagenta:hover{background-color:#81003c!important}.metro .bg-hover-darkIndigo:hover{background-color:#4b0096!important}.metro .bg-hover-darkCyan:hover{background-color:#1b6eae!important}.metro .bg-hover-darkCobalt:hover{background-color:#00356a!important}.metro .bg-hover-darkTeal:hover{background-color:#004050!important}.metro .bg-hover-darkEmerald:hover{background-color:#003e00!important}.metro .bg-hover-darkGreen:hover{background-color:#128023!important}.metro .bg-hover-darkOrange:hover{background-color:#bf5a15!important}.metro .bg-hover-darkRed:hover{background-color:#9a1616!important}.metro .bg-hover-darkPink:hover{background-color:#9a165a!important}.metro .bg-hover-darkViolet:hover{background-color:#57169a!important}.metro .bg-hover-darkBlue:hover{background-color:#16499a!important}.metro .bg-hover-lightBlue:hover{background-color:#4390df!important}.metro .bg-hover-lightTeal:hover{background-color:#45fffd!important}.metro .bg-hover-lightOlive:hover{background-color:#78aa1c!important}.metro .bg-hover-lightOrange:hover{background-color:#c29008!important}.metro .bg-hover-lightPink:hover{background-color:#f472d0!important}.metro .bg-hover-lightRed:hover{background-color:#ff2d19!important}.metro .bg-hover-lightGreen:hover{background-color:#7ad61d!important}.metro .bg-hover-grayDark:hover{background-color:#333!important}.metro .bg-hover-grayDarker:hover{background-color:#222!important}.metro .bg-hover-grayLight:hover{background-color:#999!important}.metro .bg-hover-grayLighter:hover{background-color:#eee!important}.metro .bg-hover-blue:hover{background-color:#6CBAD6!important}.metro .fg-hover-black:hover{color:#000!important}.metro .fg-hover-white:hover{color:#fff!important}.metro .fg-hover-lime:hover{color:#a4c400!important}.metro .fg-hover-green:hover{color:#60a917!important}.metro .fg-hover-emerald:hover{color:#008a00!important}.metro .fg-hover-teal:hover{color:#00aba9!important}.metro .fg-hover-cyan:hover{color:#2D7D9A!important}.metro .fg-hover-cobalt:hover{color:#0050ef!important}.metro .fg-hover-indigo:hover{color:#6a00ff!important}.metro .fg-hover-violet:hover{color:#a0f!important}.metro .fg-hover-pink:hover{color:#dc4fad!important}.metro .fg-hover-magenta:hover{color:#d80073!important}.metro .fg-hover-crimson:hover{color:#a20025!important}.metro .fg-hover-red:hover{color:#e51400!important}.metro .fg-hover-orange:hover{color:#fa6800!important}.metro .fg-hover-amber:hover{color:#f0a30a!important}.metro .fg-hover-yellow:hover{color:#e3c800!important}.metro .fg-hover-brown:hover{color:#825a2c!important}.metro .fg-hover-olive:hover{color:#6d8764!important}.metro .fg-hover-steel:hover{color:#647687!important}.metro .fg-hover-mauve:hover{color:#76608a!important}.metro .fg-hover-taupe:hover{color:#87794e!important}.metro .fg-hover-gray:hover{color:#555!important}.metro .fg-hover-dark:hover{color:#333!important}.metro .fg-hover-darker:hover{color:#222!important}.metro .fg-hover-transparent:hover{color:transparent!important}.metro .fg-hover-darkBrown:hover{color:#63362f!important}.metro .fg-hover-darkCrimson:hover{color:#640024!important}.metro .fg-hover-darkMagenta:hover{color:#81003c!important}.metro .fg-hover-darkIndigo:hover{color:#4b0096!important}.metro .fg-hover-darkCyan:hover{color:#1b6eae!important}.metro .fg-hover-darkCobalt:hover{color:#00356a!important}.metro .fg-hover-darkTeal:hover{color:#004050!important}.metro .fg-hover-darkEmerald:hover{color:#003e00!important}.metro .fg-hover-darkGreen:hover{color:#128023!important}.metro .fg-hover-darkOrange:hover{color:#bf5a15!important}.metro .fg-hover-darkRed:hover{color:#9a1616!important}.metro .fg-hover-darkPink:hover{color:#9a165a!important}.metro .fg-hover-darkViolet:hover{color:#57169a!important}.metro .fg-hover-darkBlue:hover{color:#16499a!important}.metro .fg-hover-lightBlue:hover{color:#4390df!important}.metro .fg-hover-lightTeal:hover{color:#45fffd!important}.metro .fg-hover-lightOlive:hover{color:#78aa1c!important}.metro .fg-hover-lightOrange:hover{color:#c29008!important}.metro .fg-hover-lightPink:hover{color:#f472d0!important}.metro .fg-hover-lightRed:hover{color:#ff2d19!important}.metro .fg-hover-lightGreen:hover{color:#7ad61d!important}.metro .fg-hover-grayDark:hover{color:#333!important}.metro .fg-hover-grayDarker:hover{color:#222!important}.metro .fg-hover-grayLight:hover{color:#999!important}.metro .fg-hover-grayLighter:hover{color:#eee!important}.metro .fg-hover-blue:hover{color:#6CBAD6!important}.metro .bg-active-black:active{background-color:#000!important}.metro .bg-active-white:active{background-color:#fff!important}.metro .bg-active-lime:active{background-color:#a4c400!important}.metro .bg-active-green:active{background-color:#60a917!important}.metro .bg-active-emerald:active{background-color:#008a00!important}.metro .bg-active-teal:active{background-color:#00aba9!important}.metro .bg-active-cyan:active{background-color:#2D7D9A!important}.metro .bg-active-cobalt:active{background-color:#0050ef!important}.metro .bg-active-indigo:active{background-color:#6a00ff!important}.metro .bg-active-violet:active{background-color:#a0f!important}.metro .bg-active-pink:active{background-color:#dc4fad!important}.metro .bg-active-magenta:active{background-color:#d80073!important}.metro .bg-active-crimson:active{background-color:#a20025!important}.metro .bg-active-red:active{background-color:#e51400!important}.metro .bg-active-orange:active{background-color:#fa6800!important}.metro .bg-active-amber:active{background-color:#f0a30a!important}.metro .bg-active-yellow:active{background-color:#e3c800!important}.metro .bg-active-brown:active{background-color:#825a2c!important}.metro .bg-active-olive:active{background-color:#6d8764!important}.metro .bg-active-steel:active{background-color:#647687!important}.metro .bg-active-mauve:active{background-color:#76608a!important}.metro .bg-active-taupe:active{background-color:#87794e!important}.metro .bg-active-gray:active{background-color:#555!important}.metro .bg-active-dark:active{background-color:#333!important}.metro .bg-active-darker:active{background-color:#222!important}.metro .bg-active-transparent:active{background-color:transparent!important}.metro .bg-active-darkBrown:active{background-color:#63362f!important}.metro .bg-active-darkCrimson:active{background-color:#640024!important}.metro .bg-active-darkMagenta:active{background-color:#81003c!important}.metro .bg-active-darkIndigo:active{background-color:#4b0096!important}.metro .bg-active-darkCyan:active{background-color:#1b6eae!important}.metro .bg-active-darkCobalt:active{background-color:#00356a!important}.metro .bg-active-darkTeal:active{background-color:#004050!important}.metro .bg-active-darkEmerald:active{background-color:#003e00!important}.metro .bg-active-darkGreen:active{background-color:#128023!important}.metro .bg-active-darkOrange:active{background-color:#bf5a15!important}.metro .bg-active-darkRed:active{background-color:#9a1616!important}.metro .bg-active-darkPink:active{background-color:#9a165a!important}.metro .bg-active-darkViolet:active{background-color:#57169a!important}.metro .bg-active-darkBlue:active{background-color:#16499a!important}.metro .bg-active-lightBlue:active{background-color:#4390df!important}.metro .bg-active-lightTeal:active{background-color:#45fffd!important}.metro .bg-active-lightOlive:active{background-color:#78aa1c!important}.metro .bg-active-lightOrange:active{background-color:#c29008!important}.metro .bg-active-lightPink:active{background-color:#f472d0!important}.metro .bg-active-lightRed:active{background-color:#ff2d19!important}.metro .bg-active-lightGreen:active{background-color:#7ad61d!important}.metro .bg-active-grayDark:active{background-color:#333!important}.metro .bg-active-grayDarker:active{background-color:#222!important}.metro .bg-active-grayLight:active{background-color:#999!important}.metro .bg-active-grayLighter:active{background-color:#eee!important}.metro .bg-active-blue:active{background-color:#6CBAD6!important}.metro .fg-active-black:active{color:#000!important}.metro .fg-active-white:active{color:#fff!important}.metro .fg-active-lime:active{color:#a4c400!important}.metro .fg-active-green:active{color:#60a917!important}.metro .fg-active-emerald:active{color:#008a00!important}.metro .fg-active-teal:active{color:#00aba9!important}.metro .fg-active-cyan:active{color:#2D7D9A!important}.metro .fg-active-cobalt:active{color:#0050ef!important}.metro .fg-active-indigo:active{color:#6a00ff!important}.metro .fg-active-violet:active{color:#a0f!important}.metro .fg-active-pink:active{color:#dc4fad!important}.metro .fg-active-magenta:active{color:#d80073!important}.metro .fg-active-crimson:active{color:#a20025!important}.metro .fg-active-red:active{color:#e51400!important}.metro .fg-active-orange:active{color:#fa6800!important}.metro .fg-active-amber:active{color:#f0a30a!important}.metro .fg-active-yellow:active{color:#e3c800!important}.metro .fg-active-brown:active{color:#825a2c!important}.metro .fg-active-olive:active{color:#6d8764!important}.metro .fg-active-steel:active{color:#647687!important}.metro .fg-active-mauve:active{color:#76608a!important}.metro .fg-active-taupe:active{color:#87794e!important}.metro .fg-active-gray:active{color:#555!important}.metro .fg-active-dark:active{color:#333!important}.metro .fg-active-darker:active{color:#222!important}.metro .fg-active-transparent:active{color:transparent!important}.metro .fg-active-darkBrown:active{color:#63362f!important}.metro .fg-active-darkCrimson:active{color:#640024!important}.metro .fg-active-darkMagenta:active{color:#81003c!important}.metro .fg-active-darkIndigo:active{color:#4b0096!important}.metro .fg-active-darkCyan:active{color:#1b6eae!important}.metro .fg-active-darkCobalt:active{color:#00356a!important}.metro .fg-active-darkTeal:active{color:#004050!important}.metro .fg-active-darkEmerald:active{color:#003e00!important}.metro .fg-active-darkGreen:active{color:#128023!important}.metro .fg-active-darkOrange:active{color:#bf5a15!important}.metro .fg-active-darkRed:active{color:#9a1616!important}.metro .fg-active-darkPink:active{color:#9a165a!important}.metro .fg-active-darkViolet:active{color:#57169a!important}.metro .fg-active-darkBlue:active{color:#16499a!important}.metro .fg-active-lightBlue:active{color:#4390df!important}.metro .fg-active-lightTeal:active{color:#45fffd!important}.metro .fg-active-lightOlive:active{color:#78aa1c!important}.metro .fg-active-lightOrange:active{color:#c29008!important}.metro .fg-active-lightPink:active{color:#f472d0!important}.metro .fg-active-lightRed:active{color:#ff2d19!important}.metro .fg-active-lightGreen:active{color:#7ad61d!important}.metro .fg-active-grayDark:active{color:#333!important}.metro .fg-active-grayDarker:active{color:#222!important}.metro .fg-active-grayLight:active{color:#999!important}.metro .fg-active-grayLighter:active{color:#eee!important}.metro .fg-active-blue:active{color:#6CBAD6!important}.metro .bg-focus-black:focus{background-color:#000!important}.metro .bg-focus-white:focus{background-color:#fff!important}.metro .bg-focus-lime:focus{background-color:#a4c400!important}.metro .bg-focus-green:focus{background-color:#60a917!important}.metro .bg-focus-emerald:focus{background-color:#008a00!important}.metro .bg-focus-teal:focus{background-color:#00aba9!important}.metro .bg-focus-cyan:focus{background-color:#2D7D9A!important}.metro .bg-focus-cobalt:focus{background-color:#0050ef!important}.metro .bg-focus-indigo:focus{background-color:#6a00ff!important}.metro .bg-focus-violet:focus{background-color:#a0f!important}.metro .bg-focus-pink:focus{background-color:#dc4fad!important}.metro .bg-focus-magenta:focus{background-color:#d80073!important}.metro .bg-focus-crimson:focus{background-color:#a20025!important}.metro .bg-focus-red:focus{background-color:#e51400!important}.metro .bg-focus-orange:focus{background-color:#fa6800!important}.metro .bg-focus-amber:focus{background-color:#f0a30a!important}.metro .bg-focus-yellow:focus{background-color:#e3c800!important}.metro .bg-focus-brown:focus{background-color:#825a2c!important}.metro .bg-focus-olive:focus{background-color:#6d8764!important}.metro .bg-focus-steel:focus{background-color:#647687!important}.metro .bg-focus-mauve:focus{background-color:#76608a!important}.metro .bg-focus-taupe:focus{background-color:#87794e!important}.metro .bg-focus-gray:focus{background-color:#555!important}.metro .bg-focus-dark:focus{background-color:#333!important}.metro .bg-focus-darker:focus{background-color:#222!important}.metro .bg-focus-transparent:focus{background-color:transparent!important}.metro .bg-focus-darkBrown:focus{background-color:#63362f!important}.metro .bg-focus-darkCrimson:focus{background-color:#640024!important}.metro .bg-focus-darkMagenta:focus{background-color:#81003c!important}.metro .bg-focus-darkIndigo:focus{background-color:#4b0096!important}.metro .bg-focus-darkCyan:focus{background-color:#1b6eae!important}.metro .bg-focus-darkCobalt:focus{background-color:#00356a!important}.metro .bg-focus-darkTeal:focus{background-color:#004050!important}.metro .bg-focus-darkEmerald:focus{background-color:#003e00!important}.metro .bg-focus-darkGreen:focus{background-color:#128023!important}.metro .bg-focus-darkOrange:focus{background-color:#bf5a15!important}.metro .bg-focus-darkRed:focus{background-color:#9a1616!important}.metro .bg-focus-darkPink:focus{background-color:#9a165a!important}.metro .bg-focus-darkViolet:focus{background-color:#57169a!important}.metro .bg-focus-darkBlue:focus{background-color:#16499a!important}.metro .bg-focus-lightBlue:focus{background-color:#4390df!important}.metro .bg-focus-lightTeal:focus{background-color:#45fffd!important}.metro .bg-focus-lightOlive:focus{background-color:#78aa1c!important}.metro .bg-focus-lightOrange:focus{background-color:#c29008!important}.metro .bg-focus-lightPink:focus{background-color:#f472d0!important}.metro .bg-focus-lightRed:focus{background-color:#ff2d19!important}.metro .bg-focus-lightGreen:focus{background-color:#7ad61d!important}.metro .bg-focus-grayDark:focus{background-color:#333!important}.metro .bg-focus-grayDarker:focus{background-color:#222!important}.metro .bg-focus-grayLight:focus{background-color:#999!important}.metro .bg-focus-grayLighter:focus{background-color:#eee!important}.metro .bg-focus-blue:focus{background-color:#6CBAD6!important}.metro .fg-focus-black:focus{color:#000!important}.metro .fg-focus-white:focus{color:#fff!important}.metro .fg-focus-lime:focus{color:#a4c400!important}.metro .fg-focus-green:focus{color:#60a917!important}.metro .fg-focus-emerald:focus{color:#008a00!important}.metro .fg-focus-teal:focus{color:#00aba9!important}.metro .fg-focus-cyan:focus{color:#2D7D9A!important}.metro .fg-focus-cobalt:focus{color:#0050ef!important}.metro .fg-focus-indigo:focus{color:#6a00ff!important}.metro .fg-focus-violet:focus{color:#a0f!important}.metro .fg-focus-pink:focus{color:#dc4fad!important}.metro .fg-focus-magenta:focus{color:#d80073!important}.metro .fg-focus-crimson:focus{color:#a20025!important}.metro .fg-focus-red:focus{color:#e51400!important}.metro .fg-focus-orange:focus{color:#fa6800!important}.metro .fg-focus-amber:focus{color:#f0a30a!important}.metro .fg-focus-yellow:focus{color:#e3c800!important}.metro .fg-focus-brown:focus{color:#825a2c!important}.metro .fg-focus-olive:focus{color:#6d8764!important}.metro .fg-focus-steel:focus{color:#647687!important}.metro .fg-focus-mauve:focus{color:#76608a!important}.metro .fg-focus-taupe:focus{color:#87794e!important}.metro .fg-focus-gray:focus{color:#555!important}.metro .fg-focus-dark:focus{color:#333!important}.metro .fg-focus-darker:focus{color:#222!important}.metro .fg-focus-transparent:focus{color:transparent!important}.metro .fg-focus-darkBrown:focus{color:#63362f!important}.metro .fg-focus-darkCrimson:focus{color:#640024!important}.metro .fg-focus-darkMagenta:focus{color:#81003c!important}.metro .fg-focus-darkIndigo:focus{color:#4b0096!important}.metro .fg-focus-darkCyan:focus{color:#1b6eae!important}.metro .fg-focus-darkCobalt:focus{color:#00356a!important}.metro .fg-focus-darkTeal:focus{color:#004050!important}.metro .fg-focus-darkEmerald:focus{color:#003e00!important}.metro .fg-focus-darkGreen:focus{color:#128023!important}.metro .fg-focus-darkOrange:focus{color:#bf5a15!important}.metro .fg-focus-darkRed:focus{color:#9a1616!important}.metro .fg-focus-darkPink:focus{color:#9a165a!important}.metro .fg-focus-darkViolet:focus{color:#57169a!important}.metro .fg-focus-darkBlue:focus{color:#16499a!important}.metro .fg-focus-lightBlue:focus{color:#4390df!important}.metro .fg-focus-lightTeal:focus{color:#45fffd!important}.metro .fg-focus-lightOlive:focus{color:#78aa1c!important}.metro .fg-focus-lightOrange:focus{color:#c29008!important}.metro .fg-focus-lightPink:focus{color:#f472d0!important}.metro .fg-focus-lightRed:focus{color:#ff2d19!important}.metro .fg-focus-lightGreen:focus{color:#7ad61d!important}.metro .fg-focus-grayDark:focus{color:#333!important}.metro .fg-focus-grayDarker:focus{color:#222!important}.metro .fg-focus-grayLight:focus{color:#999!important}.metro .fg-focus-grayLighter:focus{color:#eee!important}.metro .fg-focus-blue:focus{color:#6CBAD6!important}#responsive-utils .hide-element{display:none!important;visibility:hidden!important}#responsive-utils .show-element{display:block!important;visibility:visible!important}#responsive-utils .full-size{float:none!important;display:block!important;width:100%!important;margin-left:0!important;margin-right:0!important}#responsive-utils .half-size{width:50%!important}#responsive-utils .container-desktop{width:940px!important}#responsive-utils .container-phone,#responsive-utils .container-phone2,#responsive-utils .container-phone3,#responsive-utils .container-phone4{width:100%!important}#responsive-utils .container-tablet{width:720px!important}#responsive-utils .container-large{width:1140px!important}#responsive-utils .container-phone{padding:0 10px}@media screen and(min-width:800px){.no-desktop{display:none!important;visibility:hidden!important}}@media screen and(min-width:1024px){.no-desktop{display:none!important;visibility:hidden!important}.on-desktop{display:block!important;visibility:visible!important}}@media screen and(min-width:1200px){html{font-size:70%}.no-large{display:none!important;visibility:hidden!important}.on-large{display:block!important;visibility:visible!important}}@media only screen and(max-width:1024px){.no-tablet,.no-tablet-landscape{display:none!important;visibility:hidden!important}.on-tablet{display:block!important;visibility:visible!important}}@media only screen and(max-width:800px){html{font-size:60%}.no-tablet,.no-tablet-portrait{display:none!important;visibility:hidden!important}.navbar .pull-menu,.navigation-bar .pull-menu,.on-tablet{display:block!important}.on-tablet{visibility:visible!important}.grid:not(.fluid)>.row{margin:0}.grid:not(.fluid)>.row>[class*=span]{width:350px!important;margin-left:0!important;margin-bottom:20px}.grid:not(.fluid)>.row>[class*=span]:nth-child(even){margin-left:20px!important}.grid:not(.fluid)>.row .span10,.grid:not(.fluid)>.row .span11,.grid:not(.fluid)>.row .span12,.grid:not(.fluid)>.row .span7,.grid:not(.fluid)>.row .span8,.grid:not(.fluid)>.row .span9{width:720px!important}.grid:not(.fluid)>.row .span10:nth-child(even),.grid:not(.fluid)>.row .span11:nth-child(even),.grid:not(.fluid)>.row .span12:nth-child(even),.grid:not(.fluid)>.row .span7:nth-child(even),.grid:not(.fluid)>.row .span8:nth-child(even),.grid:not(.fluid)>.row .span9:nth-child(even){margin-left:0!important}.grid:not(.fluid)>.row .row{margin:0}.grid:not(.fluid)>.row .row [class*=span]{width:350px!important;margin-left:0!important;margin-bottom:20px}.grid:not(.fluid)>.row .row [class*=span]:nth-child(even){margin-left:20px!important}.grid:not(.fluid)>.row .row .span10,.grid:not(.fluid)>.row .row .span11,.grid:not(.fluid)>.row .row .span12,.grid:not(.fluid)>.row .row .span7,.grid:not(.fluid)>.row .row .span8,.grid:not(.fluid)>.row .row .span9{width:720px!important}.grid:not(.fluid)>.row .row .span10:nth-child(even),.grid:not(.fluid)>.row .row .span11:nth-child(even),.grid:not(.fluid)>.row .row .span12:nth-child(even),.grid:not(.fluid)>.row .row .span7:nth-child(even),.grid:not(.fluid)>.row .row .span8:nth-child(even),.grid:not(.fluid)>.row .row .span9:nth-child(even){margin-left:0!important}.navbar,.navigation-bar{position:relative!important}.navbar .element,.navigation-bar .element{float:none!important}.navbar .element-divider,.navigation-bar .element-divider{display:none!important}.navbar .element-menu,.navigation-bar .element-menu{position:relative;float:none;display:none;width:100%!important;background-color:inherit;z-index:1000}.navbar .element-menu li,.navbar .element-menu li a,.navigation-bar .element-menu li,.navigation-bar .element-menu li a{display:block!important;float:none!important;width:100%}.navbar .element-menu li .dropdown-menu,.navigation-bar .element-menu li .dropdown-menu{position:relative!important;left:0}.navbar .element-menu .dropdown-toggle,.navigation-bar .element-menu .dropdown-toggle{color:inherit;position:relative}.navbar .element-menu .dropdown-toggle:after,.navigation-bar .element-menu .dropdown-toggle:after{position:absolute;left:100%!important;margin-left:-15px}.navbar .element-menu .dropdown-menu .dropdown-toggle:after,.navigation-bar .element-menu .dropdown-menu .dropdown-toggle:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.navbar .pull-menu,.navigation-bar .pull-menu{display:block!important}}@media only screen and(max-width:640px){html{font-size:60%}.no-phone,.no-phone-landscape{display:none!important;visibility:hidden!important}.on-phone{display:block!important;visibility:visible!important}.container{width:100%!important;padding:0 10px}.grid:not(.fluid)>.row{margin:0}.grid:not(.fluid)>.row>[class*=span]{width:100%!important;margin:0 0 5px!important}.grid:not(.fluid)>.row>[class*=span]:nth-child(even){margin-left:0!important}.grid:not(.fluid)>.row .span12{width:100%!important}.grid:not(.fluid)>.row .row{margin:0}.grid:not(.fluid)>.row .row>[class*=span]{width:100%!important;margin:0 0 5px!important}.grid:not(.fluid)>.row .row>[class*=span]:nth-child(even){margin-left:0!important}.grid:not(.fluid)>.row .row .span12{width:100%!important}}@media only screen and(max-width:480px){html{font-size:45%}.no-phone,.no-phone-landscape{display:none!important;visibility:hidden!important}.container{width:100%!important}.metro .table td,.metro .table th{font-size:11px}}@media only screen and(max-width:360px){html{font-size:45%}.no-phone,.no-phone-portrait{display:none!important;visibility:hidden!important}.container{width:100%!important}.metro .table td,.metro .table th{font-size:10px}}@media only screen and(max-width:320px){html{font-size:45%}.no-phone,.no-phone-portrait{display:none!important;visibility:hidden!important}.container{width:100%!important}.metro .table td,.metro .table th{font-size:10px}}*/

.metro .one-column,
.metro .two-columns {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    -o-column-gap: 20px;
    -ms-column-gap: 20px
}

html {
    font-size: 12px
}

body {
    font-size: 11px
}

body,
html {
    padding: 0;
    margin: 0;
    min-height: 100%
}

*,
body,
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

    audio:not([controls]) {
        display: none
    }

.tile:active,
a:active,
a:hover {
    outline: 0
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
.google-maps img {
    max-width: none
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,
input {
    line-height: normal
}

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button,
    input[type=button],
    input[type=reset],
    input[type=submit],
    input[type=radio],
    input[type=checkbox],
    label,
    select {
        cursor: pointer
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        -o-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

textarea {
    overflow: auto;
    vertical-align: top
}

input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=text]::-ms-clear,
input[type=time]::-ms-clear,
input[type=url]::-ms-clear {
    display: none
}

input[type=password]::-ms-reveal {
    display: none
}

* {
    border-collapse: collapse
}

a {
    text-decoration: none
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.metro img,
.metro table {
    max-width: 100%
}

.metro .box-sizing-border {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.metro .box-sizing-content,
.metro .window .content {
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box
}

.metro .box-sizing-content {
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.metro .text-left {
    text-align: left
}

.metro .text-right {
    text-align: right
}

.metro .text-center {
    text-align: center
}

.metro .text-justify {
    text-align: justify
}

.metro .text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.metro .text-bold {
    font-weight: 700
}

.metro .text-normal {
    font-weight: 400
}

.metro .text-italic {
    font-style: italic
}

.metro .no-border {
    border: 0 !important
}

.metro .border {
    border: 1px solid #eaeaea
}

.metro .border-left {
    border-left: 1px #eaeaea solid
}

.metro .border-right {
    border-right: 1px #eaeaea solid
}

.metro .border-top {
    border-top: 1px #eaeaea solid
}

.metro .border-bottom {
    border-bottom: 1px #eaeaea solid
}

.metro .collapse-separate {
    border-collapse: separate
}

.metro .calendar table,
.metro .collapse-collapse,
.metro table {
    border-collapse: collapse
}

.metro .pos-abs {
    position: absolute
}

.metro .pos-rel {
    position: relative
}

.metro .pos-fix {
    position: fixed
}

.metro .place-left {
    float: left
}

.metro .place-right {
    float: right
}

.metro .block,
.metro .no-float {
    float: none !important
}

.metro .place-top-left {
    position: absolute;
    top: 0;
    left: 0
}

.metro .place-top-right {
    position: absolute;
    top: 0;
    right: 0
}

.metro .place-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0
}

.metro .place-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.metro .on-left {
    margin-right: 5px
}

.metro .on-right {
    margin-left: 5px
}

.metro .on-left-more {
    margin-right: 10px
}

.metro .on-right-more {
    margin-left: 10px
}

.metro .padding5 {
    padding: 5px
}

.metro .padding10 {
    padding: 10px
}

.metro .padding15 {
    padding: 15px
}

.metro .padding20 {
    padding: 20px
}

.metro .margin5 {
    margin: 5px
}

.metro .margin10 {
    margin: 10px
}

.metro .margin15 {
    margin: 15px
}

.metro .margin20 {
    margin: 20px
}

.metro .nlm {
    margin-left: 0 !important
}

.metro .nrm {
    margin-right: 0 !important
}

.metro .ntm {
    margin-top: 0 !important
}

.metro .nbm {
    margin-bottom: 0 !important
}

.metro .nlp {
    padding-left: 0 !important
}

.metro .nrp {
    padding-right: 0 !important
}

.metro .ntp {
    padding-top: 0 !important
}

.metro .nbp {
    padding-bottom: 0 !important
}

.metro .no-margin {
    margin: 0 !important
}

.metro .no-padding {
    padding: 0 !important
}

.metro .block {
    display: block !important
}

.metro .inline-block {
    display: inline-block !important
}

.metro .hide,
.metro .no-display {
    display: none !important
}

.metro .no-visible {
    visibility: hidden !important
}

.metro .visible {
    visibility: visible !important
}

.metro .scroll-vertical,
.metro .scroll-y {
    overflow-y: scroll
}

.metro .scroll-horizontal,
.metro .scroll-x {
    overflow-x: scroll
}

.metro .no-overflow {
    overflow: hidden
}

.metro .overflow {
    overflow: scroll
}

.metro .one-column {
    -moz-columns: 1;
    -webkit-columns: 1;
    -o-columns: 1;
    -ms-columns: 1;
    columns: 1;
    column-gap: 20px
}

.metro .two-columns {
    -moz-columns: 2;
    -webkit-columns: 2;
    -o-columns: 2;
    -ms-columns: 2;
    columns: 2;
    column-gap: 20px
}

.metro .four-columns,
.metro .three-columns {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    -o-column-gap: 20px;
    -ms-column-gap: 20px
}

.metro .three-columns {
    -moz-columns: 3;
    -webkit-columns: 3;
    -o-columns: 3;
    -ms-columns: 3;
    columns: 3;
    column-gap: 20px
}

.metro .four-columns {
    -moz-columns: 4;
    -webkit-columns: 4;
    -o-columns: 4;
    -ms-columns: 4;
    columns: 4;
    column-gap: 20px
}

.metro .five-columns {
    -moz-columns: 5;
    -webkit-columns: 5;
    -o-columns: 5;
    -ms-columns: 5;
    columns: 5;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    -o-column-gap: 20px;
    -ms-column-gap: 20px;
    column-gap: 20px
}

.metro .square5 {
    width: 5px;
    height: 5px
}

.metro .square10 {
    width: 10px;
    height: 10px
}

.metro .square15 {
    width: 15px;
    height: 15px
}

.metro .square20 {
    width: 20px;
    height: 20px
}

.metro .shadow {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 3px 8px rgba(0, 0, 0, .2)
}

.metro .text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.metro .opacity {
    opacity: .9
}

.metro .half-opacity {
    opacity: .5
}

.metro .hi-opacity {
    opacity: .2
}

.metro .clearfix:after,
.metro .clearfix:before {
    display: table;
    content: ""
}

.metro .clearfix:after {
    clear: both
}

.metro #element .selected {
    border: 4px solid #4390df
}

    .metro #element .selected:after {
        position: absolute;
        display: block;
        border-top: 28px solid #4390df;
        border-left: 28px solid transparent;
        right: 0;
        content: "";
        top: 0;
        z-index: 101
    }

    .metro #element .selected:before {
        position: absolute;
        display: block;
        content: "\e08a";
        color: #fff;
        right: 0;
        font-family: iconFont;
        font-size: 9pt;
        font-weight: 400;
        z-index: 102;
        top: 0
    }

.metro .text-rest-state {
    color: #000
}

.metro .text-rest2-state {
    color: rgba(0, 0, 0, .6)
}

.metro .text-hover-state {
    color: rgba(0, 0, 0, .8)
}

.metro .text-pressed-state {
    color: rgba(0, 0, 0, .4)
}

.metro #font .light {
    font-weight: 300
}

.metro #font .normal,
.metro .navigation {
    font-weight: 400;
    font-style: normal
}

.metro #font .bold {
    font-weight: 700
}

.metro #font .italic {
    font-style: italic
}

.metro #font .segoe {
    font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
}

.metro #font .segoe-bold {
    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif
}

.metro #font .segoe-light {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif
}

.metro #font .cambria {
    font-family: Cambria_, 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif
}

.metro #font .mono {
    font-family: 'Courier New', monospace
}

.metro #font .serif {
    font-family: Georgia, "Times New Roman", Times, serif
}

.metro #font .sans {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.metro .header,
.metro .subheader,
.metro .subheader-secondary {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #000
}

.metro .header,
.metro .subheader {
    letter-spacing: 0
}

.metro .header {
    font-size: 4.8rem;
    line-height: 4.8rem
}

.metro .subheader {
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: .01em
}

.metro .subheader-secondary {
    letter-spacing: .01em;
    color: rgba(0, 0, 0, .6);
    font-size: 2.2rem;
    line-height: 2.2rem
}

.metro .item-title,
.metro .item-title-secondary {
    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: .02em
}

.metro .item-title {
    font-size: 1.6rem;
    line-height: 1.6rem
}

.metro .item-title-secondary {
    color: rgba(0, 0, 0, .6);
    font-size: 1.4rem;
    line-height: 1.4rem
}

.metro .body-text,
.metro .navigation {
    font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
}

.metro .navigation {
    color: rgba(0, 0, 0, .6);
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: .02em
}

.metro .body-text,
.metro .code-text {
    font-weight: 400;
    color: #000;
    font-size: 11pt;
    line-height: 15pt;
    letter-spacing: .02em;
    font-style: normal
}

.metro .code-text {
    font-family: 'Courier New', monospace
}

.metro .tertiary-text,
.metro .tertiary-text-secondary {
    color: #000;
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 400 !important
}

.metro .tertiary-text,
.metro .tertiary-text-secondary,
.metro h6 {
    font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
}

.metro .tertiary-text-secondary {
    color: rgba(0, 0, 0, .6)
}

.metro .readable-text {
    font-family: Cambria_, 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2rem
}

.metro .menu-item,
.metro .menu-title {
    font-weight: 300;
    color: #000;
    letter-spacing: .01em;
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif
}

.metro .menu-title {
    line-height: 2.5rem;
    font-size: 4rem
}

.metro .menu-item {
    color: rgba(0, 0, 0, .6);
    line-height: 2.2rem;
    font-size: 2.2rem
}

.metro .menu-item-secondary {
    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 1.6rem;
    letter-spacing: .02em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4rem
}

.metro h1,
.metro h2,
.metro h3,
.metro h4,
.metro h5,
.metro h6 {
    padding: 0;
    margin: 10px 0
}

.metro h1 {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #000;
    letter-spacing: 0;
    font-size: 4.8rem;
    line-height: 4.8rem
}

.metro h2,
.metro h3 {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    letter-spacing: .01em
}

.metro h2 {
    font-weight: 300;
    font-size: 2.5rem;
    line-height: 2.5rem
}

.metro h3 {
    color: rgba(0, 0, 0, .6);
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 700
}

.metro h4,
.metro h5 {
    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    letter-spacing: .02em;
    font-weight: 700
}

.metro h4 {
    font-size: 1.6rem;
    line-height: 1.6rem
}

.metro h5 {
    color: rgba(0, 0, 0, .6);
    font-size: 1.4rem;
    line-height: 1.4rem
}

.metro h6,
.metro ol,
.metro p,
.metro ul {
    line-height: 15pt;
    letter-spacing: .02em
}

.metro h6 {
    font-style: normal;
    color: #000;
    font-weight: 700;
    font-size: 9pt
}

.metro div,
.metro p,
.metro span {
    font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal
}

.metro h1 small {
    font-size: 19.25pt
}

.metro h2 small {
    font-size: 13.75pt
}

.metro h3 small,
.metro h4 small,
.metro p {
    font-size: 11pt
}

.metro .link,
.metro a {
    color: #2e92cf
}

    .metro .link:hover,
    .metro a:hover {
        color: rgba(45, 173, 237, .9)
    }

    .metro .link:active,
    .metro .link:focus,
    .metro a:active,
    .metro a:focus {
        color: rgba(45, 173, 237, .6)
    }

.metro p {
    margin: 0 0 7pt;
    color: #000
}

.metro strong {
    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700
}

.metro address,
.metro ol,
.metro ul {
    font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
}

    .metro address,
    .metro ol,
    .metro ol.styled,
    .metro ul {
        font-weight: 400;
        font-style: normal
    }

.metro .text-muted {
    color: #999 !important
}

.metro .text-info {
    color: #2D7D9A !important
}

.metro .text-alert {
    color: #e51400 !important
}

.metro .text-warning {
    color: #fa6800 !important
}

.metro .text-success {
    color: #60a917 !important
}

.metro abbr {
    text-decoration: none;
    border-bottom: 1px #999 dotted;
    cursor: help
}

.metro address {
    margin-bottom: 7pt
}

.metro blockquote {
    margin: 0;
    padding: 0 0 0 10px;
    border-left: 4px #999 solid
}

    .metro blockquote small {
        color: #999
    }

        .metro blockquote small:before {
            content: "\2014 \00A0"
        }

    .metro blockquote.place-right {
        border: 0;
        border-right: 4px #999 solid;
        padding-right: 10px;
        text-align: right
    }

        .metro blockquote.place-right small:before {
            content: ""
        }

        .metro blockquote.place-right small:after {
            content: " \00A0 \2014"
        }

.metro .unstyled {
    padding-left: 0;
    list-style: none
}

    .metro .unstyled li ol,
    .metro .unstyled li ul {
        list-style: none;
        padding-left: 25px
    }

.metro .inline {
    list-style: none
}

    .metro .inline li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

.metro ol,
.metro ul {
    margin-left: 5px;
    padding-left: 15px;
    color: #000;
    font-size: 11pt
}

    .metro ol li,
    .metro ul li {
        line-height: 20px
    }

        .metro ol li ol,
        .metro ol li ul,
        .metro ul li ol,
        .metro ul li ul {
            padding-left: 25px
        }

    .metro ol.styled {
        counter-reset: li;
        margin-left: 0;
        padding-left: 0;
        font-family: Cambria_, 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.8rem;
        line-height: 2rem
    }

        .metro ol.styled > li {
            position: relative;
            margin: 0 0 6px 2em;
            padding: 4px 12px;
            list-style: none
        }

            .metro ol.styled > li:before {
                content: counter(li);
                counter-increment: li;
                position: absolute;
                top: -2px;
                left: -2em;
                box-sizing: border-box;
                width: 2em;
                margin-right: 8px;
                padding: 4px;
                color: #fff;
                background: #666;
                font-weight: 700;
                font-family: "Helvetica Neue", Arial, sans-serif;
                text-align: center
            }

.metro .page .page-header .page-header-content:after,
.metro .page .page-header .page-header-content:before,
.metro .page:after,
.metro .page:before {
    display: table;
    content: ""
}

.metro ol.styled.rounded > li:before {
    border-radius: 100%
}

.metro dl dd,
.metro dl dt {
    line-height: 20px
}

.metro dl dt {
    font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif
}

.metro dl dd {
    margin-left: 15px
}

.metro dl.horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metro .button-set:after,
.metro .dataTable,
.metro .dataTables_wrapper .dataTables_scroll,
.metro .dataTables_wrapper:after,
.metro .example:after,
.metro .fluent-menu .tabs-holder:after,
.metro .grid .row:after,
.metro .listview .list .list-content:after,
.metro .listview-outlook .list .list-content:after,
.metro .navbar-content:after,
.metro .navigation-bar-content:after,
.metro .page .page-footer .page-footer-content:after,
.metro .page .page-header .page-header-content:after,
.metro .page .page-region .page-region-content:after,
.metro .page:after,
.metro .pagination > ul:after,
.metro .progress-bar:after,
.metro .rating ul:after,
.metro .rating:after,
.metro .stepper:after,
.metro .streamer .events .events-area:after,
.metro .streamer .events .events-grid:after,
.metro .tab-control .tabs:after,
.metro .tile .brand:after,
.metro .tile .tile-status:after,
.metro .tile-area-dark:after,
.metro .tile-area-darkBlue:after,
.metro .tile-area-darkBrown:after,
.metro .tile-area-darkCobalt:after,
.metro .tile-area-darkCrimson:after,
.metro .tile-area-darkCyan:after,
.metro .tile-area-darkEmerald:after,
.metro .tile-area-darkGreen:after,
.metro .tile-area-darkMagenta:after,
.metro .tile-area-darkOrange:after,
.metro .tile-area-darkPink:after,
.metro .tile-area-darkRed:after,
.metro .tile-area-darkTeal:after,
.metro .tile-area-darkViolet:after,
.metro .tile-area-grayed:after,
.metro .tile-area-lightBlue:after,
.metro .tile-area-lightOlive:after,
.metro .tile-area-lightOrange:after,
.metro .tile-area-lightPink:after,
.metro .tile-area-lightTeal:after,
.metro .toolbar .toolbar-group:after,
.metro .toolbar:after {
    clear: both
}

.metro .button,
.metro button {
    text-align: center;
    font-size: 14px
}

.metro dl.horizontal dd {
    margin-left: 180px
}

.metro .prettyprint * {
    font-weight: 400;
    font-style: normal;
    color: #000;
    letter-spacing: .02em;
    font-family: 'Courier New', monospace;
    font-size: .9em !important;
    line-height: 10pt
}

.metro .container {
    margin: 0 auto
}

.metro .page {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0
}

    .metro .page .page-header .page-header-content {
        min-height: auto
    }

        .metro .page .page-header .page-header-content .branding {
            display: inline-block;
            width: auto;
            padding: 10px 0;
            margin-right: 20px
        }

            .metro .page .page-header .page-header-content .branding .brand-slogan,
            .metro .page .page-header .page-header-content .branding .brand-title {
                color: #000;
                font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
                display: block
            }

            .metro .page .page-header .page-header-content .branding .brand-title {
                font-weight: 300;
                font-size: 2.5rem;
                line-height: 2.5rem;
                letter-spacing: .01em
            }

            .metro .page .page-header .page-header-content .branding .brand-slogan {
                letter-spacing: .02em;
                color: rgba(0, 0, 0, .6);
                font-size: 1.4rem;
                line-height: 1.4rem;
                font-weight: 400;
                font-style: normal
            }

    .metro .page .page-footer .page-footer-content:after,
    .metro .page .page-footer .page-footer-content:before,
    .metro .page .page-region .page-region-content:after,
    .metro .page .page-region .page-region-content:before {
        display: table;
        content: ""
    }

    .metro .page .page-header .page-header-content .branding .brand-slogan,
    .metro .page .page-header .page-header-content .branding .brand-title {
        margin: 0
    }

    .metro .page .page-header .page-header-content .branding a + .brand-slogan,
    .metro .page .page-header .page-header-content .branding a + .brand-title {
        text-decoration: none !important
    }

    .metro .page .page-region .page-region-content {
        min-height: 500px
    }

.metro .app-bar,
.metro .message-dialog {
    position: fixed;
    left: 0;
    min-height: 100px
}

.metro .page .page-footer .page-footer-content {
    height: 100px
}

.metro .page.secondary .page-header-content,
.metro .page.secondary .page-region-content {
    padding-left: 80px
}

.metro .app-bar {
    bottom: 0;
    right: 0;
    background-color: #1d1d1d;
    z-index: 1060
}

.metro .charms {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    min-width: 200px;
    width: auto;
    z-index: 1060
}

    .metro .charms.place-left {
        left: 0;
        right: auto
    }

.metro .message-dialog {
    right: 0;
    height: auto;
    top: 30%;
    padding: 10px 10px 0;
    z-index: 1050
}

.metro .error-bar,
.metro .info-bar,
.metro .warning-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    color: #fff;
    min-height: 100px;
    z-index: 1050
}

.metro .error-bar {
    background-color: #9a1616 !important
}

.metro .warning-bar {
    background-color: #bf5a15 !important
}

.metro .info-bar {
    background-color: #4390df !important
}

.metro .size1,
.metro .span1 {
    width: 60px !important
}

.metro .size2,
.metro .span2 {
    width: 140px !important
}

.metro .size3,
.metro .span3 {
    width: 220px !important
}

.metro .size4,
.metro .span4 {
    width: 300px !important
}

.metro .size5,
.metro .span5 {
    width: 380px !important
}

.metro .size6,
.metro .span6 {
    width: 460px !important
}

.metro .size7,
.metro .span7 {
    width: 540px !important
}

.metro .size8,
.metro .span8 {
    width: 620px !important
}

.metro .size9,
.metro .span9 {
    width: 700px !important
}

.metro .size10,
.metro .span10 {
    width: 780px !important
}

.metro .size11,
.metro .span11 {
    width: 860px !important
}

.metro .size12,
.metro .span12 {
    width: 940px !important
}

.metro .offset1 {
    margin-left: 80px !important
}

    .metro .offset1:not(:first-child) {
        margin-left: 100px !important
    }

.metro .offset2 {
    margin-left: 160px !important
}

    .metro .offset2:not(:first-child) {
        margin-left: 180px !important
    }

.metro .offset3 {
    margin-left: 240px !important
}

    .metro .offset3:not(:first-child) {
        margin-left: 260px !important
    }

.metro .offset4 {
    margin-left: 320px !important
}

    .metro .offset4:not(:first-child) {
        margin-left: 340px !important
    }

.metro .offset5 {
    margin-left: 400px !important
}

    .metro .offset5:not(:first-child) {
        margin-left: 420px !important
    }

.metro .offset6 {
    margin-left: 480px !important
}

    .metro .offset6:not(:first-child) {
        margin-left: 500px !important
    }

.metro .offset7 {
    margin-left: 560px !important
}

    .metro .offset7:not(:first-child) {
        margin-left: 580px !important
    }

.metro .offset8 {
    margin-left: 640px !important
}

    .metro .offset8:not(:first-child) {
        margin-left: 660px !important
    }

.metro .offset9 {
    margin-left: 720px !important
}

    .metro .offset9:not(:first-child) {
        margin-left: 740px !important
    }

.metro .offset10 {
    margin-left: 800px !important
}

    .metro .offset10:not(:first-child) {
        margin-left: 820px !important
    }

.metro .offset11 {
    margin-left: 880px !important
}

    .metro .offset11:not(:first-child) {
        margin-left: 900px !important
    }

.metro .offset12 {
    margin-left: 960px !important
}

    .metro .offset12:not(:first-child) {
        margin-left: 980px !important
    }

.metro .grid {
    margin-bottom: 20px
}

    .metro .grid .row {
        display: block;
        margin-top: 20px
    }

        .metro .grid .row:after,
        .metro .grid .row:before {
            display: table;
            content: ""
        }

        .metro .grid .row [class*=span] {
            float: left;
            min-height: 1px;
            margin-left: 20px
        }

            .metro .grid .row [class*=span]:first-child {
                margin-left: 0
            }

    .metro .grid.fluid {
        width: 100%
    }

        .metro .grid.fluid .row .span1 {
            width: 6.382978% !important
        }

        .metro .grid.fluid .row .span2 {
            width: 14.893614999999999% !important
        }

        .metro .grid.fluid .row .span3 {
            width: 23.404251999999996% !important
        }

        .metro .grid.fluid .row .span4 {
            width: 31.914889% !important
        }

        .metro .grid.fluid .row .span5 {
            width: 40.425526% !important
        }

        .metro .grid.fluid .row .span6 {
            width: 48.93616299999999% !important
        }

        .metro .grid.fluid .row .span7 {
            width: 57.446799999999996% !important
        }

        .metro .grid.fluid .row .span8 {
            width: 65.957437% !important
        }

        .metro .grid.fluid .row .span9 {
            width: 74.468074% !important
        }

        .metro .grid.fluid .row .span10 {
            width: 82.978711% !important
        }

        .metro .grid.fluid .row .span11 {
            width: 91.48934799999999% !important
        }

        .metro .grid.fluid .row .span12 {
            width: 99.99998499999998% !important
        }

        .metro .grid.fluid .row [class*=span] {
            margin-left: 2.127659%
        }

            .metro .grid.fluid .row [class*=span]:first-child {
                margin-left: 0
            }

        .metro .grid.fluid .row .offset1 {
            margin-left: 8.510637% !important
        }

            .metro .grid.fluid .row .offset1:not(:first-child) {
                margin-left: 10.638296% !important
            }

        .metro .grid.fluid .row .offset2 {
            margin-left: 17.021274% !important
        }

            .metro .grid.fluid .row .offset2:not(:first-child) {
                margin-left: 19.148933% !important
            }

        .metro .grid.fluid .row .offset3 {
            margin-left: 25.531910999999997% !important
        }

            .metro .grid.fluid .row .offset3:not(:first-child) {
                margin-left: 27.659569999999995% !important
            }

        .metro .grid.fluid .row .offset4 {
            margin-left: 34.042548% !important
        }

            .metro .grid.fluid .row .offset4:not(:first-child) {
                margin-left: 36.170207% !important
            }

        .metro .grid.fluid .row .offset5 {
            margin-left: 42.553185% !important
        }

            .metro .grid.fluid .row .offset5:not(:first-child) {
                margin-left: 44.680844% !important
            }

        .metro .grid.fluid .row .offset6 {
            margin-left: 51.063821999999995% !important
        }

            .metro .grid.fluid .row .offset6:not(:first-child) {
                margin-left: 53.191480999999996% !important
            }

        .metro .grid.fluid .row .offset7 {
            margin-left: 59.574459% !important
        }

            .metro .grid.fluid .row .offset7:not(:first-child) {
                margin-left: 61.702118% !important
            }

        .metro .grid.fluid .row .offset8 {
            margin-left: 68.085096% !important
        }

            .metro .grid.fluid .row .offset8:not(:first-child) {
                margin-left: 70.212755% !important
            }

        .metro .grid.fluid .row .offset9 {
            margin-left: 76.595733% !important
        }

            .metro .grid.fluid .row .offset9:not(:first-child) {
                margin-left: 78.72339199999999% !important
            }

        .metro .grid.fluid .row .offset10 {
            margin-left: 85.10637% !important
        }

            .metro .grid.fluid .row .offset10:not(:first-child) {
                margin-left: 87.23402899999999% !important
            }

        .metro .grid.fluid .row .offset11 {
            margin-left: 93.617007% !important
        }

            .metro .grid.fluid .row .offset11:not(:first-child) {
                margin-left: 95.744666% !important
            }

        .metro .grid.fluid .row .offset12 {
            margin-left: 102.12764399999999% !important
        }

            .metro .grid.fluid .row .offset12:not(:first-child) {
                margin-left: 104.25530299999998% !important
            }

.metro table {
    background-color: #fff;
    border-spacing: 0
}

.metro .table {
    width: 100%;
    margin-bottom: 14pt
}

    .metro .table.condensed td .input-control,
    .metro .table.condensed th .input-control,
    .metro .table.super-condensed td .input-control,
    .metro .table.super-condensed th .input-control {
        margin: 0
    }

    .metro .table td,
    .metro .table th {
        padding: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 14pt;
        vertical-align: top;
        border-bottom: 1px #eaeaea solid
    }

        .metro .table td[class*=span],
        .metro .table th[class*=span] {
            display: table-cell !important;
            float: none !important;
            margin: 0
        }

    .metro .table thead th {
        vertical-align: bottom
    }

    .metro .table thead td,
    .metro .table thead th {
        border-bottom: 1px solid #111
    }

    .metro .table tbody tr:last-child td {
        border-bottom: 0
    }

    .metro .table tbody + tbody {
        border-top: 2px solid #eaeaea
    }

    .metro .table tfoot td,
    .metro .table tfoot th {
        border-top: 1px solid #111
    }

    .metro .table .table {
        background-color: #bfbfbf
    }

    .metro .table.condensed td,
    .metro .table.condensed th {
        padding: 4px 5px
    }

    .metro .table.super-condensed td,
    .metro .table.super-condensed th {
        padding: 2px
    }

.metro .button,
.metro .command-button,
.metro button {
    padding: 4px 12px;
    display: inline-block;
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px;
    outline: 0;
    vertical-align: middle !important
}

.metro .table.striped tbody tr:nth-child(odd) {
    background: #eee
}

.metro .table.bordered {
    border: 1px solid #eaeaea;
    border-left: 0
}

    .metro .table.bordered td,
    .metro .table.bordered th {
        border-left: 1px #eaeaea solid;
        border-bottom: 1px #eaeaea solid
    }

.metro .table.no-border td,
.metro .table.no-border th {
    border: 0
}

.metro .table.border {
    border: 1px solid #eaeaea !important
}

.metro .table.hovered tbody tr:hover {
    background-color: rgba(28, 183, 236, .1)
}

.metro .table tr.success {
    background-color: #60a917 !important
}

.metro .table tr.error {
    background-color: #e51400 !important
}

.metro .table tr.warning {
    background-color: #fa6800 !important
}

.metro .table tr.info {
    background-color: #4390df !important
}

    .metro .table tr.error td,
    .metro .table tr.error td *,
    .metro .table tr.info td,
    .metro .table tr.info td *,
    .metro .table tr.success td,
    .metro .table tr.success td *,
    .metro .table tr.warning td,
    .metro .table tr.warning td * {
        color: #fff !important
    }

.metro .table tr.selected {
    background-color: rgba(28, 183, 236, .1)
}

.metro .button {
    background-color: #d9d9d9;
    border: 1px solid transparent;
    color: #222;
    border-radius: 0;
    cursor: pointer
}

    .metro .button.default {
        background-color: #008287;
        color: #fff
    }

    .metro .button:focus {
        outline: 0;
        border: 1px dotted #353535
    }

    .metro .button.disabled,
    .metro .button:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro .button *,
    .metro .button :hover,
    .metro a.button *,
    .metro a.button :hover,
    .metro a.button:hover {
        color: inherit
    }

    .metro .button.primary {
        background-color: #a6292a !important;
        color: #fff !important
    }

    .metro .button.info {
        background-color: #4390df !important;
        color: #fff !important
    }

    .metro .button.success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro .button.warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro .button.danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro .button.inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro .button.link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro .button.link:hover {
            text-decoration: underline
        }

        .metro .button.link.disabled,
        .metro .button.link:disabled {
            background-color: transparent !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro .button.link [class*=icon-] {
            text-decoration: none !important
        }

.metro button {
    background-color: #d9d9d9;
    border: 1px solid transparent;
    color: #222;
    border-radius: 0;
    cursor: pointer
}

    .metro button.default {
        background-color: #008287;
        color: #fff
    }

    .metro button:focus {
        outline: 0;
        border: 1px dotted #353535
    }

    .metro button.disabled,
    .metro button:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro button *,
    .metro button :hover {
        color: inherit
    }

    .metro button.primary {
        background-color: #16499a !important;
        color: #fff !important
    }

    .metro button.info {
        background-color: #a6292a !important;
        color: #fff !important
    }

    .metro button.success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro button.warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro button.danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro button.inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro button.link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro button.link:hover {
            text-decoration: underline
        }

        .metro button.link.disabled,
        .metro button.link:disabled {
            background-color: transparent !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro button.link [class*=icon-] {
            text-decoration: none !important
        }

    .metro button:active {
        background-color: #1d1d1d !important;
        color: #fff !important;
        border-color: transparent
    }

.metro .command-button {
    background-color: #d9d9d9;
    border: 1px solid transparent;
    color: #222;
    border-radius: 0;
    cursor: pointer;
    text-align: left;
    font-size: 14pt;
    width: auto
}

    .metro .command-button.default {
        background-color: #008287;
        color: #fff
    }

    .metro .command-button:focus {
        outline: 0;
        border: 1px dotted #353535
    }

    .metro .command-button.disabled,
    .metro .command-button:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro .command-button *,
    .metro .command-button :hover {
        color: inherit
    }

    .metro .command-button.primary {
        background-color: #16499a !important;
        color: #fff !important
    }

    .metro .command-button.info {
        background-color: #4390df !important;
        color: #fff !important
    }

    .metro .command-button.success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro .command-button.warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro .command-button.danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro .command-button.inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro .command-button.link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro .command-button.link:hover {
            text-decoration: underline
        }

        .metro .command-button.link.disabled,
        .metro .command-button.link:disabled {
            background-color: transparent !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro .command-button.link [class*=icon-] {
            text-decoration: none !important
        }

    .metro .command-button:active {
        background-color: #1d1d1d !important;
        color: #fff !important;
        border-color: transparent
    }

    .metro .command-button.large {
        padding: 11px 19px;
        font-size: 17.5px
    }

    .metro .command-button.small {
        padding: 2px 10px;
        font-size: 11.9px
    }

    .metro .command-button.mini {
        padding: 0 6px;
        font-size: 10.5px
    }

    .metro .command-button small {
        display: block;
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 1.3rem;
        line-height: 1.5rem;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, .6);
        color: inherit
    }

    .metro .command-button [class*=icon-] {
        font-size: 1.7em;
        margin-top: 0
    }

        .metro .command-button [class*=icon-].on-left {
            float: left
        }

        .metro .command-button [class*=icon-].on-right {
            float: right
        }

        .metro .command-button [class*=icon-].on-left + small {
            margin-left: 40px
        }

        .metro .command-button [class*=icon-].on-right + small {
            margin-right: 40px
        }

.metro .toolbar {
    width: auto;
    margin-bottom: 10px
}

    .metro .toolbar:after,
    .metro .toolbar:before {
        display: table;
        content: ""
    }

    .metro .toolbar .transparent .button,
    .metro .toolbar .transparent button,
    .metro .toolbar.transparent .button,
    .metro .toolbar.transparent button {
        background-color: transparent
    }

        .metro .toolbar .transparent .button:hover,
        .metro .toolbar .transparent button:hover,
        .metro .toolbar.transparent .button:hover,
        .metro .toolbar.transparent button:hover {
            background-color: #eee;
            border: 1px solid #fff
        }

    .metro .toolbar .button,
    .metro .toolbar button {
        color: inherit;
        padding: 4px 8px;
        display: block;
        float: left;
        font-size: 12pt;
        line-height: 12pt;
        margin-right: 2px
    }

        .metro .toolbar .button:last-child,
        .metro .toolbar .toolbar-group.no-spaces .button,
        .metro .toolbar .toolbar-group.no-spaces button,
        .metro .toolbar button:last-child,
        .metro .toolbar.no-spaces .button,
        .metro .toolbar.no-spaces button {
            margin-right: 0
        }

            .metro .toolbar .toolbar-group.no-spaces .button:active,
            .metro .toolbar .toolbar-group.no-spaces button:active,
            .metro .toolbar.no-spaces .button:active,
            .metro .toolbar.no-spaces button:active {
                background-color: #1d1d1d;
                color: #fff;
                top: auto;
                left: auto
            }

    .metro .toolbar .divider {
        display: block;
        float: left;
        height: 12px;
        width: 1px;
        margin: 8px;
        background-color: #999;
        vertical-align: middle !important
    }

    .metro .toolbar .toolbar-group {
        padding: 0;
        margin: 0 10px 0 0;
        display: inline-block;
        color: inherit
    }

        .metro .toolbar .toolbar-group:after,
        .metro .toolbar .toolbar-group:before {
            display: table;
            content: ""
        }

.metro .button-dropdown {
    position: relative;
    display: inline-block
}

    .metro .button-dropdown .dropdown-menu.place-right {
        right: 0;
        left: auto
    }

.metro .button.dropdown-toggle,
.metro button.dropdown-toggle {
    padding-right: 16px;
    border: 0
}

    .metro .button.dropdown-toggle:before,
    .metro button.dropdown-toggle:before {
        position: absolute;
        font-family: iconFont;
        font-size: 14px;
        right: 1px;
        z-index: 2
    }

.metro .image-button,
.metro .shortcut {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    outline: 0;
    vertical-align: middle !important;
    text-align: center
}

.metro .image-button {
    padding: 4px 45px 4px 12px;
    background-color: #d9d9d9;
    color: #222;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    border: 0
}

    .metro .image-button.default {
        background-color: #008287;
        color: #fff
    }

    .metro .image-button.disabled,
    .metro .image-button:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro .image-button *,
    .metro .image-button :hover {
        color: inherit
    }

    .metro .image-button.primary {
        background-color: #16499a !important;
        color: #fff !important
    }

    .metro .image-button.info {
        background-color: #4390df !important;
        color: #fff !important
    }

    .metro .image-button.success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro .image-button.warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro .image-button.danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro .image-button.inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro .image-button.link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro .image-button.link:hover {
            text-decoration: underline
        }

        .metro .image-button.link.disabled,
        .metro .image-button.link:disabled {
            background-color: transparent !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro .image-button.link [class*=icon-] {
            text-decoration: none !important
        }

    .metro .image-button:active {
        background-color: #1d1d1d !important;
        color: #fff !important;
        border-color: transparent
    }

    .metro .image-button.large {
        padding: 11px 19px;
        font-size: 17.5px
    }

    .metro .image-button.small {
        padding: 2px 10px;
        font-size: 11.9px
    }

    .metro .image-button.mini {
        padding: 0 6px;
        font-size: 10.5px
    }

    .metro .image-button [class*=icon-],
    .metro .image-button img,
    .metro .image-button:active img {
        display: block;
        position: absolute;
        float: right;
        right: 0;
        top: 0;
        padding: 5px;
        height: 100%;
        margin-left: 0;
        box-sizing: border-box;
        border: 1px solid transparent;
        z-index: 2;
        text-align: center
    }

    .metro .image-button [class*=icon-] {
        vertical-align: middle !important;
        font-size: 12pt;
        line-height: 12pt;
        top: 0;
        right: 0
    }

    .metro .image-button.image-left {
        padding-right: 12px;
        padding-left: 45px
    }

        .metro .image-button.image-left [class*=icon-],
        .metro .image-button.image-left img,
        .metro .image-button.image-left:active img {
            right: auto;
            left: 0
        }

    .metro .image-button:focus {
        outline: 0;
        border: 0
    }

.metro .shortcut {
    padding: 4px 12px;
    background-color: #d9d9d9;
    color: #222;
    border-radius: 0;
    cursor: pointer;
    line-height: 16px;
    height: 92px;
    width: 92px;
    font-size: 12pt;
    border: 0;
    border-bottom: 2px solid transparent;
    display: inline-block;
    position: relative
}

    .metro .shortcut.default {
        background-color: #008287;
        color: #fff
    }

    .metro .shortcut:focus {
        outline: 0;
        border: 1px dotted #353535
    }

    .metro .shortcut.disabled,
    .metro .shortcut:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro .shortcut *,
    .metro .shortcut :hover {
        color: inherit
    }

    .metro .shortcut.primary {
        background-color: #16499a !important;
        color: #fff !important
    }

    .metro .shortcut.info {
        background-color: #4390df !important;
        color: #fff !important
    }

    .metro .shortcut.success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro .shortcut.warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro .shortcut.danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro .shortcut.inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro .shortcut.link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro .shortcut.link:hover {
            text-decoration: underline
        }

        .metro .shortcut.link,
        .metro .shortcut.link [class*=icon-] {
            text-decoration: none !important
        }

            .metro .shortcut.link.disabled,
            .metro .shortcut.link:disabled {
                background-color: transparent !important;
                color: #bebebe !important;
                cursor: not-allowed !important
            }

    .metro .shortcut:active {
        background-color: #1d1d1d !important;
        color: #fff !important;
        border-color: transparent
    }

    .metro .shortcut.large {
        padding: 11px 19px;
        font-size: 17.5px
    }

    .metro .shortcut.small {
        padding: 2px 10px;
        font-size: 11.9px
    }

    .metro .shortcut.mini {
        padding: 0 6px;
        font-size: 10.5px
    }

    .metro .shortcut [class*=icon-] {
        display: block;
        margin: 10px;
        font-size: 1.5em
    }

    .metro .shortcut small {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 2px 4px;
        min-height: 10px;
        min-width: 10px;
        text-align: center;
        vertical-align: middle;
        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif
    }

    .metro .shortcut:hover {
        border-color: #e51400
    }

    .metro .shortcut.link {
        border: 1px solid #2e92cf
    }

        .metro .shortcut.link:hover {
            border-bottom-width: 2px
        }

.metro a.shortcut {
    padding: 12px 0
}

    .metro a.shortcut:hover {
        color: inherit
    }

.metro .button-set:after,
.metro .button-set:before {
    display: table;
    content: ""
}

.metro .breadcrumbs ul li:first-child a:before,
.metro .breadcrumbs ul li:last-child:after,
.metro .breadcrumbs ul li:last-child:before {
    content: normal
}

.metro .button-set .button,
.metro .button-set button {
    display: block;
    float: left;
    margin-right: 2px
}

    .metro .button-set .button.active,
    .metro .button-set button.active {
        background-color: #555;
        color: #fff
    }

.metro .button-set.no-spaces .button,
.metro .button-set.no-spaces button {
    margin-right: 0 !important
}

    .metro .button-set.no-spaces .button:active,
    .metro .button-set.no-spaces button:active {
        background-color: #1d1d1d;
        color: #fff;
        top: auto;
        left: auto
    }

.metro .button-set.transparent .button,
.metro .button-set.transparent button {
    background-color: transparent
}

    .metro .button-set.transparent .button.active,
    .metro .button-set.transparent button.active {
        background-color: #555;
        color: #fff
    }

.metro .button:active {
    background-color: #1d1d1d !important;
    color: #fff !important;
    border-color: transparent
}

.metro .button.large,
.metro button.large {
    padding: 11px 19px;
    font-size: 17.5px
}

.metro .button.small,
.metro button.small {
    padding: 2px 10px;
    font-size: 11.9px
}

.metro .button.mini,
.metro button.mini {
    padding: 0 6px;
    font-size: 10.5px
}

.metro .breadcrumbs {
    margin: .2em
}

    .metro .breadcrumbs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        width: 100%
    }

        .metro .breadcrumbs ul li {
            float: left;
            margin: 0 .2em 0 1em
        }

            .metro .breadcrumbs ul li:first-child {
                margin-left: 0 !important
            }

            .metro .breadcrumbs ul li:last-child {
                background: 0 0
            }

                .metro .breadcrumbs ul li:last-child a {
                    color: #1d1d1d
                }

        .metro .breadcrumbs ul a {
            background: #ddd;
            padding: .3em 1em;
            float: left;
            text-decoration: none;
            color: #2e92cf;
            position: relative
        }

            .metro .breadcrumbs ul a:after,
            .metro .breadcrumbs ul a:before {
                content: "";
                position: absolute;
                top: 50%;
                margin-top: -1.4em
            }

            .metro .breadcrumbs ul a:hover {
                background: #2D7D9A;
                color: #fff
            }

                .metro .breadcrumbs ul a:hover:before {
                    border-color: #2D7D9A #2D7D9A #2D7D9A transparent
                }

                .metro .breadcrumbs ul a:hover:after {
                    border-left-color: #2D7D9A
                }

            .metro .breadcrumbs ul a:before {
                border-width: 1.5em 0 1.5em 1em;
                border-style: solid;
                border-color: #ddd #ddd #ddd transparent;
                left: -1em;
                margin-left: 1px
            }

            .metro .breadcrumbs ul a:after {
                border-top: 1.5em solid transparent;
                border-bottom: 1.5em solid transparent;
                border-left: 1em solid #ddd;
                right: -1em;
                margin-right: 1px
            }

        .metro .breadcrumbs ul .active,
        .metro .breadcrumbs ul .active:hover {
            background: 0 0
        }

            .metro .breadcrumbs ul .active a,
            .metro .breadcrumbs ul .active:hover a {
                color: #1d1d1d
            }

            .metro .breadcrumbs ul .active:hover a {
                color: #fff
            }

            .metro .breadcrumbs ul .active:after,
            .metro .breadcrumbs ul .active:before {
                content: normal
            }

    .metro .breadcrumbs.small li {
        margin: 0 .2em 0 .8em
    }

    .metro .breadcrumbs.small a {
        padding: .2em 1em;
        font-size: 11.9px
    }

    .metro .breadcrumbs.mini li {
        margin: 0 .2em 0 .6em
    }

    .metro .breadcrumbs.mini a {
        padding: .1em 1em;
        font-size: 10.5px
    }

.metro form {
    margin: 0 0 14pt
}

.metro fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.metro legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 14pt;
    font-size: 16.5pt;
    line-height: 28pt;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

    .metro legend small {
        font-size: 10.5pt;
        color: #999
    }

.metro label {
    display: block;
    margin: 5px 0
}

.metro .input-control.checkbox,
.metro .input-control.password,
.metro .input-control.radio,
.metro .input-control.select,
.metro .input-control.switch,
.metro .input-control.text,
.metro .input-control.textarea {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-bottom: 1px
}

    .metro .input-control.checkbox input[type=radio],
    .metro .input-control.checkbox input[type=checkbox],
    .metro .input-control.radio input[type=radio],
    .metro .input-control.radio input[type=checkbox] {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px
    }

        .metro .input-control.checkbox input[type=radio]:focus ~ .check,
        .metro .input-control.checkbox input[type=checkbox]:focus ~ .check,
        .metro .input-control.radio input[type=radio]:focus ~ .check,
        .metro .input-control.radio input[type=checkbox]:focus ~ .check {
            outline: #999 dotted 1px !important
        }

    .metro .input-control.checkbox .caption,
    .metro .input-control.radio .caption {
        margin: 0 5px
    }

    .metro .input-control.checkbox .check,
    .metro .input-control.radio .check {
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 2px solid #d9d9d9;
        padding: 0;
        margin: 0 5px 0 0;
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .metro .input-control.checkbox.text-left .check,
    .metro .input-control.radio.text-left .check {
        margin: 0 0 0 5px
    }

    .metro .input-control.checkbox:hover .check,
    .metro .input-control.radio:hover .check {
        border-color: #919191
    }

    .metro .input-control.checkbox .check:active,
    .metro .input-control.radio .check:active {
        border-color: #1e1e1e
    }

    .metro .input-control.checkbox .check:focus,
    .metro .input-control.radio .check:focus {
        border-color: #919191
    }

    .metro .input-control.checkbox .check:after,
    .metro .input-control.radio .check:after {
        position: absolute;
        font-family: iconFont;
        font-size: 9pt;
        line-height: 9pt
    }

    .metro .input-control.checkbox input[type=radio]:checked ~ .check:after,
    .metro .input-control.checkbox input[type=checkbox]:checked ~ .check:after,
    .metro .input-control.radio input[type=radio]:checked ~ .check:after,
    .metro .input-control.radio input[type=checkbox]:checked ~ .check:after {
        content: "\e08a";
        margin: 2px;
        top: 0;
        color: #1d1d1d
    }

    .metro .input-control.checkbox input[type=radio]:disabled ~ .check,
    .metro .input-control.checkbox input[type=checkbox]:disabled ~ .check,
    .metro .input-control.radio input[type=radio]:disabled ~ .check,
    .metro .input-control.radio input[type=checkbox]:disabled ~ .check {
        border-color: #d9d9d9;
        background-color: #e6e6e6
    }

        .metro .input-control.checkbox input[type=radio]:disabled ~ .check:after,
        .metro .input-control.checkbox input[type=checkbox]:disabled ~ .check:after,
        .metro .input-control.radio input[type=radio]:disabled ~ .check:after,
        .metro .input-control.radio input[type=checkbox]:disabled ~ .check:after {
            color: #8a8a8a
        }

    .metro .input-control.checkbox input[data-show=intermediate]:checked ~ .check:after,
    .metro .input-control.checkbox input[data-show=intermediate] ~ .check:after,
    .metro .input-control.radio input[data-show=intermediate]:checked ~ .check:after,
    .metro .input-control.radio input[data-show=intermediate] ~ .check:after {
        display: block;
        content: "" !important;
        width: 10px;
        height: 10px;
        background-color: #1d1d1d;
        margin: 3px
    }

    .metro .input-control.checkbox input[data-show=intermediate]:disabled ~ .check:after,
    .metro .input-control.radio input[data-show=intermediate]:disabled ~ .check:after {
        background-color: #8a8a8a
    }

    .metro .input-control.radio .check {
        border-radius: 50%
    }

    .metro .input-control.radio.default-style input[type=radio]:checked ~ .check:after {
        display: block;
        content: "" !important;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #1d1d1d;
        margin: 3px
    }

    .metro .input-control.radio.default-style input[type=radio]:checked:disabled ~ .check:after {
        background-color: #8a8a8a
    }

    .metro .input-control.switch input[type=checkbox] {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px
    }

    .metro .input-control.switch .caption {
        margin: 0 5px
    }

    .metro .input-control.switch .check {
        position: relative;
        width: 45px;
        height: 18px;
        outline: #a6a6a6 solid 2px;
        border: 1px solid #fff;
        cursor: pointer;
        background: #A6A6A6;
        z-index: 1;
        display: inline-block;
        vertical-align: middle
    }

        .metro .input-control.switch .check:after {
            position: absolute;
            left: -1px;
            top: -1px;
            display: block;
            content: "";
            width: 9px;
            height: 16px;
            outline: #333 solid 2px;
            border: 1px solid #333;
            cursor: pointer;
            background: #333;
            z-index: 2
        }

    .metro .input-control.switch input[type=radio]:focus ~ .check,
    .metro .input-control.switch input[type=checkbox]:focus ~ .check {
        outline: #999 dotted 1px !important
    }

    .metro .input-control.switch input[type=checkbox]:checked ~ .check {
        background: #008287
    }

        .metro .input-control.switch input[type=checkbox]:checked ~ .check:after {
            left: auto;
            right: -1px
        }

    .metro .input-control.switch input[type=checkbox]:disabled ~ .check {
        background-color: #e6e6e6;
        border-color: #fff
    }

        .metro .input-control.switch input[type=checkbox]:disabled ~ .check:after {
            background-color: #8a8a8a;
            outline-color: #8a8a8a;
            border-color: #8a8a8a
        }

.metro .input-control.email,
.metro .input-control.file,
.metro .input-control.password,
.metro .input-control.tel,
.metro .input-control.text {
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    outline: 0;
    height: 30px;
    width: 100%
}

    .metro .input-control.email .btn-clear,
    .metro .input-control.email .btn-date,
    .metro .input-control.email .btn-file,
    .metro .input-control.email .btn-reveal,
    .metro .input-control.email .btn-search,
    .metro .input-control.file .btn-clear,
    .metro .input-control.file .btn-date,
    .metro .input-control.file .btn-file,
    .metro .input-control.file .btn-reveal,
    .metro .input-control.file .btn-search,
    .metro .input-control.password .btn-clear,
    .metro .input-control.password .btn-date,
    .metro .input-control.password .btn-file,
    .metro .input-control.password .btn-reveal,
    .metro .input-control.password .btn-search,
    .metro .input-control.tel .btn-clear,
    .metro .input-control.tel .btn-date,
    .metro .input-control.tel .btn-file,
    .metro .input-control.tel .btn-reveal,
    .metro .input-control.tel .btn-search,
    .metro .input-control.text .btn-clear,
    .metro .input-control.text .btn-date,
    .metro .input-control.text .btn-file,
    .metro .input-control.text .btn-reveal,
    .metro .input-control.text .btn-search {
        background-color: #F0F0F0;
        position: absolute;
        top: 3px;
        z-index: 2;
        border: 0;
        right: 4px;
        width: 24px;
        height: 24px;
        min-height: 1px;
        min-width: 1px;
        padding: 0;
        margin: 0;
        display: none
    }

    .metro .input-control.email .btn-date,
    .metro .input-control.email .btn-file,
    .metro .input-control.email .btn-search,
    .metro .input-control.email input:focus ~ .btn-clear,
    .metro .input-control.email input:focus ~ .btn-reveal,
    .metro .input-control.email input:not(:focus) ~ .btn-clear:active,
    .metro .input-control.email input:not(:focus) ~ .btn-reveal:active,
    .metro .input-control.file .btn-date,
    .metro .input-control.file .btn-file,
    .metro .input-control.file .btn-search,
    .metro .input-control.file input:focus ~ .btn-clear,
    .metro .input-control.file input:focus ~ .btn-reveal,
    .metro .input-control.file input:not(:focus) ~ .btn-clear:active,
    .metro .input-control.file input:not(:focus) ~ .btn-reveal:active,
    .metro .input-control.password .btn-date,
    .metro .input-control.password .btn-file,
    .metro .input-control.password .btn-search,
    .metro .input-control.password input:focus ~ .btn-clear,
    .metro .input-control.password input:focus ~ .btn-reveal,
    .metro .input-control.password input:not(:focus) ~ .btn-clear:active,
    .metro .input-control.password input:not(:focus) ~ .btn-reveal:active,
    .metro .input-control.tel .btn-date,
    .metro .input-control.tel .btn-file,
    .metro .input-control.tel .btn-search,
    .metro .input-control.tel input:focus ~ .btn-clear,
    .metro .input-control.tel input:focus ~ .btn-reveal,
    .metro .input-control.tel input:not(:focus) ~ .btn-clear:active,
    .metro .input-control.tel input:not(:focus) ~ .btn-reveal:active,
    .metro .input-control.text .btn-date,
    .metro .input-control.text .btn-file,
    .metro .input-control.text .btn-search,
    .metro .input-control.text input:focus ~ .btn-clear,
    .metro .input-control.text input:focus ~ .btn-reveal,
    .metro .input-control.text input:not(:focus) ~ .btn-clear:active,
    .metro .input-control.text input:not(:focus) ~ .btn-reveal:active {
        display: block
    }

        .metro .input-control.email .btn-clear:after,
        .metro .input-control.email .btn-date:after,
        .metro .input-control.email .btn-file:after,
        .metro .input-control.email .btn-reveal:after,
        .metro .input-control.email .btn-search:after,
        .metro .input-control.file .btn-clear:after,
        .metro .input-control.file .btn-date:after,
        .metro .input-control.file .btn-file:after,
        .metro .input-control.file .btn-reveal:after,
        .metro .input-control.file .btn-search:after,
        .metro .input-control.password .btn-clear:after,
        .metro .input-control.password .btn-date:after,
        .metro .input-control.password .btn-file:after,
        .metro .input-control.password .btn-reveal:after,
        .metro .input-control.password .btn-search:after,
        .metro .input-control.tel .btn-clear:after,
        .metro .input-control.tel .btn-date:after,
        .metro .input-control.tel .btn-file:after,
        .metro .input-control.tel .btn-reveal:after,
        .metro .input-control.tel .btn-search:after,
        .metro .input-control.text .btn-clear:after,
        .metro .input-control.text .btn-date:after,
        .metro .input-control.text .btn-file:after,
        .metro .input-control.text .btn-reveal:after,
        .metro .input-control.text .btn-search:after {
            font-family: iconFont;
            font-size: 10pt
        }

        .metro .input-control.email .btn-clear:not(:disabled):active,
        .metro .input-control.email .btn-date:not(:disabled):active,
        .metro .input-control.email .btn-file:not(:disabled):active,
        .metro .input-control.email .btn-reveal:not(:disabled):active,
        .metro .input-control.email .btn-search:not(:disabled):active,
        .metro .input-control.file .btn-clear:not(:disabled):active,
        .metro .input-control.file .btn-date:not(:disabled):active,
        .metro .input-control.file .btn-file:not(:disabled):active,
        .metro .input-control.file .btn-reveal:not(:disabled):active,
        .metro .input-control.file .btn-search:not(:disabled):active,
        .metro .input-control.password .btn-clear:not(:disabled):active,
        .metro .input-control.password .btn-date:not(:disabled):active,
        .metro .input-control.password .btn-file:not(:disabled):active,
        .metro .input-control.password .btn-reveal:not(:disabled):active,
        .metro .input-control.password .btn-search:not(:disabled):active,
        .metro .input-control.tel .btn-clear:not(:disabled):active,
        .metro .input-control.tel .btn-date:not(:disabled):active,
        .metro .input-control.tel .btn-file:not(:disabled):active,
        .metro .input-control.tel .btn-reveal:not(:disabled):active,
        .metro .input-control.tel .btn-search:not(:disabled):active,
        .metro .input-control.text .btn-clear:not(:disabled):active,
        .metro .input-control.text .btn-date:not(:disabled):active,
        .metro .input-control.text .btn-file:not(:disabled):active,
        .metro .input-control.text .btn-reveal:not(:disabled):active,
        .metro .input-control.text .btn-search:not(:disabled):active {
            background-color: #1d1d1d;
            color: #fff
        }

        .metro .input-control.email .btn-clear:active,
        .metro .input-control.email .btn-date:active,
        .metro .input-control.email .btn-file:active,
        .metro .input-control.email .btn-reveal:active,
        .metro .input-control.email .btn-search:active,
        .metro .input-control.file .btn-clear:active,
        .metro .input-control.file .btn-date:active,
        .metro .input-control.file .btn-file:active,
        .metro .input-control.file .btn-reveal:active,
        .metro .input-control.file .btn-search:active,
        .metro .input-control.password .btn-clear:active,
        .metro .input-control.password .btn-date:active,
        .metro .input-control.password .btn-file:active,
        .metro .input-control.password .btn-reveal:active,
        .metro .input-control.password .btn-search:active,
        .metro .input-control.tel .btn-clear:active,
        .metro .input-control.tel .btn-date:active,
        .metro .input-control.tel .btn-file:active,
        .metro .input-control.tel .btn-reveal:active,
        .metro .input-control.tel .btn-search:active,
        .metro .input-control.text .btn-clear:active,
        .metro .input-control.text .btn-date:active,
        .metro .input-control.text .btn-file:active,
        .metro .input-control.text .btn-reveal:active,
        .metro .input-control.text .btn-search:active {
            left: auto
        }

        .metro .input-control.email .btn-clear:focus,
        .metro .input-control.email .btn-date:focus,
        .metro .input-control.email .btn-file:focus,
        .metro .input-control.email .btn-reveal:focus,
        .metro .input-control.email .btn-search:focus,
        .metro .input-control.file .btn-clear:focus,
        .metro .input-control.file .btn-date:focus,
        .metro .input-control.file .btn-file:focus,
        .metro .input-control.file .btn-reveal:focus,
        .metro .input-control.file .btn-search:focus,
        .metro .input-control.password .btn-clear:focus,
        .metro .input-control.password .btn-date:focus,
        .metro .input-control.password .btn-file:focus,
        .metro .input-control.password .btn-reveal:focus,
        .metro .input-control.password .btn-search:focus,
        .metro .input-control.tel .btn-clear:focus,
        .metro .input-control.tel .btn-date:focus,
        .metro .input-control.tel .btn-file:focus,
        .metro .input-control.tel .btn-reveal:focus,
        .metro .input-control.tel .btn-search:focus,
        .metro .input-control.text .btn-clear:focus,
        .metro .input-control.text .btn-date:focus,
        .metro .input-control.text .btn-file:focus,
        .metro .input-control.text .btn-reveal:focus,
        .metro .input-control.text .btn-search:focus {
            outline: #ccc dotted 1px
        }

    .metro .input-control.email .btn-clear:after,
    .metro .input-control.file .btn-clear:after,
    .metro .input-control.password .btn-clear:after,
    .metro .input-control.tel .btn-clear:after,
    .metro .input-control.text .btn-clear:after {
        content: "\e089"
    }

    .metro .input-control.email .btn-reveal:after,
    .metro .input-control.file .btn-reveal:after,
    .metro .input-control.password .btn-reveal:after,
    .metro .input-control.tel .btn-reveal:after,
    .metro .input-control.text .btn-reveal:after {
        content: "\e000"
    }

    .metro .input-control.email .btn-search:after,
    .metro .input-control.file .btn-search:after,
    .metro .input-control.password .btn-search:after,
    .metro .input-control.tel .btn-search:after,
    .metro .input-control.text .btn-search:after {
        content: "\e041"
    }

    .metro .input-control.email .btn-date:after,
    .metro .input-control.file .btn-date:after,
    .metro .input-control.password .btn-date:after,
    .metro .input-control.tel .btn-date:after,
    .metro .input-control.text .btn-date:after {
        content: "\e020"
    }

    .metro .input-control.email .btn-file:after,
    .metro .input-control.file .btn-file:after,
    .metro .input-control.password .btn-file:after,
    .metro .input-control.tel .btn-file:after,
    .metro .input-control.text .btn-file:after {
        content: "\e012"
    }

    .metro .input-control.email [class*=btn-],
    .metro .input-control.file [class*=btn-],
    .metro .input-control.password [class*=btn-],
    .metro .input-control.tel [class*=btn-],
    .metro .input-control.text [class*=btn-] {
        background-color: transparent
    }

    .metro .input-control.email input::-ms-clear,
    .metro .input-control.email input::-ms-reveal,
    .metro .input-control.file input::-ms-clear,
    .metro .input-control.file input::-ms-reveal,
    .metro .input-control.password input::-ms-clear,
    .metro .input-control.password input::-ms-reveal,
    .metro .input-control.tel input::-ms-clear,
    .metro .input-control.tel input::-ms-reveal,
    .metro .input-control.text input::-ms-clear,
    .metro .input-control.text input::-ms-reveal {
        display: none
    }

    .metro .input-control.email input,
    .metro .input-control.file input,
    .metro .input-control.password input,
    .metro .input-control.tel input,
    .metro .input-control.text input {
        border: 1px solid #d9d9d9;
        width: 100%;
        height: 100%;
        padding: 5px;
        z-index: 1;
        -webkit-appearance: none
    }

        .metro .input-control.email input:focus,
        .metro .input-control.file input:focus,
        .metro .input-control.password input:focus,
        .metro .input-control.tel input:focus,
        .metro .input-control.text input:focus {
            outline: 0;
            border-color: #919191
        }

        .metro .input-control.email input:disabled,
        .metro .input-control.file input:disabled,
        .metro .input-control.password input:disabled,
        .metro .input-control.tel input:disabled,
        .metro .input-control.text input:disabled {
            padding-right: 5px
        }

            .metro .input-control.email input:disabled ~ .btn-clear,
            .metro .input-control.email input:disabled ~ .btn-reveal,
            .metro .input-control.file input:disabled ~ .btn-clear,
            .metro .input-control.file input:disabled ~ .btn-reveal,
            .metro .input-control.password input:disabled ~ .btn-clear,
            .metro .input-control.password input:disabled ~ .btn-reveal,
            .metro .input-control.tel input:disabled ~ .btn-clear,
            .metro .input-control.tel input:disabled ~ .btn-reveal,
            .metro .input-control.text input:disabled ~ .btn-clear,
            .metro .input-control.text input:disabled ~ .btn-reveal {
                display: none
            }

        .metro .input-control.email input::-moz-placeholder,
        .metro .input-control.file input::-moz-placeholder,
        .metro .input-control.password input::-moz-placeholder,
        .metro .input-control.tel input::-moz-placeholder,
        .metro .input-control.text input::-moz-placeholder {
            color: #999
        }

        .metro .input-control.email input::-webkit-input-placeholder,
        .metro .input-control.file input::-webkit-input-placeholder,
        .metro .input-control.password input::-webkit-input-placeholder,
        .metro .input-control.tel input::-webkit-input-placeholder,
        .metro .input-control.text input::-webkit-input-placeholder {
            color: #999
        }

.metro .input-control.select,
.metro .input-control.textarea {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 100%
}

    .metro .input-control.select select,
    .metro .input-control.select textarea,
    .metro .input-control.textarea select,
    .metro .input-control.textarea textarea {
        border: 1px solid #d9d9d9;
        width: 100%;
        padding: 5px
    }

        .metro .input-control.select select:focus,
        .metro .input-control.select textarea:focus,
        .metro .input-control.textarea select:focus,
        .metro .input-control.textarea textarea:focus {
            outline: 0;
            border-color: #919191
        }

        .metro .input-control.select select:disabled,
        .metro .input-control.select textarea:disabled,
        .metro .input-control.textarea select:disabled,
        .metro .input-control.textarea textarea:disabled {
            padding-right: 5px;
            color: #666;
            background-color: #f0f0f0
        }

    .metro .input-control.select textarea,
    .metro .input-control.textarea textarea {
        min-height: 100px
    }

    .metro .input-control.email.warning-state input,
    .metro .input-control.email.warning-state select,
    .metro .input-control.email.warning-state textarea,
    .metro .input-control.file.warning-state input,
    .metro .input-control.file.warning-state select,
    .metro .input-control.file.warning-state textarea,
    .metro .input-control.password.warning-state input,
    .metro .input-control.password.warning-state select,
    .metro .input-control.password.warning-state textarea,
    .metro .input-control.select.warning-state input,
    .metro .input-control.select.warning-state select,
    .metro .input-control.select.warning-state textarea,
    .metro .input-control.tel.warning-state input,
    .metro .input-control.tel.warning-state select,
    .metro .input-control.tel.warning-state textarea,
    .metro .input-control.text.warning-state input,
    .metro .input-control.text.warning-state select,
    .metro .input-control.text.warning-state textarea,
    .metro .input-control.textarea.warning-state input,
    .metro .input-control.textarea.warning-state select,
    .metro .input-control.textarea.warning-state textarea {
        border-color: #fa6800
    }

    .metro .input-control.email.error-state input,
    .metro .input-control.email.error-state select,
    .metro .input-control.email.error-state textarea,
    .metro .input-control.file.error-state input,
    .metro .input-control.file.error-state select,
    .metro .input-control.file.error-state textarea,
    .metro .input-control.password.error-state input,
    .metro .input-control.password.error-state select,
    .metro .input-control.password.error-state textarea,
    .metro .input-control.select.error-state input,
    .metro .input-control.select.error-state select,
    .metro .input-control.select.error-state textarea,
    .metro .input-control.tel.error-state input,
    .metro .input-control.tel.error-state select,
    .metro .input-control.tel.error-state textarea,
    .metro .input-control.text.error-state input,
    .metro .input-control.text.error-state select,
    .metro .input-control.text.error-state textarea,
    .metro .input-control.textarea.error-state input,
    .metro .input-control.textarea.error-state select,
    .metro .input-control.textarea.error-state textarea {
        border-color: #e51400
    }

    .metro .input-control.email.info-state input,
    .metro .input-control.email.info-state select,
    .metro .input-control.email.info-state textarea,
    .metro .input-control.file.info-state input,
    .metro .input-control.file.info-state select,
    .metro .input-control.file.info-state textarea,
    .metro .input-control.password.info-state input,
    .metro .input-control.password.info-state select,
    .metro .input-control.password.info-state textarea,
    .metro .input-control.select.info-state input,
    .metro .input-control.select.info-state select,
    .metro .input-control.select.info-state textarea,
    .metro .input-control.tel.info-state input,
    .metro .input-control.tel.info-state select,
    .metro .input-control.tel.info-state textarea,
    .metro .input-control.text.info-state input,
    .metro .input-control.text.info-state select,
    .metro .input-control.text.info-state textarea,
    .metro .input-control.textarea.info-state input,
    .metro .input-control.textarea.info-state select,
    .metro .input-control.textarea.info-state textarea {
        border-color: #4390df
    }

    .metro .input-control.email.success-state input,
    .metro .input-control.email.success-state select,
    .metro .input-control.email.success-state textarea,
    .metro .input-control.file.success-state input,
    .metro .input-control.file.success-state select,
    .metro .input-control.file.success-state textarea,
    .metro .input-control.password.success-state input,
    .metro .input-control.password.success-state select,
    .metro .input-control.password.success-state textarea,
    .metro .input-control.select.success-state input,
    .metro .input-control.select.success-state select,
    .metro .input-control.select.success-state textarea,
    .metro .input-control.tel.success-state input,
    .metro .input-control.tel.success-state select,
    .metro .input-control.tel.success-state textarea,
    .metro .input-control.text.success-state input,
    .metro .input-control.text.success-state select,
    .metro .input-control.text.success-state textarea,
    .metro .input-control.textarea.success-state input,
    .metro .input-control.textarea.success-state select,
    .metro .input-control.textarea.success-state textarea {
        border-color: #60a917
    }

    .metro .input-control.email input[data-state=warning],
    .metro .input-control.file input[data-state=warning],
    .metro .input-control.password input[data-state=warning],
    .metro .input-control.select input[data-state=warning],
    .metro .input-control.tel input[data-state=warning],
    .metro .input-control.text input[data-state=warning],
    .metro .input-control.textarea input[data-state=warning] {
        border-color: #fa6800
    }

    .metro .input-control.email input[data-state=error],
    .metro .input-control.file input[data-state=error],
    .metro .input-control.password input[data-state=error],
    .metro .input-control.select input[data-state=error],
    .metro .input-control.tel input[data-state=error],
    .metro .input-control.text input[data-state=error],
    .metro .input-control.textarea input[data-state=error] {
        border-color: #e51400
    }

    .metro .input-control.email input[data-state=info],
    .metro .input-control.file input[data-state=info],
    .metro .input-control.password input[data-state=info],
    .metro .input-control.select input[data-state=info],
    .metro .input-control.tel input[data-state=info],
    .metro .input-control.text input[data-state=info],
    .metro .input-control.textarea input[data-state=info] {
        border-color: #4390df
    }

    .metro .input-control.email input[data-state=success],
    .metro .input-control.file input[data-state=success],
    .metro .input-control.password input[data-state=success],
    .metro .input-control.select input[data-state=success],
    .metro .input-control.tel input[data-state=success],
    .metro .input-control.text input[data-state=success],
    .metro .input-control.textarea input[data-state=success] {
        border-color: #60a917
    }

    .metro .input-control.email[class*=span],
    .metro .input-control.file[class*=span],
    .metro .input-control.password[class*=span],
    .metro .input-control.select[class*=span],
    .metro .input-control.tel[class*=span],
    .metro .input-control.text[class*=span],
    .metro .input-control.textarea[class*=span] {
        margin-left: 0
    }

.metro .input-control.file {
    overflow: hidden
}

    .metro .input-control.file input[type=file] {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
        bottom: 0;
        right: 0
    }

.metro input[type=button],
.metro input[type=reset],
.metro input[type=submit] {
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle !important;
    background-color: #d9d9d9;
    border: 1px solid transparent;
    color: #222;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
}

    .metro input[type=button].default,
    .metro input[type=reset].default,
    .metro input[type=submit].default {
        background-color: #008287;
        color: #fff
    }

    .metro input[type=button]:focus,
    .metro input[type=reset]:focus,
    .metro input[type=submit]:focus {
        outline: 0;
        border: 1px dotted #353535
    }

    .metro input[type=button].disabled,
    .metro input[type=button]:disabled,
    .metro input[type=reset].disabled,
    .metro input[type=reset]:disabled,
    .metro input[type=submit].disabled,
    .metro input[type=submit]:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro input[type=button] *,
    .metro input[type=button] :hover,
    .metro input[type=reset] *,
    .metro input[type=reset] :hover,
    .metro input[type=submit] *,
    .metro input[type=submit] :hover {
        color: inherit
    }

    .metro input[type=button].primary,
    .metro input[type=reset].primary,
    .metro input[type=submit].primary {
        background-color: #16499a !important;
        color: #fff !important
    }

    .metro input[type=button].info,
    .metro input[type=reset].info,
    .metro input[type=submit].info {
        background-color: #4390df !important;
        color: #fff !important
    }

    .metro input[type=button].success,
    .metro input[type=reset].success,
    .metro input[type=submit].success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro input[type=button].warning,
    .metro input[type=reset].warning,
    .metro input[type=submit].warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro input[type=button].danger,
    .metro input[type=reset].danger,
    .metro input[type=submit].danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro input[type=button].inverse,
    .metro input[type=reset].inverse,
    .metro input[type=submit].inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro input[type=button].link,
    .metro input[type=reset].link,
    .metro input[type=submit].link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro input[type=button].link:hover,
        .metro input[type=reset].link:hover,
        .metro input[type=submit].link:hover {
            text-decoration: underline
        }

        .metro input[type=button].link.disabled,
        .metro input[type=button].link:disabled,
        .metro input[type=reset].link.disabled,
        .metro input[type=reset].link:disabled,
        .metro input[type=submit].link.disabled,
        .metro input[type=submit].link:disabled {
            background-color: transparent !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro input[type=button].link [class*=icon-],
        .metro input[type=reset].link [class*=icon-],
        .metro input[type=submit].link [class*=icon-] {
            text-decoration: none !important
        }

    .metro input[type=button]:active,
    .metro input[type=reset]:active,
    .metro input[type=submit]:active {
        background-color: #1d1d1d !important;
        color: #fff !important;
        border-color: transparent
    }

    .metro input[type=button].large,
    .metro input[type=reset].large,
    .metro input[type=submit].large {
        padding: 11px 19px;
        font-size: 17.5px
    }

    .metro input[type=button].small,
    .metro input[type=reset].small,
    .metro input[type=submit].small {
        padding: 2px 10px;
        font-size: 11.9px
    }

    .metro input[type=button].mini,
    .metro input[type=reset].mini,
    .metro input[type=submit].mini {
        padding: 0 6px;
        font-size: 10.5px
    }

.metro img.cycle,
.metro img.polaroid,
.metro img.rounded {
    background-color: #fff;
    border: 1px solid #eaeaea
}

.metro img.rounded {
    border-radius: 10px
}

.metro img.cycle {
    border-radius: 50%
}

.metro img.polaroid {
    padding: 10px
}

.metro .image-container {
    position: relative;
    padding: 0;
    background-color: #333;
    width: 240px;
    overflow: hidden
}

    .metro .image-container.full-size {
        width: 100%
    }

    .metro .image-container img {
        margin: 0;
        width: 100%;
        height: auto
    }

    .metro .image-container > .overlay,
    .metro .image-container > .overlay-fluid {
        position: absolute;
        width: 100%;
        height: 55px;
        overflow: hidden;
        background-color: #1e1e1e;
        padding: 5px 10px;
        opacity: .8;
        bottom: 0;
        font-size: 8pt;
        color: #fff
    }

    .metro .image-container > .overlay-fluid {
        bottom: -55px;
        font-size: 8pt;
        color: #fff
    }

    .metro .image-container:hover .overlay-fluid {
        -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 .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease
    }

    .metro .image-container.selected {
        border: 4px solid #4390df
    }

        .metro .image-container.selected:after {
            position: absolute;
            display: block;
            border-top: 28px solid #4390df;
            border-left: 28px solid transparent;
            right: 0;
            content: "";
            top: 0;
            z-index: 101
        }

        .metro .image-container.selected:before {
            position: absolute;
            display: block;
            content: "\e08a";
            color: #fff;
            right: 0;
            font-family: iconFont;
            font-size: 9pt;
            font-weight: 400;
            z-index: 102;
            top: 0
        }

.metro #menu .item-horizontal,
.metro #menu .item-vertical,
.metro .vertical-menu li {
    font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    position: relative;
    vertical-align: baseline
}

.metro #menu .init {
    margin: 0;
    padding: 0;
    list-style: none
}

.metro #menu .item-vertical {
    display: block;
    margin: 10px 0
}

.metro #menu .item-horizontal {
    display: inline-block;
    margin: 0 15px
}

.metro .vertical-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

    .metro .vertical-menu li {
        display: block;
        margin: 10px 0
    }

        .metro .vertical-menu li a,
        .metro .vertical-menu li.title {
            font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-weight: 300;
            letter-spacing: .01em
        }

        .metro .vertical-menu li a {
            display: block;
            text-decoration: none;
            line-height: 2.2rem;
            font-size: 2.2rem;
            color: inherit
        }

        .metro .vertical-menu li.title {
            color: #000;
            line-height: 2.5rem;
            font-size: 4rem;
            margin-bottom: 20px
        }

    .metro .vertical-menu.compact a {
        font-weight: 400;
        font-size: 10.5pt;
        line-height: 12pt;
        color: inherit
    }

    .metro .vertical-menu ul.secondary li a,
    .metro .vertical-menu.compact li.title {
        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.6rem;
        letter-spacing: .02em
    }

    .metro .vertical-menu.compact li.title {
        margin-bottom: 10px;
        font-weight: 700;
        color: #000;
        line-height: 1.6rem
    }

    .metro .vertical-menu ul.secondary {
        margin: 0 0 0 15px;
        padding: 0;
        list-style: none
    }

        .metro .vertical-menu ul.secondary li a {
            font-weight: 400;
            font-style: normal;
            line-height: 1.4rem;
            color: inherit
        }

.metro .horizontal-menu li a,
.metro .side-menu li a {
    line-height: 2.2rem;
    color: inherit;
    text-decoration: none
}

.metro .horizontal-menu {
    margin: 0;
    list-style: none;
    padding: 0
}

    .metro .horizontal-menu li {
        display: inline-block;
        margin: 0 15px;
        padding: 0;
        vertical-align: baseline;
        position: relative;
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
    }

        .metro .horizontal-menu li a {
            display: inline-block;
            font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-weight: 300;
            letter-spacing: .01em;
            font-size: 2.2rem;
            padding: 5px
        }

        .metro .horizontal-menu li:hover > .dropdown-menu[data-show=hover],
        .metro .side-menu li,
        .metro .side-menu > li:hover > .dropdown-menu[data-show=hover] {
            display: block
        }

        .metro .horizontal-menu li a:hover {
            background: inherit
        }

    .metro .horizontal-menu.compact li {
        margin-left: 5px
    }

    .metro .horizontal-menu.compact a {
        font-weight: 400;
        font-size: 10.5pt;
        color: inherit
    }

    .metro .horizontal-menu.compact .dropdown-toggle:after {
        bottom: 2px
    }

    .metro .horizontal-menu li:first-child {
        margin-left: 0
    }

.metro .side-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    background: #fff;
    min-width: 200px;
    width: auto;
    border: 1px solid rgba(0, 0, 0, .2)
}

    .metro .side-menu li {
        padding: 0;
        vertical-align: baseline;
        position: relative;
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
    }

        .metro .side-menu li a,
        .metro .side-menu li.title {
            font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-weight: 300;
            letter-spacing: .01em
        }

        .metro .side-menu li a {
            display: block;
            font-size: 2.2rem
        }

        .metro .side-menu li.title {
            color: #000;
            line-height: 2.5rem;
            font-size: 4rem;
            margin-bottom: 20px
        }

    .metro .side-menu.compact a {
        font-weight: 400;
        font-size: 10.5pt;
        line-height: 12pt;
        color: inherit
    }

    .metro .side-menu ul.secondary li a,
    .metro .side-menu.compact li.title {
        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.6rem;
        letter-spacing: .02em
    }

    .metro .side-menu.compact li.title {
        margin-bottom: 10px;
        font-weight: 700;
        color: #000;
        line-height: 1.6rem
    }

    .metro .side-menu ul.secondary {
        margin: 0 0 0 15px;
        padding: 0;
        list-style: none
    }

        .metro .side-menu ul.secondary li a {
            font-weight: 400;
            font-style: normal;
            line-height: 1.4rem;
            color: inherit
        }

    .metro .side-menu li {
        margin: 5px 0 0;
        width: 100%
    }

        .metro .side-menu li:last-child {
            margin-bottom: 5px
        }

    .metro .side-menu a {
        padding: 8px 20px !important;
        color: inherit;
        font-size: 15px !important;
        line-height: 14px !important
    }

    .metro .side-menu li:hover {
        background: #2D7D9A;
        color: #fff
    }

    .metro .side-menu .divider {
        padding: 0;
        height: 1px;
        margin: 9px 1px;
        overflow: hidden;
        background-color: #e5e5e5
    }

        .metro .side-menu .divider:hover {
            background: #e5e5e5
        }

    .metro .side-menu .dropdown-menu {
        left: 100%;
        top: -10%
    }

    .metro .side-menu.left .dropdown-menu {
        left: -100%
    }

    .metro .side-menu > li > a.dropdown-toggle:after {
        font-family: iconFont;
        font-size: .8em;
        content: "\e156";
        left: 85%;
        top: .75em;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .metro .side-menu.text-right li {
        text-align: right
    }

.metro .dropdown-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    display: none;
    z-index: 1000;
    background: #fff;
    min-width: 220px;
    width: auto;
    border: 1px solid #dcddde
}

    .metro .dropdown-menu li {
        display: block;
        padding: 0;
        vertical-align: baseline;
        position: relative;
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
    }

        .metro .dropdown-menu li a,
        .metro .dropdown-menu li.title {
            font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-weight: 300;
            letter-spacing: .01em
        }

        .metro .dropdown-menu li a {
            display: block;
            text-decoration: none;
            line-height: 2.2rem;
            font-size: 2.2rem;
            color: inherit
        }

        .metro .dropdown-menu li.title {
            color: #000;
            line-height: 2.5rem;
            font-size: 4rem;
            margin-bottom: 20px
        }

    .metro .dropdown-menu.compact a {
        font-weight: 400;
        font-size: 10.5pt;
        line-height: 12pt;
        color: inherit
    }

    .metro .dropdown-menu ul.secondary li a,
    .metro .dropdown-menu.compact li.title {
        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.6rem;
        letter-spacing: .02em
    }

    .metro .dropdown-menu.compact li.title {
        margin-bottom: 10px;
        font-weight: 700;
        color: #000;
        line-height: 1.6rem
    }

    .metro .dropdown-menu ul.secondary {
        margin: 0 0 0 15px;
        padding: 0;
        list-style: none
    }

        .metro .dropdown-menu ul.secondary li a {
            font-weight: 400;
            font-style: normal;
            line-height: 1.4rem;
            color: inherit
        }

    .metro .dropdown-menu.shadow {
        box-shadow: 3px 3px 0 rgba(236, 236, 236, .7)
    }

    .metro .dropdown-menu li {
        margin: 0;
        width: 100%;
        border: 1px solid transparent
    }

        .metro .dropdown-menu li:last-child {
            margin-bottom: 0
        }

        .metro .dropdown-menu li.disabled,
        .metro .dropdown-menu li.disabled:hover {
            cursor: default !important;
            background: 0 0 !important;
            color: #eee
        }

            .metro .dropdown-menu li.disabled a,
            .metro .dropdown-menu li.disabled:hover a {
                color: inherit;
                cursor: inherit;
                background: inherit
            }

    .metro .dropdown-menu a {
        padding: 12px 32px !important;
        color: inherit;
        font-size: 15px !important;
        line-height: 14px !important;
        cursor: pointer
    }

    .metro .dropdown-menu li:hover {
        background: #edf4fc;
        border-color: #a8d2fd
    }

    .metro .dropdown-menu li.checked a:before,
    .metro .dropdown-menu li.checked-partial a:before {
        position: absolute;
        left: 10px;
        content: "\e0a6";
        font-family: iconFont
    }

    .metro .dropdown-menu li.checked-partial a:before {
        content: "\e0a8"
    }

    .metro .dropdown-menu.place-right {
        right: -15px;
        left: auto
    }

    .metro .dropdown-menu .divider {
        padding: 0;
        height: 1px;
        margin: 0 1px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-width: 0
    }

        .metro .dropdown-menu .divider:hover {
            background: #e5e5e5
        }

    .metro .dropdown-menu.open {
        display: block !important
    }

    .metro .dropdown-menu .dropdown-menu {
        left: 100%;
        top: -10%
    }

    .metro .dropdown-menu > li:hover > .dropdown-menu[data-show=hover] {
        display: block
    }

    .metro .dropdown-menu > li > a.dropdown-toggle:after {
        font-family: iconFont;
        font-size: .7em;
        content: "\e1b3";
        left: 85%;
        top: .85em;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .metro .dropdown-menu.drop-left {
        left: -100%
    }

    .metro .dropdown-menu.drop-up {
        top: auto;
        bottom: 0
    }

    .metro .dropdown-menu .menu-title {
        background-color: #f6f7f8;
        font-size: 12px;
        font-weight: 700;
        line-height: 14px;
        padding: 4px 8px;
        border: 0;
        border-bottom: 1px #dcddde solid;
        border-top: 1px #dcddde solid;
        color: #646464
    }

        .metro .dropdown-menu .menu-title:first-child {
            margin: 0;
            border-top-width: 0
        }

            .metro .dropdown-menu .menu-title:first-child:hover {
                border-top-width: 0
            }

        .metro .dropdown-menu .menu-title:hover {
            background-color: #f6f7f8;
            cursor: default;
            border: 0;
            border-bottom: 1px #dcddde solid;
            border-top: 1px #dcddde solid
        }

    .metro .dropdown-menu.inverse {
        border: 2px solid #3b3b3b
    }

        .metro .dropdown-menu.inverse li {
            border: 0
        }

            .metro .dropdown-menu.inverse li a {
                padding: 9px 32px !important
            }

            .metro .dropdown-menu.inverse li:hover {
                border: 0;
                background-color: #e5e5e5
            }

        .metro .dropdown-menu.inverse .menu-title:hover {
            background-color: #f6f7f8
        }

        .metro .dropdown-menu.inverse .divider {
            margin-left: 0;
            margin-right: 0
        }

    .metro .dropdown-menu.dark {
        background-color: #333;
        border: 2px solid #333;
        color: #fff
    }

        .metro .dropdown-menu.dark.opacity {
            background-color: rgba(61, 61, 61, .9)
        }

        .metro .dropdown-menu.dark li {
            border: 0;
            color: inherit
        }

            .metro .dropdown-menu.dark li a {
                padding: 9px 32px !important;
                color: inherit
            }

            .metro .dropdown-menu.dark li.disabled,
            .metro .dropdown-menu.dark li.disabled:hover {
                cursor: default !important;
                background: 0 0 !important;
                color: #555
            }

                .metro .dropdown-menu.dark li.disabled a,
                .metro .dropdown-menu.dark li.disabled:hover a {
                    color: inherit;
                    cursor: inherit;
                    background: inherit
                }

            .metro .dropdown-menu.dark li:hover {
                border: 0;
                background-color: #201a1a;
                color: #fff
            }

        .metro .dropdown-menu.dark .menu-title,
        .metro .dropdown-menu.dark .menu-title:hover {
            background-color: #3b3b3b
        }

        .metro .dropdown-menu.dark .divider {
            margin-left: 0;
            margin-right: 0;
            background-color: #555
        }

            .metro .dropdown-menu.dark .divider:hover {
                background: #555
            }

.metro .dropdown-toggle:after {
    position: absolute;
    margin-left: .45em;
    bottom: 0;
    content: '\203A';
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.metro .dropdown-toggle.no-marker:after {
    content: ""
}

.metro .contextmenu {
    z-index: 1000;
    position: absolute;
    background-color: #FFF;
    border: 2.5px solid #2a2a2a;
    padding: 2px
}

    .metro .contextmenu .item:active {
        background-color: #000;
        color: #fff
    }

    .metro .contextmenu .item:hover {
        background-color: #dedede
    }

    .metro .contextmenu .item {
        background-color: #FFF;
        width: auto;
        padding: 12px;
        margin: -2px
    }

.metro .navbar,
.metro .navigation-bar {
    width: 100%;
    display: block;
    background-color: #2D7D9A;
    color: #fff
}

    .metro .navbar .navbar-content,
    .metro .navbar .navigation-bar-content,
    .metro .navigation-bar .navbar-content,
    .metro .navigation-bar .navigation-bar-content {
        background-color: inherit;
        color: inherit;
        display: block
    }

        .metro .navbar .navbar-content .element,
        .metro .navbar .navbar-content .element-divider,
        .metro .navbar .navigation-bar-content .element,
        .metro .navbar .navigation-bar-content .element-divider,
        .metro .navigation-bar .navbar-content .element,
        .metro .navigation-bar .navbar-content .element-divider,
        .metro .navigation-bar .navigation-bar-content .element,
        .metro .navigation-bar .navigation-bar-content .element-divider {
            display: block;
            float: left;
            background-color: inherit;
            position: relative
        }

            .metro .navbar .navbar-content .element-divider.place-right,
            .metro .navbar .navbar-content .element.place-right,
            .metro .navbar .navigation-bar-content .element-divider.place-right,
            .metro .navbar .navigation-bar-content .element.place-right,
            .metro .navigation-bar .navbar-content .element-divider.place-right,
            .metro .navigation-bar .navbar-content .element.place-right,
            .metro .navigation-bar .navigation-bar-content .element-divider.place-right,
            .metro .navigation-bar .navigation-bar-content .element.place-right {
                float: right
            }

        .metro .navbar .navbar-content .element,
        .metro .navbar .navigation-bar-content .element,
        .metro .navigation-bar .navbar-content .element,
        .metro .navigation-bar .navigation-bar-content .element {
            padding: 15px;
            line-height: 15px;
            color: inherit;
            font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px
        }

            .metro .navbar .navbar-content .element:hover,
            .metro .navbar .navigation-bar-content .element:hover,
            .metro .navigation-bar .navbar-content .element:hover,
            .metro .navigation-bar .navigation-bar-content .element:hover {
                background-color: #6CBAD6
            }

            .metro .navbar .navbar-content .element > a.dropdown-toggle,
            .metro .navbar .navigation-bar-content .element > a.dropdown-toggle,
            .metro .navigation-bar .navbar-content .element > a.dropdown-toggle,
            .metro .navigation-bar .navigation-bar-content .element > a.dropdown-toggle {
                color: inherit;
                position: relative
            }

                .metro .navbar .navbar-content .element > a.dropdown-toggle:after,
                .metro .navbar .navigation-bar-content .element > a.dropdown-toggle:after,
                .metro .navigation-bar .navbar-content .element > a.dropdown-toggle:after,
                .metro .navigation-bar .navigation-bar-content .element > a.dropdown-toggle:after {
                    position: absolute;
                    left: 100%
                }

            .metro .navbar .navbar-content .element > .dropdown-menu,
            .metro .navbar .navigation-bar-content .element > .dropdown-menu,
            .metro .navigation-bar .navbar-content .element > .dropdown-menu,
            .metro .navigation-bar .navigation-bar-content .element > .dropdown-menu {
                top: 100%;
                left: 0
            }

                .metro .navbar .navbar-content .element > .dropdown-menu.place-right,
                .metro .navbar .navigation-bar-content .element > .dropdown-menu.place-right,
                .metro .navigation-bar .navbar-content .element > .dropdown-menu.place-right,
                .metro .navigation-bar .navigation-bar-content .element > .dropdown-menu.place-right {
                    right: 0;
                    left: auto
                }

        .metro .navbar .navbar-content .element-divider,
        .metro .navbar .navigation-bar-content .element-divider,
        .metro .navigation-bar .navbar-content .element-divider,
        .metro .navigation-bar .navigation-bar-content .element-divider {
            padding: 15px 0;
            line-height: 15px;
            width: 1px !important;
            border-left: 1px #ccc solid;
            opacity: .3;
            position: relative
        }

            .metro .navbar .navbar-content .element-divider:before,
            .metro .navbar .navigation-bar-content .element-divider:before,
            .metro .navigation-bar .navbar-content .element-divider:before,
            .metro .navigation-bar .navigation-bar-content .element-divider:before {
                content: "|";
                visibility: hidden
            }

.metro .navbar-content .brand,
.metro .navigation-bar-content .brand {
    font-size: 18px
}

.metro .navbar-content form,
.metro .navigation-bar-content form {
    margin: 0;
    padding-bottom: 0 !important;
    position: relative
}

.metro .navbar-content .element .input-control.password,
.metro .navbar-content .element .input-control.text,
.metro .navigation-bar-content .element .input-control.password,
.metro .navigation-bar-content .element .input-control.text {
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    top: -6px
}

    .metro .navbar-content .element .input-control.password [class*=btn-],
    .metro .navbar-content .element .input-control.text [class*=btn-],
    .metro .navigation-bar-content .element .input-control.password [class*=btn-],
    .metro .navigation-bar-content .element .input-control.text [class*=btn-] {
        top: 2px;
        right: 2px
    }

    .metro .navbar-content .element .input-control.password input[type=text],
    .metro .navbar-content .element .input-control.text input[type=text],
    .metro .navigation-bar-content .element .input-control.password input[type=text],
    .metro .navigation-bar-content .element .input-control.text input[type=text] {
        font-size: 12px
    }

.metro .navbar-content .input-control.checkbox,
.metro .navbar-content .input-control.radio,
.metro .navigation-bar-content .input-control.checkbox,
.metro .navigation-bar-content .input-control.radio {
    position: relative;
    margin: 0;
    top: -6px
}

.metro .navbar-content .button,
.metro .navigation-bar-content .button {
    margin-top: -14px;
    background-color: inherit
}

.metro .navbar-content .image-button,
.metro .navigation-bar-content .image-button {
    padding-right: 40px;
    padding-left: 5px;
    background-color: inherit
}

    .metro .navbar-content .image-button:active,
    .metro .navigation-bar-content .image-button:active {
        left: auto;
        right: auto;
        top: auto
    }

    .metro .navbar-content .image-button img,
    .metro .navigation-bar-content .image-button img {
        width: 40px;
        height: 40px;
        margin-top: 2.5px
    }

    .metro .navbar-content .image-button.image-left,
    .metro .navigation-bar-content .image-button.image-left {
        padding-right: 5px;
        padding-left: 40px
    }

.metro .navbar-content [class*=icon-],
.metro .navigation-bar-content [class*=icon-] {
    font-size: 16px !important
}

.metro .element-input,
.metro .input-element {
    padding-bottom: 0 !important
}

    .metro .element-input:hover,
    .metro .input-element:hover {
        background-color: inherit !important
    }

.metro .navbar .element-menu,
.metro .navigation-bar .element-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    color: inherit
}

    .metro .navbar .element-menu > li,
    .metro .navigation-bar .element-menu > li {
        display: block;
        float: left;
        position: relative;
        color: inherit
    }

        .metro .navbar .element-menu > li > a,
        .metro .navigation-bar .element-menu > li > a {
            display: block;
            float: left;
            width: 100%;
            padding: 15px;
            line-height: 15px;
            color: inherit;
            font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px
        }

            .metro .navbar .element-menu > li > a.dropdown-toggle,
            .metro .navigation-bar .element-menu > li > a.dropdown-toggle {
                color: inherit;
                position: relative
            }

                .metro .navbar .element-menu > li > a.dropdown-toggle:after,
                .metro .navigation-bar .element-menu > li > a.dropdown-toggle:after {
                    position: absolute;
                    left: 100%;
                    margin-left: -20px;
                    top: 50%;
                    margin-top: -16px
                }

        .metro .navbar .element-menu > li > .dropdown-menu,
        .metro .navigation-bar .element-menu > li > .dropdown-menu {
            top: 100%;
            left: 0
        }

            .metro .navbar .element-menu > li > .dropdown-menu.place-right,
            .metro .navigation-bar .element-menu > li > .dropdown-menu.place-right {
                right: 0;
                left: auto
            }

    .metro .navbar .element-menu.drop-up li > .dropdown-menu,
    .metro .navigation-bar .element-menu.drop-up li > .dropdown-menu {
        top: auto;
        bottom: 45px
    }

        .metro .navbar .element-menu.drop-up li > .dropdown-menu .dropdown-menu,
        .metro .navigation-bar .element-menu.drop-up li > .dropdown-menu .dropdown-menu {
            bottom: 0
        }

.metro .navbar .pull-menu,
.metro .navigation-bar .pull-menu {
    display: none;
    float: right !important;
    color: #fff;
    cursor: pointer;
    font: 1.8em sans-serif;
    position: relative;
    top: 0;
    right: 0;
    height: 45px;
    width: 40px;
    line-height: 20px;
    margin: 0
}

.metro .tile-area .user-id .user-id-name .first-name,
.metro .tile-area .user-id .user-id-name .last-name,
.metro .tile-group .tile-group-title {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif
}

.metro .navbar .pull-menu:before,
.metro .navigation-bar .pull-menu:before {
    content: "\2261";
    position: absolute;
    font-size: 20pt;
    top: 10px;
    left: 10px
}

.metro .navbar .pull-menu input[type=checkbox],
.metro .navigation-bar .pull-menu input[type=checkbox] {
    width: 0;
    height: 0;
    opacity: 0
}

.metro .navbar-content:after,
.metro .navbar-content:before,
.metro .navigation-bar-content:after,
.metro .navigation-bar-content:before {
    display: table;
    content: ""
}

.metro .navbar.fixed-bottom,
.metro .navbar.fixed-top,
.metro .navigation-bar.fixed-bottom,
.metro .navigation-bar.fixed-top {
    position: fixed;
    z-index: 10000;
    left: 0
}

.metro .navbar.fixed-top,
.metro .navigation-bar.fixed-top {
    top: 0;
    bottom: auto
}

.metro .navbar.fixed-bottom,
.metro .navigation-bar.fixed-bottom {
    bottom: 0;
    top: auto
}

.metro .navigation-bar.dark {
    background-color: #333
}

    .metro .navigation-bar.dark .element-menu > li > a {
        color: #fff
    }

    .metro .navigation-bar.dark .element-menu > li:hover,
    .metro .navigation-bar.dark .element:hover {
        background-color: #201a1a
    }

.metro .navigation-bar.light {
    background-color: #eee;
    color: #555
}

    .metro .navigation-bar.light .element-menu > li:hover,
    .metro .navigation-bar.light .element:hover {
        background-color: #999;
        color: #fff
    }

    .metro .navigation-bar.light .pull-menu {
        color: #1d1d1d
    }

.metro .navigation-bar.white {
    background-color: #fff;
    color: #555
}

    .metro .navigation-bar.white .element-menu > li:hover,
    .metro .navigation-bar.white .element:hover {
        background-color: #6CBAD6;
        color: #fff
    }

    .metro .navigation-bar.white .pull-menu {
        color: #1d1d1d
    }

.metro #tile .small-size {
    width: 80px;
    height: 80px;
    margin: 0 5px 5px 0
}

.metro #tile .meduim-size {
    width: 120px;
    height: 120px;
    margin: 0 10px 10px 0
}

.metro #tile .large-size {
    width: 150px;
    height: 150px;
    margin: 0 15px 15px 0
}

.metro .tile-area {
    position: relative;
    padding: 120px 80px 0;
    overflow: hidden
}

    .metro .tile-area .tile-area-title {
        position: fixed;
        top: 20px;
        left: 80px
    }

    .metro .tile-area .user-id {
        position: fixed;
        right: 40px;
        top: 40px;
        display: inline-block;
        padding: 8px;
        background-color: transparent;
        width: auto;
        color: #fff;
        cursor: default
    }

        .metro .tile-area .user-id .user-id-image {
            width: 40px;
            height: 40px;
            float: right;
            margin-left: 10px;
            color: inherit;
            background-color: #464646;
            text-align: center;
            vertical-align: middle
        }

            .metro .tile-area .user-id .user-id-image [class*=icon-],
            .metro .tile-area .user-id .user-id-image img {
                color: inherit;
                font-size: 16pt;
                line-height: 16pt;
                width: 100%;
                height: 100%;
                text-align: center;
                vertical-align: middle
            }

            .metro .tile-area .user-id .user-id-image [class*=icon-] {
                padding: 10px
            }

        .metro .tile-area .user-id .user-id-name {
            float: right;
            text-align: right;
            margin: 0;
            padding: 0
        }

            .metro .tile-area .user-id .user-id-name .first-name,
            .metro .tile-area .user-id .user-id-name .last-name {
                display: block;
                color: inherit;
                line-height: 12pt
            }

.metro .tile-area-dark:after,
.metro .tile-area-dark:before,
.metro .tile-area-darkBlue:after,
.metro .tile-area-darkBlue:before,
.metro .tile-area-darkBrown:after,
.metro .tile-area-darkBrown:before,
.metro .tile-area-darkCobalt:after,
.metro .tile-area-darkCobalt:before,
.metro .tile-area-darkCrimson:after,
.metro .tile-area-darkCrimson:before,
.metro .tile-area-darkCyan:after,
.metro .tile-area-darkCyan:before,
.metro .tile-area-darkEmerald:after,
.metro .tile-area-darkEmerald:before,
.metro .tile-area-darkGreen:after,
.metro .tile-area-darkGreen:before,
.metro .tile-area-darkIndigo:after,
.metro .tile-area-darkIndigo:before,
.metro .tile-area-darkMagenta:after,
.metro .tile-area-darkMagenta:before,
.metro .tile-area-darkPink:after,
.metro .tile-area-darkPink:before,
.metro .tile-area-darkRed:after,
.metro .tile-area-darkRed:before,
.metro .tile-area-darkTeal:after,
.metro .tile-area-darkTeal:before,
.metro .tile-area-darkViolet:after,
.metro .tile-area-darkViolet:before,
.metro .tile-area-grayed:after,
.metro .tile-area-grayed:before,
.metro .tile-area-lightBlue:after,
.metro .tile-area-lightBlue:before,
.metro .tile-area-lightOlive:after,
.metro .tile-area-lightOlive:before,
.metro .tile-area-lightOrange:after,
.metro .tile-area-lightOrange:before,
.metro .tile-area-lightPink:after,
.metro .tile-area-lightPink:before,
.metro .tile-area-lightTeal:after,
.metro .tile-area-lightTeal:before {
    display: table;
    content: ""
}

.metro .tile-area .user-id .user-id-name .first-name {
    font-size: 20pt;
    line-height: 20pt
}

.metro .tile-area .user-id .user-id-name .last-name {
    font-size: 12pt
}

.metro .tile-area .user-id:hover {
    background-color: #404040
}

.metro .tile-area-dark {
    min-width: 100%;
    height: 100%;
    background-color: #1d1d1d !important
}

    .metro .tile-area-dark .tile {
        outline-color: #373737 !important
    }

.metro .tile-area-darkBrown {
    min-width: 100%;
    height: 100%;
    background-color: #63362f !important
}

    .metro .tile-area-darkBrown .tile {
        outline-color: #86493f !important
    }

.metro .tile-area-darkCrimson {
    min-width: 100%;
    height: 100%;
    background-color: #640024 !important
}

    .metro .tile-area-darkCrimson .tile {
        outline-color: #970036 !important
    }

.metro .tile-area-darkViolet {
    min-width: 100%;
    height: 100%;
    background-color: #57169a !important
}

    .metro .tile-area-darkViolet .tile {
        outline-color: #701cc7 !important
    }

.metro .tile-area-darkMagenta {
    min-width: 100%;
    height: 100%;
    background-color: #81003c !important
}

    .metro .tile-area-darkMagenta .tile {
        outline-color: #b40054 !important
    }

.metro .tile-area-darkCyan {
    min-width: 100%;
    height: 100%;
    background-color: #1b6eae !important
}

    .metro .tile-area-darkCyan .tile {
        outline-color: #228ada !important
    }

.metro .tile-area-darkCobalt {
    min-width: 100%;
    height: 100%;
    background-color: #00356a !important
}

    .metro .tile-area-darkCobalt .tile {
        outline-color: #004e9d !important
    }

.metro .tile-area-darkTeal {
    min-width: 100%;
    height: 100%;
    background-color: #004050 !important
}

    .metro .tile-area-darkTeal .tile {
        outline-color: #006983 !important
    }

.metro .tile-area-darkEmerald {
    min-width: 100%;
    height: 100%;
    background-color: #003e00 !important
}

    .metro .tile-area-darkEmerald .tile {
        outline-color: #007100 !important
    }

.metro .tile-area-darkGreen {
    min-width: 100%;
    height: 100%;
    background-color: #128023 !important
}

    .metro .tile-area-darkGreen .tile {
        outline-color: #18ad2f !important
    }

.metro .tile-area-darkOrange {
    min-width: 100%;
    height: 100%;
    background-color: #bf5a15 !important
}

    .metro .tile-area-darkOrange .tile {
        outline-color: #e77120 !important
    }

    .metro .tile-area-darkOrange:after,
    .metro .tile-area-darkOrange:before {
        display: table;
        content: ""
    }

.metro .tile-area-darkRed {
    min-width: 100%;
    height: 100%;
    background-color: #9a1616 !important
}

    .metro .tile-area-darkRed .tile {
        outline-color: #c71c1c !important
    }

.metro .tile-area-darkPink {
    min-width: 100%;
    height: 100%;
    background-color: #9a165a !important
}

    .metro .tile-area-darkPink .tile {
        outline-color: #c71c74 !important
    }

.metro .tile-area-darkIndigo {
    min-width: 100%;
    height: 100%;
    background-color: #4b0096 !important
}

    .metro .tile-area-darkIndigo .tile {
        outline-color: #6400c9 !important
    }

    .metro .tile-area-darkIndigo:after {
        clear: both
    }

.metro .tile-area-darkBlue {
    min-width: 100%;
    height: 100%;
    background-color: #16499a !important
}

    .metro .tile-area-darkBlue .tile {
        outline-color: #1c5ec7 !important
    }

.metro .tile-area-lightBlue {
    min-width: 100%;
    height: 100%;
    background-color: #4390df !important
}

    .metro .tile-area-lightBlue .tile {
        outline-color: #6faae6 !important
    }

.metro .tile-area-lightTeal {
    min-width: 100%;
    height: 100%;
    background-color: #45fffd !important
}

    .metro .tile-area-lightTeal .tile {
        outline-color: #78fffd !important
    }

.metro .tile-area-lightOlive {
    min-width: 100%;
    height: 100%;
    background-color: #78aa1c !important
}

    .metro .tile-area-lightOlive .tile {
        outline-color: #97d623 !important
    }

.metro .tile-area-lightOrange {
    min-width: 100%;
    height: 100%;
    background-color: #c29008 !important
}

    .metro .tile-area-lightOrange .tile {
        outline-color: #f3b40a !important
    }

.metro .tile-area-lightPink {
    min-width: 100%;
    height: 100%;
    background-color: #f472d0 !important
}

    .metro .tile-area-lightPink .tile {
        outline-color: #f8a1e0 !important
    }

.metro .tile-area-grayed {
    min-width: 100%;
    height: 100%;
    background-color: #585858 !important
}

    .metro .tile-area-grayed .tile {
        outline-color: #727272 !important
    }

.metro .tile-group {
    margin-right: 46px;
    min-width: 130px;
    width: auto;
    float: left;
    display: block;
    padding-top: 40px;
    position: relative;
    color: #fff
}

    .metro .tile-group.one {
        width: 130px
    }

    .metro .tile-group.double,
    .metro .tile-group.two {
        width: 260px
    }

    .metro .tile-group.three,
    .metro .tile-group.triple {
        width: 390px
    }

    .metro .tile-group.four,
    .metro .tile-group.quadro {
        width: 520px
    }

    .metro .tile-group.five {
        width: 650px
    }

    .metro .tile-group.six {
        width: 780px
    }

    .metro .tile-group.seven {
        width: 910px
    }

    .metro .tile-group:first-child {
        margin-left: 80px
    }

    .metro .tile-group .tile-group-title {
        font-size: 18px;
        line-height: 20px;
        position: absolute;
        top: 10px;
        left: 0;
        color: inherit
    }

.metro .tile {
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    padding: 0;
    cursor: pointer;
    background-color: #eee;
    box-shadow: inset 0 0 1px #FFC;
    width: 120px;
    height: 120px;
    margin: 0 10px 10px 0
}

    .metro .tile:hover {
        outline: #999 solid 3px
    }

    .metro .tile:active {
        outline: 0
    }

    .metro .tile.no-outline {
        outline-color: transparent
    }

    .metro .tile.half {
        width: 55px;
        height: 55px
    }

    .metro .tile.double {
        width: 250px
    }

    .metro .tile.double-vertical {
        height: 250px
    }

    .metro .tile.triple {
        width: 380px
    }

    .metro .tile.triple-vertical {
        height: 380px
    }

    .metro .tile.quadro {
        width: 510px
    }

    .metro .tile.quadro-vertical {
        height: 510px
    }

    .metro .tile.selected {
        border: 4px solid #4390df
    }

        .metro .tile.selected:after {
            position: absolute;
            display: block;
            border-top: 28px solid #4390df;
            border-left: 28px solid transparent;
            right: 0;
            content: "";
            top: 0;
            z-index: 101
        }

        .metro .tile.selected:before {
            position: absolute;
            display: block;
            content: "\e08a";
            color: #fff;
            right: 0;
            font-family: iconFont;
            font-size: 9pt;
            font-weight: 400;
            z-index: 102;
            top: 0
        }

    .metro .tile .tile-content {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        display: none
    }

        .metro .tile .tile-content.padded {
            padding: 10px
        }

        .metro .tile .tile-content.image {
            width: 100%;
            min-height: 100%;
            max-height: 100%
        }

        .metro .tile .tile-content.icon [class*=icon-],
        .metro .tile .tile-content.icon img {
            line-height: 56px;
            height: 56px;
            width: 56px;
            font-size: 48px;
            color: #fff;
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -28px;
            margin-left: -28px
        }

        .metro .tile .tile-content.image-set img {
            margin: 0;
            padding: 0;
            width: 25% !important;
            height: 50%;
            float: left;
            border: 1px solid #1e1e1e
        }

            .metro .tile .tile-content.image-set img:first-child {
                width: 50% !important;
                float: left;
                height: 100%
            }

        .metro .tile .tile-content:first-child {
            display: block
        }

    .metro .tile .brand,
    .metro .tile .tile-status {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        min-height: 29px;
        margin: 0
    }

        .metro .tile .brand:after,
        .metro .tile .brand:before,
        .metro .tile .tile-status:after,
        .metro .tile .tile-status:before {
            display: table;
            content: ""
        }

        .metro .tile .brand.opacity,
        .metro .tile .tile-status.opacity {
            opacity: .7
        }

        .metro .tile .brand .label,
        .metro .tile .brand .name,
        .metro .tile .brand .text,
        .metro .tile .tile-status .label,
        .metro .tile .tile-status .name,
        .metro .tile .tile-status .text {
            display: block;
            font-size: 10pt;
            margin: 5px 20px 2px 5px;
            background: 0 0;
            color: #fff
        }

        .metro .tile .brand .text,
        .metro .tile .tile-status .text {
            margin: 4px 5px;
            font-size: 8pt;
            line-height: 10pt
        }

        .metro .tile .brand .badge,
        .metro .tile .tile-status .badge {
            position: absolute;
            bottom: 0;
            right: 10px;
            width: 29px;
            height: 29px;
            text-align: center;
            color: #fff;
            padding: 5px;
            margin: 0;
            vertical-align: middle !important;
            display: block;
            font-size: 10pt
        }

    .metro .tile.parts > ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .metro .tile.parts > .part,
        .metro .tile.parts > ul > li {
            display: block;
            float: left;
            height: 60px;
            width: 60px;
            margin: 0
        }

    .metro .tile.half .tile-content.icon [class*=icon-],
    .metro .tile.half .tile-content.icon img {
        line-height: 37.33px;
        height: 37.33px;
        width: 37.33px;
        font-size: 32px;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -18.67px;
        margin-left: -18.67px
    }

    .metro .tile,
    .metro .tile * {
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
    }

        .metro .tile.scale {
            -webkit-transform: scale(.98);
            -moz-transform: scale(.98);
            -ms-transform: scale(.98);
            -o-transform: scale(.98);
            transform: scale(.98)
        }

.metro [draggable] {
    cursor: default
}

.metro .tile .tile-content.email {
    color: #fff;
    padding: 10px
}

    .metro .tile .tile-content.email .email-image {
        width: 64px;
        height: 64px;
        float: left
    }

        .metro .tile .tile-content.email .email-image img {
            width: 100%;
            height: 100%
        }

    .metro .tile .tile-content.email .email-data {
        display: block;
        color: inherit;
        margin-left: 70px;
        width: auto;
        overflow: hidden
    }

        .metro .tile .tile-content.email .email-data .email-data-subtitle,
        .metro .tile .tile-content.email .email-data .email-data-text,
        .metro .tile .tile-content.email .email-data .email-data-title {
            color: inherit;
            display: block
        }

        .metro .tile .tile-content.email .email-data .email-data-title {
            font-size: 14pt
        }

        .metro .tile .tile-content.email .email-data .email-data-subtitle {
            font-size: 11pt
        }

        .metro .tile .tile-content.email .email-data .email-data-text {
            font-size: 10pt;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.metro [class*=tile-transform-] {
    -webkit-transition: all .22s;
    transition: all .22s
}

.metro .tile-transform-right {
    -webkit-transform-origin: left 50%;
    -moz-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    -o-transform-origin: left 50%;
    transform-origin: left 50%;
    -webkit-transform: perspective(500px) rotateY(.138372rad);
    -moz-transform: perspective(500px) rotateY(.138372rad);
    -ms-transform: perspective(500px) rotateY(.138372rad);
    -o-transform: perspective(500px) rotateY(.138372rad);
    transform: perspective(500px) rotateY(.138372rad)
}

.metro .tile.double.tile-transform-right {
    -webkit-transform: perspective(500px) rotateY(.069186rad);
    -moz-transform: perspective(500px) rotateY(.069186rad);
    -ms-transform: perspective(500px) rotateY(.069186rad);
    -o-transform: perspective(500px) rotateY(.069186rad);
    transform: perspective(500px) rotateY(.069186rad)
}

.metro .tile.triple.tile-transform-right {
    -webkit-transform: perspective(500px) rotateY(.046124rad);
    -moz-transform: perspective(500px) rotateY(.046124rad);
    -ms-transform: perspective(500px) rotateY(.046124rad);
    -o-transform: perspective(500px) rotateY(.046124rad);
    transform: perspective(500px) rotateY(.046124rad)
}

.metro .tile.quadro.tile-transform-right {
    -webkit-transform: perspective(500px) rotateY(.034593rad);
    -moz-transform: perspective(500px) rotateY(.034593rad);
    -ms-transform: perspective(500px) rotateY(.034593rad);
    -o-transform: perspective(500px) rotateY(.034593rad);
    transform: perspective(500px) rotateY(.034593rad)
}

.metro .tile.half.tile-transform-right {
    -webkit-transform: perspective(500px) rotateY(.276744rad);
    -moz-transform: perspective(500px) rotateY(.276744rad);
    -ms-transform: perspective(500px) rotateY(.276744rad);
    -o-transform: perspective(500px) rotateY(.276744rad);
    transform: perspective(500px) rotateY(.276744rad)
}

.metro .tile-transform-left {
    -webkit-transform-origin: right 50%;
    -moz-transform-origin: right 50%;
    -ms-transform-origin: right 50%;
    -o-transform-origin: right 50%;
    transform-origin: right 50%;
    -webkit-transform: perspective(500px) rotateY(-.138372rad);
    -moz-transform: perspective(500px) rotateY(-.138372rad);
    -ms-transform: perspective(500px) rotateY(-.138372rad);
    -o-transform: perspective(500px) rotateY(-.138372rad);
    transform: perspective(500px) rotateY(-.138372rad)
}

.metro .tile.double.tile-transform-left {
    -webkit-transform: perspective(500px) rotateY(-.069186rad);
    -moz-transform: perspective(500px) rotateY(-.069186rad);
    -ms-transform: perspective(500px) rotateY(-.069186rad);
    -o-transform: perspective(500px) rotateY(-.069186rad);
    transform: perspective(500px) rotateY(-.069186rad)
}

.metro .tile.triple.tile-transform-left {
    -webkit-transform: perspective(500px) rotateY(-.046124rad);
    -moz-transform: perspective(500px) rotateY(-.046124rad);
    -ms-transform: perspective(500px) rotateY(-.046124rad);
    -o-transform: perspective(500px) rotateY(-.046124rad);
    transform: perspective(500px) rotateY(-.046124rad)
}

.metro .tile.quadro.tile-transform-left {
    -webkit-transform: perspective(500px) rotateY(-.034593rad);
    -moz-transform: perspective(500px) rotateY(-.034593rad);
    -ms-transform: perspective(500px) rotateY(-.034593rad);
    -o-transform: perspective(500px) rotateY(-.034593rad);
    transform: perspective(500px) rotateY(-.034593rad)
}

.metro .tile.half.tile-transform-left {
    -webkit-transform: perspective(500px) rotateY(-.276744rad);
    -moz-transform: perspective(500px) rotateY(-.276744rad);
    -ms-transform: perspective(500px) rotateY(-.276744rad);
    -o-transform: perspective(500px) rotateY(-.276744rad);
    transform: perspective(500px) rotateY(-.276744rad)
}

.metro .tile-transform-top {
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
    -webkit-transform: perspective(500px) rotateX(.138372rad);
    -moz-transform: perspective(500px) rotateX(.138372rad);
    -ms-transform: perspective(500px) rotateX(.138372rad);
    -o-transform: perspective(500px) rotateX(.138372rad);
    transform: perspective(500px) rotateX(.138372rad)
}

.metro .tile.double.tile-transform-top {
    -webkit-transform: perspective(500px) rotateX(.069186rad);
    -moz-transform: perspective(500px) rotateX(.069186rad);
    -ms-transform: perspective(500px) rotateX(.069186rad);
    -o-transform: perspective(500px) rotateX(.069186rad);
    transform: perspective(500px) rotateX(.069186rad)
}

.metro .tile.triple.tile-transform-top {
    -webkit-transform: perspective(500px) rotateX(.046124rad);
    -moz-transform: perspective(500px) rotateX(.046124rad);
    -ms-transform: perspective(500px) rotateX(.046124rad);
    -o-transform: perspective(500px) rotateX(.046124rad);
    transform: perspective(500px) rotateX(.046124rad)
}

.metro .tile.quadro.tile-transform-top {
    -webkit-transform: perspective(500px) rotateX(.034593rad);
    -moz-transform: perspective(500px) rotateX(.034593rad);
    -ms-transform: perspective(500px) rotateX(.034593rad);
    -o-transform: perspective(500px) rotateX(.034593rad);
    transform: perspective(500px) rotateX(.034593rad)
}

.metro .tile.half.tile-transform-top {
    -webkit-transform: perspective(500px) rotateX(.276744rad);
    -moz-transform: perspective(500px) rotateX(.276744rad);
    -ms-transform: perspective(500px) rotateX(.276744rad);
    -o-transform: perspective(500px) rotateX(.276744rad);
    transform: perspective(500px) rotateX(.276744rad)
}

.metro .tile-transform-bottom {
    -webkit-transform-origin: 50% top;
    -moz-transform-origin: 50% top;
    -ms-transform-origin: 50% top;
    -o-transform-origin: 50% top;
    transform-origin: 50% top;
    -webkit-transform: perspective(500px) rotateX(-.138372rad);
    -moz-transform: perspective(500px) rotateX(-.138372rad);
    -ms-transform: perspective(500px) rotateX(-.138372rad);
    -o-transform: perspective(500px) rotateX(-.138372rad);
    transform: perspective(500px) rotateX(-.138372rad)
}

.metro .tile.double.tile-transform-bottom {
    -webkit-transform: perspective(500px) rotateX(-.069186rad);
    -moz-transform: perspective(500px) rotateX(-.069186rad);
    -ms-transform: perspective(500px) rotateX(-.069186rad);
    -o-transform: perspective(500px) rotateX(-.069186rad);
    transform: perspective(500px) rotateX(-.069186rad)
}

.metro .tile.triple.tile-transform-bottom {
    -webkit-transform: perspective(500px) rotateX(-.046124rad);
    -moz-transform: perspective(500px) rotateX(-.046124rad);
    -ms-transform: perspective(500px) rotateX(-.046124rad);
    -o-transform: perspective(500px) rotateX(-.046124rad);
    transform: perspective(500px) rotateX(-.046124rad)
}

.metro .tile.quadro.tile-transform-bottom {
    -webkit-transform: perspective(500px) rotateX(-.034593rad);
    -moz-transform: perspective(500px) rotateX(-.034593rad);
    -ms-transform: perspective(500px) rotateX(-.034593rad);
    -o-transform: perspective(500px) rotateX(-.034593rad);
    transform: perspective(500px) rotateX(-.034593rad)
}

.metro .tile.half.tile-transform-bottom {
    -webkit-transform: perspective(500px) rotateX(-.276744rad);
    -moz-transform: perspective(500px) rotateX(-.276744rad);
    -ms-transform: perspective(500px) rotateX(-.276744rad);
    -o-transform: perspective(500px) rotateX(-.276744rad);
    transform: perspective(500px) rotateX(-.276744rad)
}

.metro .carousel {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #eee
}

    .metro .carousel .slide {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        padding: 0
    }

        .metro .carousel .slide div.subslide {
            z-index: 2;
            position: absolute;
            top: 10px;
            left: 10px
        }

        .metro .carousel .slide img.cover {
            width: 100%;
            min-height: 100%;
            z-index: 1;
            position: absolute;
            top: 0 !important;
            left: 0 !important
        }

        .metro .carousel .slide:first-child {
            display: block
        }

    .metro .carousel .controls {
        display: block;
        position: absolute;
        top: 50%;
        left: 15px;
        min-width: 40px;
        min-height: 40px;
        width: auto;
        height: auto;
        margin-top: -20px;
        font-size: 48pt;
        font-weight: 100;
        line-height: 30px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        opacity: .75;
        z-index: 100
    }

        .metro .carousel .controls.right {
            left: auto;
            right: 15px
        }

        .metro .carousel .controls:hover {
            opacity: 1
        }

    .metro .carousel .markers {
        z-index: 100;
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
        bottom: 10px;
        left: 10px
    }

        .metro .carousel .markers > ul {
            padding-left: 0;
            list-style: none
        }

            .metro .carousel .markers > ul li ol,
            .metro .carousel .markers > ul li ul {
                list-style: none;
                padding-left: 25px
            }

        .metro .carousel .markers li {
            display: block;
            float: left;
            margin-right: 5px
        }

            .metro .carousel .markers li a {
                background-color: #fff;
                display: block;
                float: left;
                border: 1px solid #fff
            }

            .metro .carousel .markers li.active a {
                background-color: #f0a30a
            }

        .metro .carousel .markers.default > ul > li > a {
            width: 32px;
            height: 6px
        }

        .metro .carousel .markers.cycle > ul > li > a {
            width: 24px;
            height: 24px;
            border-radius: 50%
        }

        .metro .carousel .markers.square > ul > li > a {
            width: 24px;
            height: 24px
        }

.metro .rating {
    color: #2784a7;
    cursor: pointer;
    display: block;
    width: auto;
    margin: 0 10px 10px 0;
    height: 24px
}

    .metro .rating:after,
    .metro .rating:before {
        display: table;
        content: ""
    }

    .metro .rating ul {
        list-style: none;
        color: inherit;
        display: block;
        margin: 0 0 5px;
        padding: 0
    }

        .metro .rating ul:after,
        .metro .rating ul:before {
            display: table;
            content: ""
        }

        .metro .rating ul li {
            display: block;
            float: left;
            position: relative;
            font-family: iconFont;
            font-size: 24px;
            line-height: 24px;
            color: inherit
        }

            .metro .rating ul li:before {
                content: '\e07c'
            }

            .metro .rating ul li.rated:before {
                content: '\e07e'
            }

            .metro .rating ul li.half:before,
            .metro .rating ul li.rated.half:before {
                content: '\e07d'
            }

    .metro .rating .score-hint {
        display: block;
        font-size: 12px;
        color: #1d1d1d
    }

    .metro .rating.active ul:hover > li:before {
        content: '\e07e'
    }

    .metro .rating.active ul li:hover ~ li:before {
        content: '\e07c' !important
    }

    .metro .rating.active ul li:hover:before {
        content: '\e07e' !important
    }

    .metro .rating.small li {
        font-size: 16px;
        line-height: 16px
    }

    .metro .rating.small .score-hint {
        margin-top: -5px;
        font-size: 10px
    }

    .metro .rating.large li {
        font-size: 36px
    }

    .metro .rating.large .score-hint {
        margin-top: 10px;
        font-size: 16px
    }

.metro .pagination {
    width: auto;
    margin-bottom: 10px
}

    .metro .pagination > ul {
        padding-left: 0;
        list-style: none;
        margin: 0
    }

        .metro .pagination > ul li ol,
        .metro .pagination > ul li ul {
            list-style: none;
            padding-left: 25px
        }

        .metro .pagination > ul:after,
        .metro .pagination > ul:before {
            display: table;
            content: ""
        }

        .metro .pagination > ul li {
            display: block;
            float: left;
            margin-right: 1px;
            position: relative
        }

            .metro .pagination > ul li a {
                padding: 4px 12px;
                text-align: center;
                vertical-align: middle !important;
                background-color: #d9d9d9;
                border: 1px solid transparent;
                border-radius: 0;
                cursor: pointer;
                outline: 0;
                font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
                font-size: 14px;
                line-height: 16px;
                color: inherit;
                display: block;
                float: left;
                margin-right: 1px
            }

                .metro .pagination > ul li a.default {
                    background-color: #008287;
                    color: #fff
                }

                .metro .pagination > ul li a:focus {
                    outline: 0;
                    border: 1px dotted #353535
                }

                .metro .pagination > ul li a.disabled,
                .metro .pagination > ul li a:disabled {
                    background-color: #eaeaea !important;
                    color: #bebebe !important;
                    cursor: not-allowed !important
                }

                .metro .pagination > ul li a *,
                .metro .pagination > ul li a :hover {
                    color: inherit
                }

                .metro .pagination > ul li a.primary {
                    background-color: #16499a !important;
                    color: #fff !important
                }

                .metro .pagination > ul li a.info {
                    background-color: #4390df !important;
                    color: #fff !important
                }

                .metro .pagination > ul li a.success {
                    background-color: #60a917 !important;
                    color: #fff !important
                }

                .metro .pagination > ul li a.warning {
                    background-color: #fa6800 !important;
                    color: #fff !important
                }

                .metro .pagination > ul li a.danger {
                    background-color: #9a1616 !important;
                    color: #fff !important
                }

                .metro .pagination > ul li a.inverse {
                    background-color: #1d1d1d !important;
                    color: #fff !important
                }

                .metro .pagination > ul li a.link {
                    background-color: transparent !important;
                    color: #2e92cf !important
                }

                    .metro .pagination > ul li a.link:hover {
                        text-decoration: underline
                    }

                    .metro .pagination > ul li a.link.disabled,
                    .metro .pagination > ul li a.link:disabled {
                        background-color: transparent !important;
                        color: #bebebe !important;
                        cursor: not-allowed !important
                    }

                    .metro .pagination > ul li a.link [class*=icon-] {
                        text-decoration: none !important
                    }

                .metro .pagination > ul li a:active {
                    background-color: #1d1d1d !important;
                    color: #fff !important;
                    border-color: transparent
                }

                .metro .pagination > ul li a.large {
                    padding: 11px 19px;
                    font-size: 17.5px
                }

                .metro .pagination > ul li a.small {
                    padding: 2px 10px;
                    font-size: 11.9px
                }

                .metro .pagination > ul li a.mini {
                    padding: 0 6px;
                    font-size: 10.5px
                }

            .metro .pagination > ul li.active a {
                background-color: #4390df;
                color: #fff
            }

            .metro .pagination > ul li.disabled a,
            .metro .pagination > ul li.spaces a {
                background-color: #f2f2f2;
                color: #1e1e1e;
                cursor: not-allowed
            }

                .metro .pagination > ul li.disabled a:active,
                .metro .pagination > ul li.spaces a:active {
                    top: 0;
                    left: 0
                }

            .metro .pagination > ul li.disabled a {
                color: #1e1e1e
            }

            .metro .pagination > ul li.spaces a {
                background-color: #fff;
                cursor: default
            }

    .metro .pagination.small ul li a {
        padding: 2px 10px;
        font-size: 11.9px
    }

    .metro .pagination.mini ul li a {
        padding: 0 6px;
        font-size: 10.5px
    }

.metro .countdown,
.metro .times {
    width: auto;
    margin: 0 auto;
    font: 20px/1.5 'Open Sans Condensed', sans-serif;
    text-align: center;
    letter-spacing: -3px
}

    .metro .countdown .digit-wrapper,
    .metro .times .digit-wrapper {
        display: inline-block;
        height: 1.6em;
        overflow: hidden;
        position: relative;
        width: 1.05em
    }

        .metro .countdown .digit-wrapper .digit,
        .metro .times .digit-wrapper .digit {
            position: absolute;
            display: block;
            width: 1em;
            text-align: center;
            vertical-align: middle;
            letter-spacing: -1px
        }

            .metro .countdown .digit-wrapper .digit.stop,
            .metro .times .digit-wrapper .digit.stop {
                background-color: #e51400
            }

    .metro .countdown .divider,
    .metro .times .divider {
        display: inline-block;
        width: 16px;
        height: 1.5em;
        position: relative;
        font-weight: 700
    }

        .metro .countdown .divider:before,
        .metro .times .divider:before {
            width: 100%;
            height: 1.5em;
            position: absolute;
            content: ":";
            color: inherit;
            font-size: inherit;
            vertical-align: middle;
            text-align: center;
            left: -20%;
            top: -15%
        }

    .metro .countdown.inverse .digit,
    .metro .times.inverse .digit {
        color: #333 !important;
        background-color: #eee !important
    }

.metro .tab-control .tabs {
    padding-left: 0;
    list-style: none;
    margin: 0 !important;
    z-index: 2
}

    .metro .tab-control .tabs li ol,
    .metro .tab-control .tabs li ul {
        list-style: none;
        padding-left: 25px
    }

    .metro .tab-control .tabs:after,
    .metro .tab-control .tabs:before {
        display: table;
        content: ""
    }

    .metro .tab-control .tabs > li {
        background-color: #fff;
        display: block;
        float: left;
        margin-left: 5px;
        position: relative
    }

        .metro .tab-control .tabs > li > a {
            border: 1px solid #eee;
            display: block;
            float: left;
            padding: 5px 10px;
            z-index: 10;
            top: 0;
            left: 0;
            color: inherit;
            background-color: #eee
        }

        .metro .tab-control .tabs > li.active a {
            border-bottom-color: #fff;
            background-color: #fff;
            border-top: 2px #e51400 solid
        }

        .metro .tab-control .tabs > li.active:hover a {
            background-color: #fff;
            color: #1d1d1d
        }

        .metro .tab-control .tabs > li:hover a {
            background-color: #d5d5d5;
            color: #fff
        }

        .metro .tab-control .tabs > li.place-right {
            float: right;
            margin-right: 5px;
            margin-left: auto
        }

    .metro .tab-control .tabs.no-spaces > li {
        margin-left: 0
    }

.metro .tab-control .frames {
    z-index: 1;
    border: 1px solid #eee;
    margin-top: -1px
}

    .metro .tab-control .frames .frame {
        display: none
    }

        .metro .tab-control .frames .frame:first-child {
            display: block
        }

.metro .tab-control .frame {
    padding: 20px
}

.metro .progress-bar {
    display: block;
    position: relative;
    height: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #eee
}

    .metro .progress-bar:after,
    .metro .progress-bar:before {
        display: table;
        content: ""
    }

    .metro .progress-bar .bar {
        position: relative;
        display: block;
        float: left;
        width: 0;
        background-color: #2D7D9A;
        height: 100%
    }

    .metro .progress-bar.small {
        height: 5px
    }

    .metro .progress-bar.large {
        height: 15px
    }

.metro .sidebar {
    margin: 0;
    padding: 0;
    background-color: #3D3D3D;
    width: 100%;
    height: 100%
}

    .metro .sidebar > ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .metro .sidebar > ul li {
            display: block;
            border: 0;
            border-bottom: 1px #5c5c5c solid;
            position: relative
        }

            .metro .sidebar > ul li.title {
                padding: 20px 20px 10px;
                font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
                font-weight: 300;
                letter-spacing: .01em;
                font-size: 2.2rem;
                line-height: 2.2rem;
                color: #fff
            }

            .metro .sidebar > ul li a {
                display: block;
                position: relative;
                padding: 10px 20px;
                text-decoration: none;
                color: #eee;
                background-color: #3D3D3D
            }

                .metro .sidebar > ul li a:hover {
                    background-color: #262626;
                    color: #fff
                }

                .metro .sidebar > ul li a.dropdown-toggle:after {
                    right: 10px;
                    bottom: 5px
                }

                .metro .sidebar > ul li a [class*=icon-] {
                    margin-right: 15px
                }

            .metro .sidebar > ul li.stick {
                position: relative
            }

                .metro .sidebar > ul li.stick:before {
                    content: "";
                    position: absolute;
                    width: 7px;
                    height: 40px;
                    left: -7px;
                    text-indent: -9999px;
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                    background-color: inherit
                }

            .metro .sidebar > ul li.disabled a {
                background-color: #8a8a8a;
                cursor: default;
                color: #555
            }

            .metro .sidebar > ul li.active a {
                background-color: #9a1616;
                color: #fff
            }

        .metro .sidebar > ul ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: none;
            z-index: 1000;
            background: #e5e5e5;
            width: auto;
            border: 1px solid #dcddde;
            box-shadow: none;
            position: relative !important;
            min-width: 100%
        }

            .metro .sidebar > ul ul li {
                display: block;
                padding: 0;
                vertical-align: baseline;
                position: relative;
                font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
            }

                .metro .sidebar > ul ul li a,
                .metro .sidebar > ul ul li.title {
                    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
                    font-weight: 300;
                    letter-spacing: .01em
                }

                .metro .sidebar > ul ul li a {
                    display: block;
                    text-decoration: none;
                    line-height: 2.2rem;
                    font-size: 2.2rem;
                    color: inherit
                }

                .metro .sidebar > ul ul li.title {
                    color: #000;
                    line-height: 2.5rem;
                    font-size: 4rem;
                    margin-bottom: 20px
                }

            .metro .sidebar > ul ul.compact a {
                font-weight: 400;
                font-size: 10.5pt;
                line-height: 12pt;
                color: inherit
            }

            .metro .sidebar > ul ul ul.secondary li a,
            .metro .sidebar > ul ul.compact li.title {
                font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
                font-size: 1.6rem;
                letter-spacing: .02em
            }

            .metro .sidebar > ul ul.compact li.title {
                margin-bottom: 10px;
                font-weight: 700;
                color: #000;
                line-height: 1.6rem
            }

            .metro .sidebar > ul ul ul.secondary {
                margin: 0 0 0 15px;
                padding: 0;
                list-style: none
            }

                .metro .sidebar > ul ul ul.secondary li a {
                    font-weight: 400;
                    font-style: normal;
                    line-height: 1.4rem;
                    color: inherit
                }

            .metro .sidebar > ul ul.shadow {
                box-shadow: 3px 3px 0 rgba(236, 236, 236, .7)
            }

.metro .calendar-dropdown,
.metro .dataTables_wrapper .dataTables_processing,
.metro .slider > .hint {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 3px 8px rgba(0, 0, 0, .2)
}

.metro .sidebar > ul ul li {
    margin: 5px 0 0;
    width: 100%
}

    .metro .sidebar > ul ul li:last-child {
        margin-bottom: 5px
    }

    .metro .sidebar > ul ul li.disabled,
    .metro .sidebar > ul ul li.disabled:hover {
        cursor: default !important;
        background: 0 0 !important;
        color: #eee
    }

        .metro .sidebar > ul ul li.disabled a,
        .metro .sidebar > ul ul li.disabled:hover a {
            color: inherit;
            cursor: inherit;
            background: inherit
        }

.metro .sidebar > ul ul a {
    padding: 8px 32px !important;
    color: inherit;
    font-size: 15px !important;
    line-height: 14px !important;
    cursor: pointer
}

.metro .sidebar > ul ul li:hover {
    background: #edf4fc;
    border-color: #a8d2fd
}

.metro .sidebar > ul ul li.checked a:before,
.metro .sidebar > ul ul li.checked-partial a:before {
    position: absolute;
    left: 10px;
    content: "\e0a6";
    font-family: iconFont
}

.metro .sidebar > ul ul li.checked-partial a:before {
    content: "\e0a8"
}

.metro .sidebar > ul ul.place-right {
    right: -15px;
    left: auto
}

.metro .sidebar > ul ul .divider {
    padding: 0;
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-width: 0
}

    .metro .sidebar > ul ul .divider:hover {
        background: #e5e5e5
    }

.metro .sidebar > ul ul.open {
    display: block !important
}

.metro .sidebar > ul ul .dropdown-menu {
    left: 100%;
    top: -10%
}

.metro .sidebar > ul ul > li:hover > .dropdown-menu[data-show=hover] {
    display: block
}

.metro .sidebar > ul ul > li > a.dropdown-toggle:after {
    font-family: iconFont;
    font-size: .7em;
    content: "\e1b3";
    left: 85%;
    top: .85em;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.metro .sidebar > ul ul.drop-left {
    left: -100%
}

.metro .sidebar > ul ul.drop-up {
    top: auto;
    bottom: 0
}

.metro .sidebar > ul ul .menu-title {
    background-color: #f6f7f8;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 4px 8px;
    border: 0;
    border-bottom: 1px #dcddde solid;
    border-top: 1px #dcddde solid;
    color: #646464
}

    .metro .sidebar > ul ul .menu-title:first-child {
        margin: 0;
        border-top-width: 0
    }

        .metro .sidebar > ul ul .menu-title:first-child:hover {
            border-top-width: 0
        }

    .metro .sidebar > ul ul .menu-title:hover {
        background-color: #f6f7f8;
        cursor: default;
        border: 0;
        border-bottom: 1px #dcddde solid;
        border-top: 1px #dcddde solid
    }

.metro .sidebar > ul ul.inverse {
    border: 2px solid #3b3b3b
}

    .metro .sidebar > ul ul.inverse li {
        border: 0
    }

        .metro .sidebar > ul ul.inverse li a {
            padding: 9px 32px !important
        }

        .metro .sidebar > ul ul.inverse li:hover {
            border: 0;
            background-color: #e5e5e5
        }

    .metro .sidebar > ul ul.inverse .menu-title:hover {
        background-color: #f6f7f8
    }

    .metro .sidebar > ul ul.inverse .divider {
        margin-left: 0;
        margin-right: 0
    }

.metro .sidebar > ul ul.dark {
    background-color: #333;
    border: 2px solid #333;
    color: #fff
}

    .metro .sidebar > ul ul.dark.opacity {
        background-color: rgba(61, 61, 61, .9)
    }

    .metro .sidebar > ul ul.dark li {
        border: 0;
        color: inherit
    }

        .metro .sidebar > ul ul.dark li a {
            padding: 9px 32px !important;
            color: inherit
        }

        .metro .sidebar > ul ul.dark li.disabled,
        .metro .sidebar > ul ul.dark li.disabled:hover {
            cursor: default !important;
            background: 0 0 !important;
            color: #555
        }

            .metro .sidebar > ul ul.dark li.disabled a,
            .metro .sidebar > ul ul.dark li.disabled:hover a {
                color: inherit;
                cursor: inherit;
                background: inherit
            }

        .metro .sidebar > ul ul.dark li:hover {
            border: 0;
            background-color: #201a1a;
            color: #fff
        }

    .metro .sidebar > ul ul.dark .menu-title,
    .metro .sidebar > ul ul.dark .menu-title:hover {
        background-color: #3b3b3b
    }

    .metro .sidebar > ul ul.dark .divider {
        margin-left: 0;
        margin-right: 0;
        background-color: #555
    }

        .metro .sidebar > ul ul.dark .divider:hover {
            background: #555
        }

.metro .sidebar > ul ul li {
    border: 0
}

    .metro .sidebar > ul ul li a {
        background-color: #e5e5e5
    }

    .metro .sidebar > ul ul li.divider,
    .metro .sidebar > ul ul li.divider:hover {
        background-color: #c2c2c2
    }

    .metro .sidebar > ul ul li.disabled a,
    .metro .sidebar > ul ul li.disabled a:hover {
        color: #999
    }

.metro .sidebar.light {
    background-color: #fff;
    border: 1px solid #eaeaea
}

    .metro .sidebar.light li {
        border-bottom-color: #eee
    }

        .metro .sidebar.light li.title {
            color: #1d1d1d
        }

        .metro .sidebar.light li a {
            color: #1d1d1d;
            background-color: #fff
        }

            .metro .sidebar.light li a:hover {
                background-color: #6CBAD6
            }

        .metro .sidebar.light li ul {
            background-color: #fff;
            border: 1px solid transparent
        }

        .metro .sidebar.light li .divider,
        .metro .sidebar.light li .divider:hover {
            background-color: #eee
        }

        .metro .sidebar.light li.disabled a {
            background-color: #fff;
            cursor: default;
            color: #999
        }

        .metro .sidebar.light li.active a {
            background-color: #2D7D9A;
            color: #fff
        }

.metro .accordion > .accordion-frame {
    border: 1px solid #eaeaea;
    margin-bottom: 2px
}

    .metro .accordion > .accordion-frame > .heading {
        display: block;
        text-decoration: none;
        background-color: #eee;
        padding: 10px 20px;
        width: 100%;
        position: relative;
        color: #1d1d1d
    }

        .metro .accordion > .accordion-frame > .heading [class*=icon-] {
            margin-right: 10px
        }

    .metro .accordion > .accordion-frame > .content {
        padding: 10px;
        display: none
    }

.metro .accordion.with-marker .heading:before {
    position: absolute;
    display: block;
    left: 5px;
    top: 12px;
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid #000
}

.metro .accordion.with-marker .heading.collapsed:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -4px
}

.metro .calendar {
    width: 250px;
    border: 1px solid #eee;
    font-size: 10pt
}

    .metro .calendar table {
        width: 100%
    }

    .metro .calendar td,
    .metro .calendar th {
        padding: 0;
        width: 14.28%
    }

    .metro .calendar td {
        border: 1px solid #e6f5fc
    }

        .metro .calendar td:first-child {
            border-left: 0
        }

        .metro .calendar td:last-child {
            border-right: 0
        }

    .metro .calendar tr:last-child td {
        border-bottom: 0
    }

    .metro .calendar .day-of-week {
        padding: 5px;
        cursor: default
    }

    .metro .calendar a {
        display: block;
        padding: 5px
    }

        .metro .calendar a:hover {
            background-color: #eee;
            color: #1d1d1d
        }

    .metro .calendar .calendar-header,
    .metro .calendar .calendar-header td a:hover,
    .metro .calendar .calendar-header th a:hover {
        background-color: #2D7D9A;
        color: #fff
    }

        .metro .calendar .calendar-header td,
        .metro .calendar .calendar-header th {
            border: 0 !important
        }

            .metro .calendar .calendar-header td a,
            .metro .calendar .calendar-header th a {
                color: #fff
            }

    .metro .calendar .calendar-actions td,
    .metro .calendar .calendar-actions th {
        padding: 10px
    }

    .metro .calendar .today a {
        background-color: #a0e857;
        color: #1d1d1d
    }

        .metro .calendar .today a:hover {
            background-color: #128023;
            color: #fff
        }

    .metro .calendar .day a {
        display: block;
        position: relative;
        border: 2px solid transparent
    }

        .metro .calendar .day a.selected {
            border: 4px solid #4390df;
            border-width: 1px
        }

            .metro .calendar .day a.selected:after {
                position: absolute;
                display: block;
                border-top: 28px solid #4390df;
                border-left: 28px solid transparent;
                right: 0;
                content: "";
                top: 0;
                z-index: 101;
                border-top-width: 12px;
                border-left-width: 12px
            }

            .metro .calendar .day a.selected:before {
                position: absolute;
                display: block;
                content: "\e08a";
                color: #fff;
                right: 0;
                font-family: iconFont;
                font-weight: 400;
                z-index: 102;
                top: 0;
                font-size: 4pt
            }

    .metro .calendar .month a,
    .metro .calendar .year a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .metro .calendar .other-day {
        display: block;
        text-align: center;
        color: #999
    }

.metro .calendar-dropdown {
    border: 0
}

.metro .slider {
    height: 12px;
    width: auto;
    position: relative;
    background-color: #c6c6c6;
    margin-bottom: 10px
}

    .metro .slider .marker {
        height: 12px;
        width: 12px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        z-index: 2
    }

        .metro .slider .marker:active,
        .metro .slider .marker:focus,
        .metro .slider .markerhover {
            outline: #e51400 solid 2px
        }

    .metro .slider .complete {
        height: 100%;
        width: auto;
        background-color: #00828b;
        z-index: 1;
        transition: background .3s ease
    }

    .metro .slider > .hint {
        background-color: #fff;
        position: absolute;
        z-index: 3;
        border: 1px solid #ccc;
        padding: 2px 4px;
        top: -40px;
        min-width: 30px;
        text-align: center;
        font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        display: none
    }

    .metro .slider.permanent-hint > .hint {
        display: block
    }

    .metro .slider.hint-bottom .hint {
        top: 100%;
        margin-top: 5px
    }

    .metro .slider.vertical {
        height: 100px;
        width: 12px
    }

        .metro .slider.vertical .marker {
            left: 0 !important
        }

        .metro .slider.vertical .complete {
            position: absolute;
            height: auto;
            width: 100% !important;
            bottom: 0;
            left: 0
        }

        .metro .slider.vertical .hint {
            left: 100%;
            margin-left: 5px;
            margin-top: 0
        }

        .metro .slider.vertical.hint-left .hint {
            left: -40px
        }

    .metro .slider:active .complete,
    .metro .slider:active + .marker:active .complete,
    .metro .slider:hover .complete {
        background-color: #219297
    }

    .metro .slider.place-left {
        margin-right: 20px
    }

    .metro .slider.place-right {
        margin-left: 20px
    }

.metro.window-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99999
}

.metro .window {
    border: 8px solid #9FD0E3;
    position: relative;
    background-color: #fff;
    min-height: 200px;
    min-width: 200px;
    border-top: 0
}

    .metro .window .caption {
        position: absolute;
        top: 0;
        height: 32px;
        width: 100%;
        background-color: #9FD0E3;
        cursor: default;
        z-index: 2;
        border-top: 8px #9FD0E3 solid
    }

        .metro .window .caption .icon {
            width: 16px;
            height: 16px;
            font-size: 16px;
            margin-top: 0;
            margin-left: 0;
            margin-right: 5px;
            position: relative;
            float: left
        }

        .metro .window .caption .title {
            font-size: 14px;
            margin-top: -2px;
            margin-left: 4px;
            position: relative;
            float: left
        }

        .metro .window .caption .super-title {
            position: absolute;
            top: 6px;
            left: 0;
            display: block;
            width: 100%;
            text-align: center;
            z-index: 0
        }

    .metro .window .content {
        position: relative;
        padding: 32px 0;
        width: auto;
        height: auto;
        -webkit-box-sizing: content-box;
        -o-box-sizing: content-box;
        box-sizing: content-box
    }

    .metro .window .caption .btn-close,
    .metro .window .caption .btn-max,
    .metro .window .caption .btn-min {
        background-color: #c75050;
        color: #fff;
        position: absolute;
        top: -8px;
        right: 0;
        width: 48px;
        height: 24px;
        min-height: 24px;
        text-align: center;
        vertical-align: middle;
        font-family: Cambria_, 'PT Serif Caption', Verdana, Arial, Helvetica, sans-serif;
        font-size: 16pt;
        font-weight: 400;
        padding: 0 0 10px;
        z-index: 3;
        outline: 0
    }

        .metro .window .caption .btn-close:hover,
        .metro .window .caption .btn-max:hover,
        .metro .window .caption .btn-min:hover {
            background-color: #e04343
        }

        .metro .window .caption .btn-close:active,
        .metro .window .caption .btn-max:active,
        .metro .window .caption .btn-min:active {
            background-color: #b01919 !important;
            top: -8px;
            right: 0;
            left: auto
        }

        .metro .window .caption .btn-close:after,
        .metro .window .caption .btn-max:after,
        .metro .window .caption .btn-min:after {
            content: '\D7';
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -.3em
        }

    .metro .window .caption .btn-max,
    .metro .window .caption .btn-min {
        background-color: transparent;
        color: #000;
        right: 75px;
        width: 24px;
        padding-bottom: 10px;
        font-weight: 700
    }

        .metro .window .caption .btn-max:hover,
        .metro .window .caption .btn-min:hover {
            background-color: #1b6eae;
            color: #fff
        }

            .metro .window .caption .btn-max:hover:after,
            .metro .window .caption .btn-min:hover:after {
                border-color: #fff
            }

        .metro .window .caption .btn-max:active,
        .metro .window .caption .btn-min:active {
            background-color: #1e7cc4 !important;
            color: #fff;
            top: -8px;
            right: 75px;
            left: auto
        }

        .metro .window .caption .btn-max:after,
        .metro .window .caption .btn-min:after {
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            border: 0 solid #000;
            border-bottom-width: 2px;
            content: ' ';
            bottom: 6px;
            left: 50%;
            margin-left: -6px;
            top: auto
        }

        .metro .window .caption .btn-max,
        .metro .window .caption .btn-max:active {
            right: 50px
        }

            .metro .window .caption .btn-max:after {
                height: 6px;
                border: 1px solid #000;
                border-top-width: 2px
            }

    .metro .window.inactive {
        border-color: #ebebeb
    }

        .metro .window.inactive .caption {
            background-color: #ebebeb;
            border-top: 8px #ebebeb solid
        }

        .metro .window.inactive .content {
            border-color: #ebebeb
        }

        .metro .window.inactive .btn-close {
            background-color: #bcbcbc
        }

    .metro .window.flat {
        background-color: #fff;
        border: 1px solid #e9e9e9
    }

        .metro .window.flat .caption {
            height: 32px;
            background-color: #fff;
            padding: 7px 5px;
            border-bottom: 1px #e9e9e9 solid;
            border-top: 0
        }

            .metro .window.flat .caption .btn-close,
            .metro .window.flat .caption .btn-max,
            .metro .window.flat .caption .btn-min {
                background-color: #fff;
                color: #777;
                width: 24px;
                top: 4px;
                right: 4px
            }

                .metro .window.flat .caption .btn-close:hover,
                .metro .window.flat .caption .btn-max:hover,
                .metro .window.flat .caption .btn-min:hover {
                    background-color: #cde6f7;
                    color: #2a8dd4
                }

                    .metro .window.flat .caption .btn-close:hover:after,
                    .metro .window.flat .caption .btn-max:hover:after,
                    .metro .window.flat .caption .btn-min:hover:after {
                        border-color: #2a8dd4
                    }

                .metro .window.flat .caption .btn-close:active,
                .metro .window.flat .caption .btn-max:active,
                .metro .window.flat .caption .btn-min:active {
                    background-color: #92c0e0 !important;
                    color: #fff !important
                }

                .metro .window.flat .caption .btn-close:after,
                .metro .window.flat .caption .btn-max:after,
                .metro .window.flat .caption .btn-min:after {
                    border-color: #777;
                    width: 10px !important;
                    height: 6px !important
                }

            .metro .window.flat .caption .btn-max {
                right: 29px
            }

            .metro .window.flat .caption .btn-min {
                right: 54px
            }

            .metro .window.flat .caption .btn-close:after {
                margin-top: 2px
            }

        .metro .window.flat .content {
            padding-top: 38px
        }

.metro .listview .list {
    width: 300px;
    height: auto;
    position: relative;
    display: block;
    cursor: pointer;
    color: inherit;
    margin: 0 0 10px;
    border: 1px solid #eaeaea
}

    .metro .listview .list .list-content {
        padding: 10px;
        position: relative;
        display: block;
        color: inherit
    }

        .metro .listview .list .list-content:after,
        .metro .listview .list .list-content:before {
            display: table;
            content: ""
        }

    .metro .listview .list:hover {
        outline: #ccc solid 3px
    }

    .metro .listview .list:active {
        outline: #3e3e3e solid 3px
    }

    .metro .listview .list .list-content .icon {
        display: block;
        width: 56px;
        height: 56px;
        font-size: 40px;
        float: left;
        margin-right: 10px
    }

    .metro .listview .list .list-content [class*=icon-].icon {
        padding: 8px
    }

    .metro .listview .list .list-content .data {
        display: block;
        padding: 0;
        margin: 0 0 0 66px;
        min-width: 200px;
        position: relative
    }

    .metro .listview .list .list-content .list-remark,
    .metro .listview .list .list-content .list-title {
        margin: 0;
        padding: 0;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .metro .listview .list .list-content .list-title {
        font-size: 14px;
        line-height: 16px
    }

    .metro .listview .list .list-content .list-remark {
        font-size: 11px;
        line-height: 12px
    }

    .metro .listview .list .list-content [class*=span] {
        float: none
    }

    .metro .listview .list .list-content .rating {
        color: inherit
    }

    .metro .listview .list .list-content .progress-bar {
        margin: 5px 0
    }

.metro .listview.small .list-content .icon {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 14px;
    font-size: 28px;
    float: left;
    margin-right: 10px
}

.metro .listview.small .list-content [class*=icon-].icon {
    padding: 8px 0
}

.metro .listview.small .list-content [class*=icon-].border {
    font-size: 22px;
    padding: 8px 4px
}

.metro .listview.small .list-content .data {
    margin-left: 40px
}

.metro .listview .list.selected {
    border: 4px solid #4390df
}

    .metro .listview .list.selected:after {
        position: absolute;
        display: block;
        border-top: 28px solid #4390df;
        border-left: 28px solid transparent;
        right: 0;
        content: "";
        top: 0;
        z-index: 101
    }

    .metro .listview .list.selected:before {
        position: absolute;
        display: block;
        content: "\e08a";
        color: #fff;
        right: 0;
        font-family: iconFont;
        font-size: 9pt;
        font-weight: 400;
        z-index: 102;
        top: 0
    }

.metro .listview-outlook {
    position: relative;
    display: block
}

    .metro .listview-outlook .list {
        height: auto;
        position: relative;
        cursor: pointer;
        margin: 0 0 10px
    }

        .metro .listview-outlook .list .list-content {
            position: relative;
            display: block
        }

            .metro .listview-outlook .list .list-content:after,
            .metro .listview-outlook .list .list-content:before {
                display: table;
                content: ""
            }

            .metro .listview-outlook .list .list-content .icon {
                display: block;
                width: 56px;
                height: 56px;
                font-size: 40px;
                float: left;
                margin-right: 10px
            }

            .metro .listview-outlook .list .list-content [class*=icon-].icon {
                padding: 8px
            }

            .metro .listview-outlook .list .list-content .data {
                display: block;
                padding: 0;
                margin: 0 0 0 66px;
                min-width: 200px;
                position: relative
            }

            .metro .listview-outlook .list .list-content .list-remark,
            .metro .listview-outlook .list .list-content .list-title {
                margin: 0;
                padding: 0
            }

            .metro .listview-outlook .list .list-content [class*=span] {
                float: none
            }

            .metro .listview-outlook .list .list-content .rating {
                color: inherit
            }

            .metro .listview-outlook .list .list-content .progress-bar {
                margin: 5px 0
            }

    .metro .listview-outlook.small .list-content .icon {
        display: block;
        width: 32px;
        height: 32px;
        line-height: 14px;
        font-size: 28px;
        float: left;
        margin-right: 10px
    }

    .metro .listview-outlook.small .list-content [class*=icon-].icon {
        padding: 8px 0
    }

    .metro .listview-outlook.small .list-content [class*=icon-].border {
        font-size: 22px;
        padding: 8px 4px
    }

    .metro .listview-outlook.small .list-content .data {
        margin-left: 40px
    }

    .metro .listview-outlook .list.selected {
        border: 4px solid #4390df
    }

        .metro .listview-outlook .list.selected:after {
            position: absolute;
            display: block;
            border-top: 28px solid #4390df;
            border-left: 28px solid transparent;
            right: 0;
            content: "";
            top: 0;
            z-index: 101
        }

        .metro .listview-outlook .list.selected:before {
            position: absolute;
            display: block;
            content: "\e08a";
            color: #fff;
            right: 0;
            font-family: iconFont;
            font-size: 9pt;
            font-weight: 400;
            z-index: 102;
            top: 0
        }

    .metro .listview-outlook .list .list-content,
    .metro .listview-outlook .list-group .group-title {
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif
    }

    .metro .listview-outlook .list {
        display: block;
        width: 100%;
        border: 0;
        border-bottom: 1px #e1e1e1 solid;
        padding: 2px 0;
        color: #555;
        margin-bottom: 0
    }

        .metro .listview-outlook .list .list-content {
            margin: 2px 0;
            padding: 2px 20px;
            font-size: 16px;
            color: inherit;
            border-left: 3px transparent solid
        }

            .metro .listview-outlook .list .list-content .list-remark,
            .metro .listview-outlook .list .list-content .list-subtitle,
            .metro .listview-outlook .list .list-content .list-title {
                width: 100%;
                display: block;
                color: inherit;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .metro .listview-outlook .list .list-content .list-title {
                font-size: 16px;
                line-height: 20px
            }

            .metro .listview-outlook .list .list-content .list-remark,
            .metro .listview-outlook .list .list-content .list-subtitle {
                font-size: 11px;
                font-weight: 400;
                line-height: 15px;
                color: #1d1d1d
            }

            .metro .listview-outlook .list .list-content .list-subtitle {
                font-weight: 700;
                color: #0067cb
            }

        .metro .listview-outlook .list.marked .list-content {
            border-left: 3px #0067b0 solid !important
        }

        .metro .listview-outlook .list.active,
        .metro .listview-outlook .list:active,
        .metro .listview-outlook .list:focus {
            background-color: #cde6f7 !important;
            outline: #999 dotted 1px;
            color: #555 !important
        }

        .metro .listview-outlook .list:hover {
            background-color: #e6f2fa;
            outline: 0
        }

            .metro .listview-outlook .list:hover .list-content {
                border-left: 3px #b1d6f0 solid
            }

    .metro .listview-outlook .list-group .group-title:before,
    .metro .treeview .node-toggle:before {
        content: '';
        border-left: 7px solid transparent;
        border-top: 7px solid transparent
    }

    .metro .listview-outlook .list-group {
        display: block;
        position: relative
    }

        .metro .listview-outlook .list-group .group-title {
            display: block;
            margin-bottom: 2px;
            background-color: #f0f0f0;
            padding: 4px 20px 4px 24px;
            font-size: 11px;
            font-weight: 700;
            color: #333
        }

            .metro .listview-outlook .list-group .group-title:before {
                position: absolute;
                display: block;
                left: 10px;
                top: 1px;
                width: 0;
                height: 0;
                border-bottom: 7px solid #000
            }

        .metro .listview-outlook .list-group .group-content {
            display: block
        }

        .metro .listview-outlook .list-group.collapsed .group-title:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-left: -4px
        }

        .metro .listview-outlook .list-group .group-title:hover:before {
            border-bottom-color: #0067cb
        }

    .metro .listview-outlook .list-content .list-icon {
        float: left;
        width: 48px;
        max-height: 48px;
        margin-right: 10px;
        margin-top: 5px
    }

.metro .treeview,
.metro .treeview ul {
    color: #555;
    margin: 0;
    padding: 0;
    display: block;
    list-style: none
}

.metro .treeview {
    background-color: #fdfdfd
}

    .metro .treeview ul li a {
        padding: 0 0 0 15px
    }

    .metro .treeview a {
        font-size: 12px;
        color: inherit;
        display: block
    }

    .metro .treeview .node > a {
        margin-bottom: 5px;
        padding: 0 0 0 15px;
        font-size: 12px;
        position: relative;
        color: #000;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .metro .treeview .node:not(:first-child) {
        margin-top: 0
    }

    .metro .treeview .node-toggle {
        display: inline-block;
        position: relative;
        float: left;
        margin-right: 3px;
        width: 10px;
        height: 10px
    }

        .metro .treeview .node-toggle:before {
            position: absolute;
            display: block;
            left: 2px;
            top: 0;
            width: 0;
            height: 0;
            border-bottom: 7px #1d1d1d solid
        }

.metro .fluent-menu .dropdown-toggle .button-label:after,
.metro .fluent-menu .dropdown-toggle .button-label:before,
.metro .fluent-menu .dropdown-toggle:after,
.metro .fluent-menu .dropdown-toggle:before {
    content: ""
}

.metro .treeview .node-toggle:hover:before {
    border-bottom-color: #0050ef
}

.metro .treeview li.collapsed .node-toggle:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -4px
}

.metro .treeview li a:hover {
    background-color: #e6f2fa
}

.metro .treeview .active {
    background-color: #e1e1e1;
    font-weight: 700;
    color: #1d1d1d
}

.metro .treeview a .value {
    color: #0067cb
}

.metro .fluent-menu {
    font-size: 14px
}

    .metro .fluent-menu .tabs-holder {
        list-style: none;
        position: relative;
        margin: 0;
        padding: 0;
        display: block;
        z-index: 2
    }

        .metro .fluent-menu .tabs-holder:after,
        .metro .fluent-menu .tabs-holder:before {
            display: table;
            content: ""
        }

        .metro .fluent-menu .tabs-holder li {
            display: block;
            float: left;
            margin-right: 5px;
            background-color: #fff
        }

            .metro .fluent-menu .tabs-holder li a {
                display: block;
                float: left;
                padding: 4px 15px;
                text-transform: uppercase;
                font-size: .8em;
                color: #444
            }

                .metro .fluent-menu .tabs-holder li a:hover,
                .metro .fluent-menu .tabs-holder li.active a {
                    color: #0072c6
                }

            .metro .fluent-menu .tabs-holder li:first-child {
                margin-left: 0
            }

            .metro .fluent-menu .tabs-holder li.active {
                border: 1px solid #d4d4d4;
                border-bottom-color: #fff
            }

            .metro .fluent-menu .tabs-holder li.special {
                border: 1px solid #0072c6;
                background-color: #0072c6
            }

                .metro .fluent-menu .tabs-holder li.special a,
                .metro .fluent-menu .tabs-holder li.special a:hover {
                    color: #fff
                }

    .metro .fluent-menu .tabs-content {
        z-index: 1;
        position: relative;
        margin-top: -1px;
        border: 1px solid #d4d4d4;
        background-color: #fff;
        height: 120px
    }

        .metro .fluent-menu .tabs-content .tab-panel {
            display: block;
            height: 100%;
            padding: 5px 0 2px
        }

            .metro .fluent-menu .tabs-content .tab-panel .tab-panel-group {
                height: 100%;
                position: relative;
                display: block;
                float: left;
                padding: 0 5px;
                border-right: 1px #d4d4d4 solid
            }

                .metro .fluent-menu .tabs-content .tab-panel .tab-panel-group:last-child {
                    margin-right: 0
                }

            .metro .fluent-menu .tabs-content .tab-panel .tab-group-caption {
                font-size: 10px;
                margin: 2px 0;
                text-align: center;
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                white-space: nowrap
            }

            .metro .fluent-menu .tabs-content .tab-panel .tab-content-segment {
                display: block;
                float: left;
                position: relative
            }

    .metro .fluent-menu .fluent-button {
        background-color: #fff;
        padding: 5px;
        font-size: 14px;
        line-height: 14px;
        display: block;
        cursor: default
    }

        .metro .fluent-menu .fluent-button:hover {
            background-color: #cde6f7
        }

        .metro .fluent-menu .fluent-button img {
            display: block;
            float: left;
            margin-right: 5px;
            width: 16px;
            height: 16px
        }

        .metro .fluent-menu .fluent-button [class*=icon-] {
            color: #444
        }

        .metro .fluent-menu .fluent-button .button-label {
            display: inline-block;
            color: inherit;
            font: inherit
        }

        .metro .fluent-menu .fluent-button:active {
            top: 0;
            left: 0;
            background-color: #75bae9 !important
        }

    .metro .fluent-menu .fluent-big-button {
        background-color: #fff;
        font-size: 14px;
        display: block;
        cursor: default;
        padding: 7px 5px;
        text-align: center;
        white-space: normal;
        line-height: 12px;
        float: left;
        position: relative
    }

        .metro .fluent-menu .fluent-big-button:hover {
            background-color: #cde6f7
        }

        .metro .fluent-menu .fluent-big-button img {
            margin-right: 5px
        }

        .metro .fluent-menu .fluent-big-button [class*=icon-] {
            color: #444
        }

        .metro .fluent-menu .fluent-big-button .button-label {
            display: inline-block;
            color: inherit;
            font: inherit
        }

        .metro .fluent-menu .fluent-big-button:active {
            top: 0;
            left: 0;
            background-color: #75bae9 !important
        }

        .metro .fluent-menu .fluent-big-button [class*=icon-],
        .metro .fluent-menu .fluent-big-button img {
            display: block;
            width: 40px;
            height: 40px;
            font-size: 40px;
            float: none;
            text-align: center;
            margin: 5px auto
        }

        .metro .fluent-menu .fluent-big-button br {
            line-height: 4px;
            height: 4px;
            font-size: 4px
        }

    .metro .fluent-menu .fluent-tool-button {
        background-color: #fff;
        font-size: 14px;
        line-height: 14px;
        display: block;
        cursor: default;
        padding: 4px
    }

        .metro .fluent-menu .fluent-tool-button:hover {
            background-color: #cde6f7
        }

        .metro .fluent-menu .fluent-tool-button [class*=icon-] {
            color: #444
        }

        .metro .fluent-menu .fluent-tool-button .button-label {
            display: inline-block;
            color: inherit;
            font: inherit
        }

        .metro .fluent-menu .fluent-tool-button:active {
            top: 0;
            left: 0;
            background-color: #75bae9 !important
        }

        .metro .fluent-menu .fluent-tool-button [class*=icon-],
        .metro .fluent-menu .fluent-tool-button img {
            display: block;
            width: 16px;
            height: 16px;
            font-size: 16px;
            float: none;
            text-align: center
        }

        .metro .fluent-menu .fluent-tool-button img {
            margin-right: 0
        }

    .metro .fluent-menu .dropdown-toggle .button-label {
        padding-right: 5px
    }

        .metro .fluent-menu .dropdown-toggle .button-label:after {
            content: "\e1ad";
            font-family: iconFont;
            position: absolute;
            right: 0;
            bottom: 3px;
            font-size: .8em
        }

    .metro .fluent-menu .dropdown-menu {
        position: absolute;
        top: 100%;
        z-index: 100
    }

        .metro .fluent-menu .dropdown-menu a {
            font-size: 10pt !important
        }

            .metro .fluent-menu .dropdown-menu a:hover {
                background-color: #cde6f7;
                color: #444
            }

.metro p [data-hint] {
    border-bottom: 1px #373737 dotted;
    white-space: nowrap
}

.metro .hint {
    position: fixed;
    color: #1d1d1d;
    padding: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    width: auto;
    max-width: 220px;
    margin-top: 10px;
    z-index: 1030;
    display: none;
    border: 1px solid #6a6a6a
}

    .metro .hint .hint-text,
    .metro .hint .hint-title {
        color: inherit;
        text-align: left
    }

    .metro .hint .hint-title {
        font-size: 1.2em;
        font-weight: 700
    }

    .metro .hint:after,
    .metro .hint:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0
    }

    .metro .hint:before {
        z-index: 2
    }

    .metro .hint:after {
        z-index: 1;
        border-color: inherit
    }

    .metro .hint.bottom:after,
    .metro .hint.bottom:before {
        top: 1px;
        left: 5px;
        margin: -10px 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 10px solid #fffcc0
    }

    .metro .hint.bottom:after {
        top: 0;
        border-bottom: 10px solid
    }

    .metro .hint.top:after,
    .metro .hint.top:before {
        top: 100%;
        margin-top: -1px;
        left: 5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #fffcc0
    }

    .metro .hint.top:after {
        margin-top: 1px;
        border-top: 10px solid
    }

    .metro .hint.left:after,
    .metro .hint.left:before {
        top: 5px;
        left: 100%;
        margin-left: -1px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #fffcc0
    }

    .metro .hint.left:after {
        margin-left: 0;
        border-left: 10px solid
    }

    .metro .hint.right:after,
    .metro .hint.right:before {
        top: 5px;
        left: -9px;
        margin: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 10px solid #fffcc0
    }

    .metro .hint.right:after {
        left: -10px;
        border-right: 10px solid
    }

.metro .balloon {
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
    border: 1px solid #555;
    background-color: #fff;
    position: relative
}

    .metro .balloon:after,
    .metro .balloon:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0
    }

    .metro .balloon:before {
        z-index: 2
    }

    .metro .balloon:after {
        z-index: 1
    }

    .metro .balloon.bottom:after,
    .metro .balloon.bottom:before {
        top: 1px;
        left: 20px;
        margin: -20px 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 20px solid #fff
    }

    .metro .balloon.bottom:after {
        top: 0;
        border-bottom: 20px solid #555
    }

    .metro .balloon.top:after,
    .metro .balloon.top:before {
        top: 100%;
        margin-top: -1px;
        left: 20px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 20px solid #fff
    }

    .metro .balloon.top:after {
        margin-top: 1px;
        border-top: 20px solid #555
    }

    .metro .balloon.left:after,
    .metro .balloon.left:before {
        top: 10px;
        left: 100%;
        margin-left: -1px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 20px solid #fff
    }

    .metro .balloon.left:after {
        margin-left: 0;
        border-left: 21px solid #555
    }

    .metro .balloon.right:after,
    .metro .balloon.right:before {
        top: 10px;
        left: -19px;
        margin: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid #fff
    }

    .metro .balloon.right:after {
        left: -20px;
        border-right: 20px solid #555
    }

.metro .stepper {
    margin: 10px 0
}

    .metro .stepper:after,
    .metro .stepper:before {
        display: table;
        content: ""
    }

    .metro .stepper > ul {
        counter-reset: li;
        border-top: 1px #1d1d1d dotted;
        position: relative;
        padding: 0;
        margin: 30px 0;
        width: 100%
    }

        .metro .stepper > ul li {
            list-style: none;
            float: left;
            width: 2em;
            height: 2em;
            margin-top: -1em;
            position: absolute;
            left: 0;
            background: #666;
            cursor: pointer
        }

            .metro .stepper > ul li:before {
                content: counter(li);
                counter-increment: li;
                position: absolute;
                box-sizing: border-box;
                padding: .3em 10px;
                color: #fff;
                font-weight: 700;
                font-family: "Helvetica Neue", Arial, sans-serif;
                font-size: 1.5rem;
                text-align: center
            }

.metro .streamer .streams .stream .stream-number,
.metro .streamer .streams .stream .stream-title {
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif
}

.metro .stepper > ul li:hover {
    background-color: #999
}

.metro .stepper > ul li.complete,
.metro .stepper > ul li.current {
    transition: all .2s ease
}

.metro .stepper > ul li.current {
    background-color: #2D7D9A
}

    .metro .stepper > ul li.current:hover {
        background-color: #0cf
    }

.metro .stepper > ul li.complete {
    background-color: #60a917
}

    .metro .stepper > ul li.complete:hover {
        background-color: #7ad61d
    }

.metro .stepper.rounded li {
    border-radius: 100%
}

.metro .stepper.diamond li {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

    .metro .stepper.diamond li:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.metro .streamer {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

    .metro .streamer .meter {
        height: 25px;
        width: auto;
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        overflow: hidden
    }

        .metro .streamer .meter li {
            display: block;
            float: left;
            width: 213px;
            padding: 2px 3px;
            background: url(/images/meter-210.png) top left repeat-x
        }

            .metro .streamer .meter li em {
                font-size: 10px;
                font-style: normal
            }

    .metro .streamer .streams {
        width: 142px;
        padding-top: 25px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: #fff
    }

        .metro .streamer .streams .streams-title {
            position: absolute;
            top: 0
        }

        .metro .streamer .streams .stream {
            position: relative;
            display: block;
            width: 100%;
            height: 75px;
            margin: 0 2px 2px 0;
            padding: 5px;
            color: #fff;
            cursor: pointer
        }

    .metro .streamer .events .events-area:after,
    .metro .streamer .events .events-area:before,
    .metro .streamer .events .events-grid:after,
    .metro .streamer .events .events-grid:before {
        display: table;
        content: ""
    }

    .metro .streamer .events,
    .metro .streamer .events .events-grid {
        height: 100%;
        min-height: 100%
    }

    .metro .streamer .streams .stream .stream-title {
        font-size: 12px;
        line-height: 12px
    }

    .metro .streamer .streams .stream .stream-number {
        position: absolute;
        left: 5px;
        bottom: 5px;
        font-size: 11px;
        line-height: 11px
    }

    .metro .streamer .events {
        padding-left: 143px;
        overflow: hidden;
        overflow-x: scroll
    }

        .metro .streamer .events .double {
            width: 424px
        }

        .metro .streamer .events .triple {
            width: 637px
        }

        .metro .streamer .events .quadro {
            width: 850px
        }

        .metro .streamer .events .events-area {
            height: 100%;
            min-height: 100%;
            overflow: hidden
        }

        .metro .streamer .events .event-group {
            height: 460px;
            min-width: 211px;
            margin: 0 2px 2px 0;
            float: left
        }

        .metro .streamer .events .event-super {
            height: 100%;
            min-height: 100%;
            border: 1px solid #eaeaea
        }

        .metro .streamer .events .event-stream {
            height: 75px
        }

            .metro .streamer .events .event-stream .event {
                min-width: 211px;
                height: 75px;
                float: left;
                display: block;
                margin: 0 2px 2px 0;
                cursor: pointer;
                position: relative;
                overflow: hidden;
                border: 1px solid #eaeaea
            }

                .metro .streamer .events .event-stream .event:last-child {
                    margin-right: 0
                }

                .metro .streamer .events .event-stream .event.event-disable {
                    opacity: .2
                }

                .metro .streamer .events .event-stream .event .event-content {
                    width: 100%;
                    height: 100%;
                    padding: 0;
                    margin: 0;
                    position: absolute;
                    left: 0;
                    top: 0;
                    overflow: hidden;
                    display: none
                }

                    .metro .streamer .events .event-stream .event .event-content:first-child {
                        display: block
                    }

                .metro .streamer .events .event-stream .event .event-content-logo {
                    display: block;
                    float: left;
                    margin-right: 5px;
                    padding: 3px
                }

                    .metro .streamer .events .event-stream .event .event-content-logo .icon {
                        position: relative;
                        width: 39px;
                        height: 39px;
                        margin-bottom: 1px
                    }

                        .metro .streamer .events .event-stream .event .event-content-logo .icon img {
                            width: 100%;
                            height: 100%
                        }

                    .metro .streamer .events .event-stream .event .event-content-logo .time {
                        position: relative;
                        width: 39px;
                        padding: 8px 4px;
                        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
                        font-size: 12px;
                        color: #fff;
                        line-height: 12px
                    }

                .metro .streamer .events .event-stream .event .event-content-data {
                    display: block;
                    padding: 0;
                    margin: 0 0 0 50px;
                    position: relative
                }

                    .metro .streamer .events .event-stream .event .event-content-data .title {
                        position: relative;
                        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
                        font-size: 14px;
                        line-height: 14px;
                        margin: 3px 0 0;
                        padding: 0
                    }

                    .metro .streamer .events .event-stream .event .event-content-data .subtitle {
                        position: relative;
                        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
                        font-size: 10px;
                        line-height: 10px;
                        margin: 0 0 10px;
                        padding: 0
                    }

                    .metro .streamer .events .event-stream .event .event-content-data .remark {
                        position: absolute;
                        display: block;
                        top: 36px;
                        margin-right: 4px;
                        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
                        font-size: 11px;
                        line-height: 11px;
                        color: #999
                    }

                .metro .streamer .events .event-stream .event:hover {
                    border-color: #999
                }

                .metro .streamer .events .event-stream .event.selected {
                    border: 4px solid #4390df;
                    border-width: 1px
                }

                    .metro .streamer .events .event-stream .event.selected:after {
                        position: absolute;
                        display: block;
                        border-top: 28px solid #4390df;
                        border-left: 28px solid transparent;
                        right: 0;
                        content: "";
                        top: 0;
                        z-index: 101
                    }

                    .metro .streamer .events .event-stream .event.selected:before {
                        position: absolute;
                        display: block;
                        content: "\e08a";
                        color: #fff;
                        font-family: iconFont;
                        font-size: 9pt;
                        font-weight: 400;
                        z-index: 102;
                        top: 0;
                        right: 3px
                    }

.metro .scrollbar-button {
    background-color: #fff;
    border: 1px solid #ababab
}

.metro .scrollbar,
.metro .scrollbar-container {
    position: relative;
    overflow: hidden
}

.metro .scrollbar-h,
.metro .scrollbar-v {
    position: absolute;
    background: #f3f3f3
}

.metro .scrollbar-v {
    width: 15px;
    height: 100%;
    right: 0;
    top: 0
}

.metro .scrollbar-h {
    height: 15px;
    width: 100%;
    left: 0;
    bottom: 0
}

.metro .scrollbar-h-down,
.metro .scrollbar-h-up,
.metro .scrollbar-line-h-btn,
.metro .scrollbar-line-v-btn,
.metro .scrollbar-v-down,
.metro .scrollbar-v-up {
    cursor: pointer;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ababab
}

    .metro .scrollbar-line-h-btn:hover,
    .metro .scrollbar-line-v-btn:hover {
        background-color: #f0f0f0
    }

.metro .scrollbar-h-up,
.metro .scrollbar-v-up {
    width: 15px;
    height: 15px;
    left: 0;
    top: 0
}

.metro .scrollbar-h-down,
.metro .scrollbar-v-down {
    width: 15px;
    height: 15px;
    left: 0;
    bottom: 0
}

.metro .scrollbar-h-down {
    left: auto;
    right: 0
}

.metro .scrollbar-line-h,
.metro .scrollbar-line-v {
    position: absolute;
    z-index: 3
}

.metro .scrollbar-line-v {
    width: 100%;
    left: 0;
    top: 15px
}

.metro .scrollbar-line-h {
    height: 15px;
    left: 15px;
    top: 0
}

.metro .scrollbar-line-v-btn {
    width: 100%;
    left: 0 !important;
    top: 0
}

.metro .scrollbar-line-h-btn {
    height: 100%;
    left: 0;
    top: 0 !important
}

.metro .scrollbar-both {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0
}

.metro .scrollbar-both,
.metro .scrollbar-line-h,
.metro .scrollbar-line-v {
    background-color: #f3f3f3
}

.metro .scrollbar-h-down:before,
.metro .scrollbar-h-up:before,
.metro .scrollbar-v-down:before,
.metro .scrollbar-v-up:before {
    position: absolute;
    content: "";
    font-family: iconFont;
    font-size: 14px;
    margin-top: -1px
}

.metro .scrollbar-v-up:before {
    content: "\e1ae"
}

.metro .scrollbar-v-down:before {
    content: "\e1ad"
}

.metro .scrollbar-h-up:before {
    content: "\e1ac";
    margin-left: -1px
}

.metro .scrollbar-h-down:before {
    content: "\e1af";
    margin-top: -1px;
    margin-right: -1px
}

.metro.notify-container {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1060
}

    .metro.notify-container .notify {
        background-color: #fff;
        display: block;
        position: relative;
        min-width: 220px;
        font-family: 'Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        color: #1d1d1d;
        padding: 10px;
        margin: 2px 2px 2px 0
    }

        .metro.notify-container .notify .caption {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 5px
        }

        .metro.notify-container .notify .content {
            font-size: 14px;
            line-height: 16px
        }

.metro .notify-wrapper {
    position: relative;
    background-color: #1d1d1d;
    width: auto;
    height: auto;
    min-width: 250px;
    color: #fff
}

.metro .notice {
    display: block;
    min-width: 200px;
    height: auto;
    position: relative;
    background-color: #4390df;
    padding: 20px
}

    .metro .notice * {
        color: inherit
    }

    .metro .notice:before {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        background-color: inherit;
        left: -5px;
        top: 50%;
        margin-top: -5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .metro .notice.marker-on-top:before {
        top: 0;
        left: 50%;
        margin-left: -5px
    }

    .metro .notice.marker-on-right:before {
        top: 50%;
        margin-top: -5px;
        left: 100%;
        margin-left: -5px
    }

    .metro .notice.marker-on-bottom:before {
        top: 100%;
        margin-left: -5px;
        left: 50%;
        margin-top: -5px
    }

.metro .dataTable thead .sorting,
.metro .dataTable thead .sorting_asc,
.metro .dataTable thead .sorting_desc {
    cursor: pointer
}

    .metro .dataTable thead .sorting:after,
    .metro .dataTable thead .sorting_asc:after,
    .metro .dataTable thead .sorting_desc:after {
        font-family: iconFont;
        position: relative;
        float: right;
        right: 0;
        color: #999
    }

    .metro .dataTable thead .sorting:after {
        content: "\e0a0"
    }

    .metro .dataTable thead .sorting_asc:after {
        content: "\e1ae"
    }

    .metro .dataTable thead .sorting_desc:after {
        content: "\e1ad"
    }

    .metro .dataTable thead .sorting_asc:after,
    .metro .dataTable thead .sorting_desc:after {
        color: #1d1d1d
    }

.metro .dataTables_wrapper .dataTables_filter label,
.metro .dataTables_wrapper .dataTables_length label {
    vertical-align: middle
}

.metro .dataTables_wrapper .dataTables_paginate .paginate_button,
.metro .wizard .actions button {
    vertical-align: middle !important;
    line-height: 16px;
    outline: 0;
    font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif
}

.metro .dataTables_wrapper .dataTables_filter input,
.metro .dataTables_wrapper .dataTables_filter select,
.metro .dataTables_wrapper .dataTables_length input,
.metro .dataTables_wrapper .dataTables_length select {
    border: 1px solid #d9d9d9;
    width: auto;
    height: 100%;
    padding: 5px;
    z-index: 1;
    position: relative
}

    .metro .dataTables_wrapper .dataTables_filter input:focus,
    .metro .dataTables_wrapper .dataTables_filter select:focus,
    .metro .dataTables_wrapper .dataTables_length input:focus,
    .metro .dataTables_wrapper .dataTables_length select:focus {
        outline: 0;
        border-color: #919191
    }

.metro .dataTables_wrapper .dataTables_length {
    float: left
}

    .metro .dataTables_wrapper .dataTables_length select {
        margin: 0 5px
    }

.metro .dataTables_wrapper .dataTables_filter {
    float: right
}

    .metro .dataTables_wrapper .dataTables_filter input {
        margin-left: 5px
    }

.metro .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right
}

    .metro .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 4px 12px;
        text-align: center;
        background-color: #d9d9d9;
        border: 1px solid transparent;
        border-radius: 0;
        cursor: pointer;
        font-size: 14px;
        color: inherit;
        display: block;
        float: left;
        margin-right: 1px
    }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.default {
            background-color: #008287;
            color: #fff
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
            outline: 0;
            border: 1px dotted #353535
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .metro .dataTables_wrapper .dataTables_paginate .paginate_button:disabled {
            background-color: #eaeaea !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button *,
        .metro .dataTables_wrapper .dataTables_paginate .paginate_button :hover {
            color: inherit
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.primary {
            background-color: #16499a !important;
            color: #fff !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.info {
            background-color: #4390df !important;
            color: #fff !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.success {
            background-color: #60a917 !important;
            color: #fff !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.warning {
            background-color: #fa6800 !important;
            color: #fff !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.danger {
            background-color: #9a1616 !important;
            color: #fff !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.inverse {
            background-color: #1d1d1d !important;
            color: #fff !important
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.link {
            background-color: transparent !important;
            color: #2e92cf !important
        }

            .metro .dataTables_wrapper .dataTables_paginate .paginate_button.link:hover {
                text-decoration: underline
            }

            .metro .dataTables_wrapper .dataTables_paginate .paginate_button.link.disabled,
            .metro .dataTables_wrapper .dataTables_paginate .paginate_button.link:disabled {
                background-color: transparent !important;
                color: #bebebe !important;
                cursor: not-allowed !important
            }

            .metro .dataTables_wrapper .dataTables_paginate .paginate_button.link [class*=icon-] {
                text-decoration: none !important
            }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button:active {
            background-color: #1d1d1d !important;
            color: #fff !important;
            border-color: transparent
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.large {
            padding: 11px 19px;
            font-size: 17.5px
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.small {
            padding: 2px 10px;
            font-size: 11.9px
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.mini {
            padding: 0 6px;
            font-size: 10.5px
        }

        .metro .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background-color: #4390df;
            color: #fff
        }

.metro .dataTables_wrapper .dataTables_info {
    float: left
}

.metro .dataTables_wrapper .dataTables_scrollHeadInner table {
    margin: 0 !important
}

.metro .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -2em;
    width: 200px;
    padding: 20px;
    text-align: center;
    font-size: 1.2rem;
    background-color: #fff
}

.metro .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    height: 0
}

.metro .wizard .steps {
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #eee;
    position: relative
}

    .metro .wizard .steps .step {
        position: relative;
        width: 100%;
        height: 100%;
        display: none
    }

        .metro .wizard .steps .step:first-child {
            display: block
        }

.metro .wizard .actions .group-right {
    float: right
}

.metro .wizard .actions .group-left {
    float: left
}

.metro .wizard .actions button {
    padding: 4px 12px;
    text-align: center;
    background-color: #d9d9d9;
    border: 1px solid transparent;
    color: #222;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 2px
}

    .metro .wizard .actions button.default {
        background-color: #008287;
        color: #fff
    }

    .metro .wizard .actions button:focus {
        outline: 0;
        border: 1px dotted #353535
    }

    .metro .wizard .actions button.disabled,
    .metro .wizard .actions button:disabled {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        cursor: not-allowed !important
    }

    .metro .wizard .actions button *,
    .metro .wizard .actions button :hover {
        color: inherit
    }

    .metro .wizard .actions button.primary {
        background-color: #16499a !important;
        color: #fff !important
    }

    .metro .wizard .actions button.info {
        background-color: #4390df !important;
        color: #fff !important
    }

    .metro .wizard .actions button.success {
        background-color: #60a917 !important;
        color: #fff !important
    }

    .metro .wizard .actions button.warning {
        background-color: #fa6800 !important;
        color: #fff !important
    }

    .metro .wizard .actions button.danger {
        background-color: #9a1616 !important;
        color: #fff !important
    }

    .metro .wizard .actions button.inverse {
        background-color: #1d1d1d !important;
        color: #fff !important
    }

    .metro .wizard .actions button.link {
        background-color: transparent !important;
        color: #2e92cf !important
    }

        .metro .wizard .actions button.link:hover {
            text-decoration: underline
        }

        .metro .wizard .actions button.link.disabled,
        .metro .wizard .actions button.link:disabled {
            background-color: transparent !important;
            color: #bebebe !important;
            cursor: not-allowed !important
        }

        .metro .wizard .actions button.link [class*=icon-] {
            text-decoration: none !important
        }

    .metro .wizard .actions button:active {
        background-color: #1d1d1d !important;
        color: #fff !important;
        border-color: transparent
    }

    .metro .wizard .actions button.large {
        padding: 11px 19px;
        font-size: 17.5px
    }

    .metro .wizard .actions button.small {
        padding: 2px 10px;
        font-size: 11.9px
    }

    .metro .wizard .actions button.mini {
        padding: 0 6px;
        font-size: 10.5px
    }

    .metro .wizard .actions button:last-child {
        margin-right: 0
    }

    .metro .wizard .actions button.btn-finish {
        background-color: #60a917;
        color: #fff
    }

    .metro .wizard .actions button:disabled {
        background-color: #6f6f6f !important
    }

.metro .panel {
    border: 1px solid #eaeaea
}

    .metro .panel .panel-header {
        padding: 10px;
        background-color: #eee;
        width: 100%;
        font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
        font-weight: 300;
        letter-spacing: .01em;
        font-size: 2.2rem;
        line-height: 2.2rem;
        color: #1d1d1d;
        cursor: default
    }

    .metro .panel .panel-content {
        width: 100%;
        height: auto;
        padding: 10px
    }

.metro [data-role=panel] .panel-header {
    cursor: pointer
}

    .metro [data-role=panel] .panel-header:after {
        font-family: iconFont;
        content: "\e1b1";
        float: right;
        color: inherit
    }

.metro [class*=icon-],
.metro [data-icon]:before {
    font-family: iconFont;
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.metro [data-role=panel].collapsed .panel-header:after {
    content: "\e1b3"
}

@font-face {
    font-family: iconFont;
    src: url(../fonts/iconFont.eot);
    src: url(../fonts/iconFont.eot?#iefix) format('embedded-opentype'), url(../fonts/iconFont.woff) format('woff'), url(../fonts/iconFont.ttf) format('truetype'), url(../fonts/iconFont.svg#iconFont) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: iconFont2;
    src: url(../fonts/iconFont2.eot);
    src: url(../fonts/iconFont2.eot?#iefix) format('embedded-opentype'), url(../fonts/iconFont2.woff) format('woff'), url(../fonts/iconFont2.ttf) format('truetype'), url(../fonts/iconFont2.svg#iconFont) format('svg');
    font-weight: 400;
    font-style: normal
}

.metro [data-icon]:before {
    content: attr(data-icon);
    font-weight: 400
}

.metro [class*=icon-] {
    font-style: normal;
    font-weight: 400 !important;
    text-decoration: inherit;
    display: inline-block;
    vertical-align: -8%;
    font-size: inherit
}

.metro .alternate[class*=icon-] {
    font-family: iconFont2;
    position: relative
}

    .metro .alternate[class*=icon-]::before {
        font-weight: 700;
        mix-blend-mode: multiply;
        color: #000
    }

    .metro .alternate[class*=icon-]::after {
        mix-blend-mode: screen;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        pointer-events: none;
        border-radius: 50%
    }

    .metro .alternate[class*=icon-][class*=bg-] {
        background: #fff !important;
        background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0, rgba(239, 239, 239, 1) 100%) !important;
        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0, rgba(239, 239, 239, 1) 100%) !important;
        background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0, rgba(239, 239, 239, 1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=1) !important
    }

.metro [class*=icon-].smaller {
    font-size: .7em;
    vertical-align: 6%
}

.metro [class*=icon-].large {
    font-size: 1.2em;
    vertical-align: -10%
}

.metro .alternate.bg-black[class*=icon-]::after,
.metro .gradient.bg-black {
    background: -moz-linear-gradient(-45deg, #000 0, #000 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #000 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #000 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-white[class*=icon-]::after,
.metro .gradient.bg-white {
    background: -moz-linear-gradient(-45deg, #000 0, #fbfbfb 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #fbfbfb 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #fbfbfb 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lime[class*=icon-]::after,
.metro .gradient.bg-lime {
    background: -moz-linear-gradient(-45deg, #000 0, #a4c400 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #a4c400 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #a4c400 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c400', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-green[class*=icon-]::after,
.metro .gradient.bg-green {
    background: -moz-linear-gradient(-45deg, #000 0, #60a917 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #60a917 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #60a917 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a917', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-emerald[class*=icon-]::after,
.metro .gradient.bg-emerald {
    background: -moz-linear-gradient(-45deg, #000 0, #008a00 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #008a00 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #008a00 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-teal[class*=icon-]::after,
.metro .gradient.bg-teal {
    background: -moz-linear-gradient(-45deg, #000 0, #00aba9 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #00aba9 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #00aba9 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aba9', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-cyan[class*=icon-]::after,
.metro .gradient.bg-cyan {
    background: -moz-linear-gradient(-45deg, #000 0, #2D7D9A 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #2D7D9A 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #2D7D9A 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D7D9A', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-cobalt[class*=icon-]::after,
.metro .gradient.bg-cobalt {
    background: -moz-linear-gradient(-45deg, #000 0, #0050ef 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #0050ef 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #0050ef 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0050ef', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-indigo[class*=icon-]::after,
.metro .gradient.bg-indigo {
    background: -moz-linear-gradient(-45deg, #000 0, #6a00ff 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #6a00ff 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #6a00ff 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a00ff', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-violet[class*=icon-]::after,
.metro .gradient.bg-violet {
    background: -moz-linear-gradient(-45deg, #000 0, #a0f 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #a0f 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #a0f 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa00ff', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-pink[class*=icon-]::after,
.metro .gradient.bg-pink {
    background: -moz-linear-gradient(-45deg, #000 0, #dc4fad 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #dc4fad 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #dc4fad 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4fad', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-magenta[class*=icon-]::after,
.metro .gradient.bg-magenta {
    background: -moz-linear-gradient(-45deg, #000 0, #d80073 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #d80073 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #d80073 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80073', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-crimson[class*=icon-]::after,
.metro .gradient.bg-crimson {
    background: -moz-linear-gradient(-45deg, #000 0, #a20025 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #a20025 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #a20025 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a20025', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-red[class*=icon-]::after,
.metro .gradient.bg-red {
    background: -moz-linear-gradient(-45deg, #000 0, #e51400 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #e51400 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #e51400 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51400', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-orange[class*=icon-]::after,
.metro .gradient.bg-orange {
    background: -moz-linear-gradient(-45deg, #000 0, #fa6800 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #fa6800 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #fa6800 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6800', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-amber[class*=icon-]::after,
.metro .gradient.bg-amber {
    background: -moz-linear-gradient(-45deg, #000 0, #f0a30a 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #f0a30a 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #f0a30a 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a30a', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-yellow[class*=icon-]::after,
.metro .gradient.bg-yellow {
    background: -moz-linear-gradient(-45deg, #000 0, #e3c800 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #e3c800 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #e3c800 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3c800', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-brown[class*=icon-]::after,
.metro .gradient.bg-brown {
    background: -moz-linear-gradient(-45deg, #000 0, #825a2c 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #825a2c 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #825a2c 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#825a2c', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-olive[class*=icon-]::after,
.metro .gradient.bg-olive {
    background: -moz-linear-gradient(-45deg, #000 0, #6d8764 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #6d8764 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #6d8764 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8764', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-steel[class*=icon-]::after,
.metro .gradient.bg-steel {
    background: -moz-linear-gradient(-45deg, #000 0, #647687 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #647687 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #647687 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#647687', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-mauve[class*=icon-]::after,
.metro .gradient.bg-mauve {
    background: -moz-linear-gradient(-45deg, #000 0, #76608a 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #76608a 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #76608a 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76608a', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-taupe[class*=icon-]::after,
.metro .gradient.bg-taupe {
    background: -moz-linear-gradient(-45deg, #000 0, #87794e 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #87794e 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #87794e 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87794e', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-gray[class*=icon-]::after,
.metro .gradient.bg-gray {
    background: -moz-linear-gradient(-45deg, #000 0, #555 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #555 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #555 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-dark[class*=icon-]::after,
.metro .gradient.bg-dark {
    background: -moz-linear-gradient(-45deg, #000 0, #333 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #333 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #333 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darker[class*=icon-]::after,
.metro .gradient.bg-darker {
    background: -moz-linear-gradient(-45deg, #000 0, #222 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #222 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #222 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-transparent[class*=icon-]::after,
.metro .gradient.bg-transparent {
    background-color: transparent
}

.metro .alternate.bg-darkBrown[class*=icon-]::after,
.metro .gradient.bg-darkBrown {
    background: -moz-linear-gradient(-45deg, #000 0, #63362f 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #63362f 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #63362f 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63362f', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkCrimson[class*=icon-]::after,
.metro .gradient.bg-darkCrimson {
    background: -moz-linear-gradient(-45deg, #000 0, #640024 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #640024 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #640024 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#640024', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkMagenta[class*=icon-]::after,
.metro .gradient.bg-darkMagenta {
    background: -moz-linear-gradient(-45deg, #000 0, #81003c 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #81003c 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #81003c 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81003c', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkIndigo[class*=icon-]::after,
.metro .gradient.bg-darkIndigo {
    background: -moz-linear-gradient(-45deg, #000 0, #4b0096 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #4b0096 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #4b0096 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0096', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkCyan[class*=icon-]::after,
.metro .gradient.bg-darkCyan {
    background: -moz-linear-gradient(-45deg, #000 0, #2D7D9A 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #2D7D9A 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #2D7D9A 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D7D9A', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkCobalt[class*=icon-]::after,
.metro .gradient.bg-darkCobalt {
    background: -moz-linear-gradient(-45deg, #000 0, #00356a 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #00356a 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #00356a 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00356a', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkTeal[class*=icon-]::after,
.metro .gradient.bg-darkTeal {
    background: -moz-linear-gradient(-45deg, #000 0, #004050 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #004050 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #004050 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004050', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkEmerald[class*=icon-]::after,
.metro .gradient.bg-darkEmerald {
    background: -moz-linear-gradient(-45deg, #000 0, #003e00 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #003e00 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #003e00 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e00', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkGreen[class*=icon-]::after,
.metro .gradient.bg-darkGreen {
    background: -moz-linear-gradient(-45deg, #000 0, #128023 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #128023 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #128023 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128023', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkOrange[class*=icon-]::after,
.metro .gradient.bg-darkOrange {
    background: -moz-linear-gradient(-45deg, #000 0, #bf5a15 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #bf5a15 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #bf5a15 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5a15', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkRed[class*=icon-]::after,
.metro .gradient.bg-darkRed {
    background: -moz-linear-gradient(-45deg, #000 0, #9a1616 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #9a1616 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #9a1616 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1616', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkPink[class*=icon-]::after,
.metro .gradient.bg-darkPink {
    background: -moz-linear-gradient(-45deg, #000 0, #9a165a 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #9a165a 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #9a165a 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a165a', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkViolet[class*=icon-]::after,
.metro .gradient.bg-darkViolet {
    background: -moz-linear-gradient(-45deg, #000 0, #57169a 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #57169a 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #57169a 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57169a', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-darkBlue[class*=icon-]::after,
.metro .gradient.bg-darkBlue {
    background: -moz-linear-gradient(-45deg, #000 0, #16499a 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #16499a 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #16499a 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16499a', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightBlue[class*=icon-]::after,
.metro .gradient.bg-lightBlue {
    background: -moz-linear-gradient(-45deg, #000 0, #4390df 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #4390df 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #4390df 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4390df', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightRed[class*=icon-]::after,
.metro .gradient.bg-lightRed {
    background: -moz-linear-gradient(-45deg, #000 0, #ff2d19 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #ff2d19 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #ff2d19 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d19', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightGreen[class*=icon-]::after,
.metro .gradient.bg-lightGreen {
    background: -moz-linear-gradient(-45deg, #000 0, #7ad61d 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #7ad61d 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #7ad61d 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ad61d', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lighterBlue[class*=icon-]::after,
.metro .gradient.bg-lighterBlue {
    background: -moz-linear-gradient(-45deg, #000 0, #0cf 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #0cf 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #0cf 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightTeal[class*=icon-]::after,
.metro .gradient.bg-lightTeal {
    background: -moz-linear-gradient(-45deg, #000 0, #45fffd 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #45fffd 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #45fffd 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45fffd', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightOlive[class*=icon-]::after,
.metro .gradient.bg-lightOlive {
    background: -moz-linear-gradient(-45deg, #000 0, #78aa1c 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #78aa1c 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #78aa1c 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78aa1c', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightOrange[class*=icon-]::after,
.metro .gradient.bg-lightOrange {
    background: -moz-linear-gradient(-45deg, #000 0, #c29008 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #c29008 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #c29008 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c29008', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-lightPink[class*=icon-]::after,
.metro .gradient.bg-lightPink {
    background: -moz-linear-gradient(-45deg, #000 0, #f472d0 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #f472d0 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #f472d0 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f472d0', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-grayDark[class*=icon-]::after,
.metro .gradient.bg-grayDark {
    background: -moz-linear-gradient(-45deg, #000 0, #333 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #333 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #333 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-grayDarker[class*=icon-]::after,
.metro .gradient.bg-grayDarker {
    background: -moz-linear-gradient(-45deg, #000 0, #222 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #222 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #222 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-grayLight[class*=icon-]::after,
.metro .gradient.bg-grayLight {
    background: -moz-linear-gradient(-45deg, #000 0, #999 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #999 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #999 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-grayLighter[class*=icon-]::after,
.metro .gradient.bg-grayLighter {
    background: -moz-linear-gradient(-45deg, #000 0, #eee 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #eee 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #eee 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=1)
}

.metro .alternate.bg-blue[class*=icon-]::after,
.metro .gradient.bg-blue {
    background: -moz-linear-gradient(-45deg, #000 0, #6CBAD6 45%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #6CBAD6 45%, #fff 100%);
    background: linear-gradient(135deg, #000 0, #6CBAD6 45%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6CBAD6', endColorstr='#ffffff', GradientType=1)
}

.metro .icon-newspaper:before {
    content: "\e001"
}

.metro .icon-pencil:before {
    content: "\e002"
}

.metro .icon-pictures:before {
    content: "\e004"
}

.metro .icon-camera:before {
    content: "\e005"
}

.metro .icon-music:before {
    content: "\e006"
}

.metro .icon-film:before {
    content: "\e007"
}

.metro .icon-camera-2:before {
    content: "\e008"
}

.metro .icon-broadcast:before {
    content: "\e00c"
}

.metro .icon-mic:before {
    content: "\e00d"
}

.metro .icon-book:before {
    content: "\e00e"
}

.metro .icon-file:before {
    content: "\e00f"
}

.metro .icon-new:before {
    content: "\e010"
}

.metro .icon-copy:before {
    content: "\e011"
}

.metro .icon-folder:before {
    content: "\e012"
}

.metro .icon-folder-2:before {
    content: "\e013"
}

.metro .icon-tag:before {
    content: "\e014"
}

.metro .icon-cart:before {
    content: "\e015"
}

.metro .icon-basket:before {
    content: "\e016"
}

.metro .icon-calculate:before {
    content: "\e017"
}

.metro .icon-support:before {
    content: "\e018"
}

.metro .icon-phone:before {
    content: "\e019"
}

.metro .icon-mail:before {
    content: "\e01a"
}

.metro .icon-location:before {
    content: "\e01b"
}

.metro .icon-compass:before {
    content: "\e01c"
}

.metro .icon-history:before {
    content: "\e01d"
}

.metro .icon-clock:before {
    content: "\e01e"
}

.metro .icon-bell:before {
    content: "\e01f"
}

.metro .icon-calendar:before {
    content: "\e020"
}

.metro .icon-mouse:before {
    content: "\e022"
}

.metro .icon-screen:before {
    content: "\e023"
}

.metro .icon-laptop:before {
    content: "\e024"
}

.metro .icon-mobile:before {
    content: "\e025"
}

.metro .icon-cabinet:before {
    content: "\e026"
}

.metro .icon-drawer:before {
    content: "\e027"
}

.metro .icon-drawer-2:before {
    content: "\e028"
}

.metro .icon-box:before {
    content: "\e029"
}

.metro .icon-box-add:before {
    content: "\e02a"
}

.metro .icon-box-remove:before {
    content: "\e02b"
}

.metro .icon-download:before {
    content: "\e02c"
}

.metro .icon-upload:before {
    content: "\e02d"
}

.metro .icon-database:before {
    content: "\e02e"
}

.metro .icon-flip:before {
    content: "\e02f"
}

.metro .icon-flip-2:before {
    content: "\e030"
}

.metro .icon-undo:before {
    content: "\e031"
}

.metro .icon-redo:before {
    content: "\e032"
}

.metro .icon-forward:before {
    content: "\e033"
}

.metro .icon-reply:before {
    content: "\e034"
}

.metro .icon-reply-2:before {
    content: "\e035"
}

.metro .icon-comments:before {
    content: "\e036"
}

.metro .icon-comments-2:before {
    content: "\e037"
}

.metro .icon-comments-3:before {
    content: "\e038"
}

.metro .icon-comments-4:before {
    content: "\e039"
}

.metro .icon-comments-5:before {
    content: "\e03a"
}

.metro .icon-user:before {
    content: "\e03b"
}

.metro .icon-user-2:before {
    content: "\e03c"
}

.metro .icon-user-3:before {
    content: "\e03d"
}

.metro .icon-busy:before {
    content: "\e03e"
}

.metro .icon-loading-2:before {
    content: "\e040"
}

.metro .icon-search:before {
    content: "\e041"
}

.metro .icon-zoom-in:before {
    content: "\e042"
}

.metro .icon-zoom-out:before {
    content: "\e043"
}

.metro .icon-key:before {
    content: "\e044"
}

.metro .icon-key-2:before {
    content: "\e045"
}

.metro .icon-locked:before {
    content: "\e046"
}

.metro .icon-unlocked:before {
    content: "\e047"
}

.metro .icon-wrench:before {
    content: "\e048"
}

.metro .icon-equalizer:before {
    content: "\e049"
}

.metro .icon-cog:before {
    content: "\e04a"
}

.metro .icon-pie:before {
    content: "\e04b"
}

.metro .icon-bars:before {
    content: "\e04c"
}

.metro .icon-stats-up:before {
    content: "\e04d"
}

.metro .icon-gift:before {
    content: "\e04e"
}

.metro .icon-trophy:before {
    content: "\e04f"
}

.metro .icon-diamond:before {
    content: "\e050"
}

.metro .icon-coffee:before {
    content: "\e051"
}

.metro .icon-meter-slow:before {
    content: "\e053"
}

.metro .icon-meter-medium:before {
    content: "\e054"
}

.metro .icon-meter-fast:before {
    content: "\e055"
}

.metro .icon-dashboard:before {
    content: "\e056"
}

.metro .icon-fire:before {
    content: "\e057"
}

.metro .icon-lab:before {
    content: "\e058"
}

.metro .icon-remove:before {
    content: "\e059"
}

.metro .icon-briefcase:before {
    content: "\e05a"
}

.metro .icon-briefcase-2:before {
    content: "\e05b"
}

.metro .icon-cars:before {
    content: "\e05c"
}

.metro .icon-bus:before {
    content: "\e05d"
}

.metro .icon-cube:before {
    content: "\e05e"
}

.metro .icon-cube-2:before {
    content: "\e05f"
}

.metro .icon-puzzle:before {
    content: "\e060"
}

.metro .icon-glasses:before {
    content: "\e061"
}

.metro .icon-glasses-2:before {
    content: "\e062"
}

.metro .icon-accessibility:before {
    content: "\e063"
}

.metro .icon-accessibility-2:before {
    content: "\e064"
}

.metro .icon-target-2:before {
    content: "\e066"
}

.metro .icon-lightning:before {
    content: "\e067"
}

.metro .icon-power:before {
    content: "\e068"
}

.metro .icon-power-2:before {
    content: "\e069"
}

.metro .icon-clipboard:before {
    content: "\e06a"
}

.metro .icon-clipboard-2:before {
    content: "\e06b"
}

.metro .icon-playlist:before {
    content: "\e06c"
}

.metro .icon-grid-view:before {
    content: "\e06d"
}

.metro .icon-tree-view:before {
    content: "\e06e"
}

.metro .icon-cloud:before {
    content: "\e06f"
}

.metro .icon-cloud-2:before {
    content: "\e070"
}

.metro .icon-download-2:before {
    content: "\e071"
}

.metro .icon-upload-2:before {
    content: "\e072"
}

.metro .icon-upload-3:before {
    content: "\e073"
}

.metro .icon-link:before {
    content: "\e074"
}

.metro .icon-link-2:before {
    content: "\e075"
}

.metro .icon-flag:before {
    content: "\e076"
}

.metro .icon-flag-2:before {
    content: "\e077"
}

.metro .icon-attachment:before {
    content: "\e078"
}

.metro .icon-eye:before {
    content: "\e079"
}

.metro .icon-bookmark:before {
    content: "\e07a"
}

.metro .icon-bookmark-2:before {
    content: "\e07b"
}

.metro .icon-star:before {
    content: "\e07c"
}

.metro .icon-star-2:before {
    content: "\e07d"
}

.metro .icon-star-3:before {
    content: "\e07e"
}

.metro .icon-heart:before {
    content: "\e07f"
}

.metro .icon-heart-2:before {
    content: "\e080"
}

.metro .icon-thumbs-up:before {
    content: "\e081"
}

.metro .icon-thumbs-down:before {
    content: "\e082"
}

.metro .icon-plus:before {
    content: "\e083"
}

.metro .icon-minus:before {
    content: "\e084"
}

.metro .icon-help:before {
    content: "\e085"
}

.metro .icon-help-2:before {
    content: "\e086"
}

.metro .icon-blocked:before {
    content: "\e087"
}

.metro .icon-cancel:before {
    content: "\e088"
}

.metro .icon-cancel-2:before {
    content: "\e089"
}

.metro .icon-checkmark:before {
    content: "\e08a"
}

.metro .icon-minus-2:before {
    content: "\e08b"
}

.metro .icon-plus-2:before {
    content: "\e08c"
}

.metro .icon-enter:before {
    content: "\e08d"
}

.metro .icon-exit:before {
    content: "\e08e"
}

.metro .icon-arrow-up-left:before {
    content: "\e090"
}

.metro .icon-arrow-up:before {
    content: "\e091"
}

.metro .icon-arrow-up-right:before {
    content: "\e092"
}

.metro .icon-arrow-right:before {
    content: "\e093"
}

.metro .icon-arrow-down-right:before {
    content: "\e094"
}

.metro .icon-arrow-down:before {
    content: "\e095"
}

.metro .icon-arrow-down-left:before {
    content: "\e096"
}

.metro .icon-arrow-left:before {
    content: "\e097"
}

.metro .icon-arrow-up-2:before {
    content: "\e098"
}

.metro .icon-arrow-right-2:before {
    content: "\e099"
}

.metro .icon-arrow-down-2:before {
    content: "\e09a"
}

.metro .icon-arrow-left-2:before {
    content: "\e09b"
}

.metro .icon-arrow-up-3:before {
    content: "\e09c"
}

.metro .icon-arrow-right-3:before {
    content: "\e09d"
}

.metro .icon-arrow-down-3:before {
    content: "\e09e"
}

.metro .icon-arrow-left-3:before {
    content: "\e09f"
}

.metro .icon-menu:before {
    content: "\e0a0"
}

.metro .icon-enter-2:before {
    content: "\e0a1"
}

.metro .icon-backspace:before {
    content: "\e0a2"
}

.metro .icon-backspace-2:before {
    content: "\e0a3"
}

.metro .icon-tab:before {
    content: "\e0a4"
}

.metro .icon-tab-2:before {
    content: "\e0a5"
}

.metro .icon-checkbox:before {
    content: "\e0a6"
}

.metro .icon-checkbox-unchecked:before {
    content: "\e0a7"
}

.metro .icon-checkbox-partial:before {
    content: "\e0a8"
}

.metro .icon-radio-checked:before {
    content: "\e0a9"
}

.metro .icon-radio-unchecked:before {
    content: "\e0aa"
}

.metro .icon-share:before {
    content: "\e0b2"
}

.metro .icon-new-tab:before {
    content: "\e0b3"
}

.metro .icon-new-tab-2:before {
    content: "\e0b4"
}

.metro .icon-bluetooth:before {
    content: "\e0b7"
}

.metro .icon-share-2:before {
    content: "\e0b8"
}

.metro .icon-share-3:before {
    content: "\e0b9"
}

.metro .icon-mail-2:before {
    content: "\e0ba"
}

.metro .icon-thumbstack:before {
    content: "\e0bb"
}

.metro .icon-thumbstack-2:before {
    content: "\e0bc"
}

.metro .icon-feed:before {
    content: "\e0c1"
}

.metro .icon-libreoffice:before {
    content: "\e0e7"
}

.metro .icon-file-pdf:before {
    content: "\e0e8"
}

.metro .icon-file-openoffice:before {
    content: "\e0e9"
}

.metro .icon-file-word:before {
    content: "\e0ea"
}

.metro .icon-file-excel:before {
    content: "\e0eb"
}

.metro .icon-file-powerpoint:before {
    content: "\e0ec"
}

.metro .icon-file-zip:before {
    content: "\e0ed"
}

.metro .icon-file-xml:before {
    content: "\e0ee"
}

.metro .icon-file-css:before {
    content: "\e0ef"
}

.metro .icon-compass-2:before {
    content: "\e124"
}

.metro .icon-forrst:before {
    content: "\e128"
}

.metro .icon-headphones:before {
    content: "\e129"
}

.metro .icon-bug:before {
    content: "\e12a"
}

.metro .icon-cart-2:before {
    content: "\e12b"
}

.metro .icon-earth:before {
    content: "\e12c"
}

.metro .icon-battery:before {
    content: "\e12d"
}

.metro .icon-grid:before {
    content: "\e12f"
}

.metro .icon-alarm:before {
    content: "\e130"
}

.metro .icon-location-2:before {
    content: "\e131"
}

.metro .icon-pointer:before {
    content: "\e132"
}

.metro .icon-diary:before {
    content: "\e133"
}

.metro .icon-eye-2:before {
    content: "\e134"
}

.metro .icon-console:before {
    content: "\e135"
}

.metro .icon-location-3:before {
    content: "\e136"
}

.metro .icon-move:before {
    content: "\e137"
}

.metro .icon-gift-2:before {
    content: "\e138"
}

.metro .icon-monitor:before {
    content: "\e139"
}

.metro .icon-mobile-2:before {
    content: "\e13a"
}

.metro .icon-switch:before {
    content: "\e13b"
}

.metro .icon-star-4:before {
    content: "\e13c"
}

.metro .icon-address-book:before {
    content: "\e13d"
}

.metro .icon-shit:before {
    content: "\e13e"
}

.metro .icon-cone:before {
    content: "\e13f"
}

.metro .icon-credit-card:before {
    content: "\e140"
}

.metro .icon-type:before {
    content: "\e141"
}

.metro .icon-volume:before {
    content: "\e142"
}

.metro .icon-volume-2:before {
    content: "\e143"
}

.metro .icon-locked-2:before {
    content: "\e144"
}

.metro .icon-warning:before {
    content: "\e145"
}

.metro .icon-info:before {
    content: "\e146"
}

.metro .icon-filter:before {
    content: "\e147"
}

.metro .icon-bookmark-3:before {
    content: "\e148"
}

.metro .icon-bookmark-4:before {
    content: "\e149"
}

.metro .icon-stats:before {
    content: "\e14a"
}

.metro .icon-compass-3:before {
    content: "\e14b"
}

.metro .icon-keyboard:before {
    content: "\e14c"
}

.metro .icon-award-fill:before {
    content: "\e14d"
}

.metro .icon-award-stroke:before {
    content: "\e14e"
}

.metro .icon-move-vertical:before {
    content: "\e151"
}

.metro .icon-move-horizontal:before {
    content: "\e152"
}

.metro .icon-volume-3:before {
    content: "\e154"
}

.metro .icon-volume-mute:before {
    content: "\e155"
}

.metro .icon-play:before {
    content: "\e156"
}

.metro .icon-pause:before {
    content: "\e157"
}

.metro .icon-stop:before {
    content: "\e158"
}

.metro .icon-eject:before {
    content: "\e159"
}

.metro .icon-first:before {
    content: "\e15a"
}

.metro .icon-last:before {
    content: "\e15b"
}

.metro .icon-play-alt:before {
    content: "\e15c"
}

.metro .icon-left-quote-alt:before {
    content: "\e163"
}

.metro .icon-right-quote-alt:before {
    content: "\e164"
}

.metro .icon-umbrella:before {
    content: "\e166"
}

.metro .icon-info-2:before {
    content: "\e167"
}

.metro .icon-chart-alt:before {
    content: "\e168"
}

.metro .icon-floppy:before {
    content: "\e170"
}

.metro .icon-rainbow:before {
    content: "\e000"
}

.metro .icon-air:before {
    content: "\e171"
}

.metro .icon-home:before {
    content: "\e172"
}

.metro .icon-spin:before {
    content: "\e173"
}

.metro .icon-auction:before {
    content: "\e174"
}

.metro .icon-dollar:before {
    content: "\e175"
}

.metro .icon-dollar-2:before {
    content: "\e176"
}

.metro .icon-coins:before {
    content: "\e177"
}

.metro .icon-file-2:before {
    content: "\e186"
}

.metro .icon-file-3:before {
    content: "\e187"
}

.metro .icon-file-4:before {
    content: "\e188"
}

.metro .icon-files:before {
    content: "\e189"
}

.metro .icon-phone-2:before {
    content: "\e18a"
}

.metro .icon-tablet:before {
    content: "\e18b"
}

.metro .icon-monitor-2:before {
    content: "\e18c"
}

.metro .icon-window:before {
    content: "\e18d"
}

.metro .icon-tv:before {
    content: "\e18e"
}

.metro .icon-camera-3:before {
    content: "\e18f"
}

.metro .icon-image:before {
    content: "\e190"
}

.metro .icon-direction:before {
    content: "\e193"
}

.metro .icon-medal:before {
    content: "\e194"
}

.metro .icon-medal-2:before {
    content: "\e195"
}

.metro .icon-satellite:before {
    content: "\e196"
}

.metro .icon-discout:before {
    content: "\e197"
}

.metro .icon-barcode:before {
    content: "\e198"
}

.metro .icon-ticket:before {
    content: "\e199"
}

.metro .icon-shipping:before {
    content: "\e19a"
}

.metro .icon-globe:before {
    content: "\e19b"
}

.metro .icon-anchor:before {
    content: "\e19c"
}

.metro .icon-pop-out:before {
    content: "\e19d"
}

.metro .icon-pop-in:before {
    content: "\e19e"
}

.metro .icon-resize:before {
    content: "\e178"
}

.metro .icon-tools:before {
    content: "\e17d"
}

.metro .icon-alarm-2:before {
    content: "\e17e"
}

.metro .icon-alarm-cancel:before {
    content: "\e17f"
}

.metro .icon-alarm-clock:before {
    content: "\e180"
}

.metro .icon-chronometer:before {
    content: "\e181"
}

.metro .icon-ruler:before {
    content: "\e182"
}

.metro .icon-lamp:before {
    content: "\e183"
}

.metro .icon-lamp-2:before {
    content: "\e184"
}

.metro .icon-scissors:before {
    content: "\e185"
}

.metro .icon-volume-4:before {
    content: "\e19f"
}

.metro .icon-volume-5:before {
    content: "\e1a0"
}

.metro .icon-volume-6:before {
    content: "\e1a1"
}

.metro .icon-zip:before {
    content: "\e1a2"
}

.metro .icon-zip-2:before {
    content: "\e1a3"
}

.metro .icon-play-2:before {
    content: "\e1a4"
}

.metro .icon-pause-2:before {
    content: "\e1a5"
}

.metro .icon-record:before {
    content: "\e1a6"
}

.metro .icon-stop-2:before {
    content: "\e1a7"
}

.metro .icon-next:before {
    content: "\e1a8"
}

.metro .icon-previous:before {
    content: "\e1a9"
}

.metro .icon-first-2:before {
    content: "\e1aa"
}

.metro .icon-last-2:before {
    content: "\e1ab"
}

.metro .icon-arrow-left-4:before {
    content: "\e1ac"
}

.metro .icon-arrow-down-4:before {
    content: "\e1ad"
}

.metro .icon-arrow-up-4:before {
    content: "\e1ae"
}

.metro .icon-arrow-right-4:before {
    content: "\e1af"
}

.metro .icon-arrow-left-5:before {
    content: "\e1b0"
}

.metro .icon-arrow-down-5:before {
    content: "\e1b1"
}

.metro .icon-arrow-up-5:before {
    content: "\e1b2"
}

.metro .icon-arrow-right-5:before {
    content: "\e1b3"
}

.metro .icon-cycle:before {
    content: "\e1bf"
}

.metro .icon-stats-2:before {
    content: "\e1c1"
}

.metro .icon-stats-3:before {
    content: "\e1c2"
}

.metro .icon-folder-closed:before {
    content: "\e009"
}

.metro .icon-folder-open:before {
    content: "\e00A"
}

.metro .icon-folder-open-2:before {
    content: "\e00B"
}

.metro .icon-university-hat:before {
    content: "\e03F"
}

.metro .icon-megaphone:before {
    content: "\e052"
}

.metro .icon-shuffle:before {
    content: "\e0AB"
}

.metro .icon-shoppingbag:before {
    content: "\e0AC"
}

.metro .icon-atom-orbit:before {
    content: "\e0AD"
}

.metro .icon-cloud-refresh:before {
    content: "\e0AE"
}

.metro .icon-radio:before {
    content: "\e0AF"
}

.metro .icon-printer:before {
    content: "\e0B0"
}

.metro .icon-plane:before {
    content: "\e0B1"
}

.metro .icon-duplicate:before {
    content: "\e0B5"
}

.metro .icon-pen:before {
    content: "\e0B6"
}

.metro .icon-paint:before {
    content: "\e0BD"
}

.metro .icon-edit:before {
    content: "\e0BE"
}

.metro .icon-menu-horiz:before {
    content: "\e0BF"
}

.metro .icon-mail-opened:before {
    content: "\e0C0"
}

.metro .icon-menu-3lines:before {
    content: "\e0C2"
}

.metro .icon-map-opened:before {
    content: "\e0C3"
}

.metro .icon-magnet:before {
    content: "\e0C4"
}

.metro .icon-loop:before {
    content: "\e0C5"
}

.metro .icon-sun:before {
    content: "\e0C6"
}

.metro .icon-target:before {
    content: "\e0C7"
}

.metro .icon-moon:before {
    content: "\e0C8"
}

.metro .icon-flashlight:before {
    content: "\e0C9"
}

.metro .icon-bin-delete:before {
    content: "\e0CA"
}

.metro .icon-graph:before {
    content: "\e0CB"
}

.metro .icon-maximize:before {
    content: "\e0CC"
}

.metro .icon-minimize:before {
    content: "\e0CD"
}

.metro .icon-univ-building:before {
    content: "\e0CE"
}

.metro .icon-design:before {
    content: "\e0CF"
}

.metro .icon-check-circle:before {
    content: "\e0D0"
}

.metro .icon-up-circle:before {
    content: "\e0D1"
}

.metro .icon-right-circle:before {
    content: "\e0D2"
}

.metro .icon-left-circle:before {
    content: "\e0D3"
}

.metro .icon-down-circle:before {
    content: "\e0D4"
}

.metro .icon-keyhole-circle:before {
    content: "\e0D5"
}

.metro .icon-basketball:before {
    content: "\e0D6"
}

.metro .icon-calculator:before {
    content: "\e0D7"
}

.metro .icon-bicycle:before {
    content: "\e0D8"
}

.metro .icon-cross:before {
    content: "\e0D9"
}

.metro .icon-layers:before {
    content: "\e0DA"
}

.metro .icon-idcard:before {
    content: "\e0DB"
}

.metro .icon-watch:before {
    content: "\e0DC"
}

.metro .icon-switch-left:before {
    content: "\e0DD"
}

.metro .icon-switch-right:before {
    content: "\e0DE"
}

.metro .icon-switch-left-1:before {
    content: "\e0DF"
}

.metro .icon-switch-right-1:before {
    content: "\e0E0"
}

.metro .icon-locker:before {
    content: "\e0E1"
}

.metro .icon-plug:before {
    content: "\e0E2"
}

.metro .icon-game:before {
    content: "\e0E3"
}

.metro .icon-disc:before {
    content: "\e0E4"
}

.metro .icon-user-del:before {
    content: "\e0E5"
}

.metro .icon-user-add:before {
    content: "\e0E6"
}

.metro .icon-cd-case:before {
    content: "\e0F0"
}

.metro .icon-arrow:before {
    content: "\e0F1"
}

.metro .icon-band-aid:before {
    content: "\e0F2"
}

.metro .icon-droplet:before {
    content: "\e0F3"
}

.metro .icon-female:before {
    content: "\e0F4"
}

.metro .icon-male:before {
    content: "\e0F5"
}

.metro .icon-wand:before {
    content: "\e0F6"
}

.metro .icon-flashdisk:before {
    content: "\e0F7"
}

.metro .icon-weight:before {
    content: "\e0F8"
}

.metro .icon-lego:before {
    content: "\e0F9"
}

.metro .icon-shield:before {
    content: "\e0FA"
}

.metro .icon-smile:before {
    content: "\e0FB"
}

.metro .icon-usb-logo:before {
    content: "\e0FC"
}

.metro .icon-arc:before {
    content: "\e0FD"
}

.metro .icon-glass:before {
    content: "\e0FE"
}

.metro .icon-scissor:before {
    content: "\e0FF"
}

.metro .icon-arrow-up-inverted:before {
    content: "\e100"
}

.metro .icon-arrow-right-inverted:before {
    content: "\e101"
}

.metro .icon-arrow-down-inverted:before {
    content: "\e102"
}

.metro .icon-arrow-left-inverted:before {
    content: "\e103"
}

.metro .icon-arrow-up-small:before {
    content: "\e104"
}

.metro .icon-arrow-right-small:before {
    content: "\e105"
}

.metro .icon-arrow-down-small:before {
    content: "\e106"
}

.metro .icon-arrow-left-small:before {
    content: "\e107"
}

.metro .icon-finger:before {
    content: "\e108"
}

.metro .icon-multi-touch:before {
    content: "\e109"
}

.metro .icon-click:before {
    content: "\e10A"
}

.metro .icon-click-hold:before {
    content: "\e10B"
}

.metro .icon-multi-finger:before {
    content: "\e10C"
}

.metro .icon-bulb-off:before {
    content: "\e10D"
}

.metro .icon-bulb-on:before {
    content: "\e10E"
}

.metro .icon-plus-box:before {
    content: "\e10F"
}

.metro .icon-check-box:before {
    content: "\e110"
}

.metro .icon-cross-box:before {
    content: "\e111"
}

.metro .icon-minus-box:before {
    content: "\e112"
}

.metro .icon-list-del:before {
    content: "\e113"
}

.metro .icon-list-add:before {
    content: "\e114"
}

.metro .icon-list-pending:before {
    content: "\e115"
}

.metro .icon-list:before {
    content: "\e116"
}

.metro .icon-comment:before {
    content: "\e117"
}

.metro .icon-comment-edit:before {
    content: "\e118"
}

.metro .icon-comment-text:before {
    content: "\e119"
}

.metro .icon-comment-type:before {
    content: "\e11A"
}

.metro .icon-note1:before {
    content: "\e11B"
}

.metro .icon-book1:before {
    content: "\e11C"
}

.metro .icon-book2:before {
    content: "\e11D"
}

.metro .icon-book3:before {
    content: "\e11E"
}

.metro .icon-book4:before {
    content: "\e11F"
}

.metro .icon-book5:before {
    content: "\e120"
}

.metro .icon-book6:before {
    content: "\e121"
}

.metro .icon-note2:before {
    content: "\e122"
}

.metro .icon-note3:before {
    content: "\e123"
}

.metro .icon-note4:before {
    content: "\e124"
}

.metro .icon-eye-cross:before {
    content: "\e125"
}

.metro .icon-mic-cross:before {
    content: "\e126"
}

.metro .icon-mic-grey:before {
    content: "\e127"
}

.metro .icon-layer1:before {
    content: "\e14F"
}

.metro .icon-layer2:before {
    content: "\e150"
}

.metro .icon-rocket:before {
    content: "\e153"
}

.metro .icon-folder-closed-1:before {
    content: "\e15D"
}

.metro .icon-folder-closed-2:before {
    content: "\e15E"
}

.metro .icon-folder-closed-3:before {
    content: "\e15F"
}

.metro .icon-folder-opened-1:before {
    content: "\e160"
}

.metro .icon-folder-opened-2:before {
    content: "\e161"
}

.metro .icon-folder-opened-3:before {
    content: "\e162"
}

.metro .icon-ship-wheel:before {
    content: "\e165"
}

.metro .icon-fingerprint:before {
    content: "\e13E"
}

.metro .icon-network1:before {
    content: "\e179"
}

.metro .icon-network2:before {
    content: "\e17A"
}

.metro .icon-network3:before {
    content: "\e17B"
}

.metro .icon-network4:before {
    content: "\e17C"
}

.metro .icon-direction1:before {
    content: "\e191"
}

.metro .icon-direction2:before {
    content: "\e192"
}

.metro .icon-database1:before {
    content: "\e1B4"
}

.metro .icon-database2:before {
    content: "\e1B5"
}

.metro .icon-database3:before {
    content: "\e1B6"
}

.metro .icon-paths:before {
    content: "\e1B7"
}

.metro .example {
    padding: 20px 40px 20px 60px;
    border: 1px solid #ccc;
    position: relative;
    margin: 0 0 10px;
    background-color: #fdfdfd !important;
    min-height: 100px
}

    .metro .example:after,
    .metro .example:before {
        display: table;
        content: ""
    }

    .metro .example:before {
        position: absolute;
        content: "example";
        left: -21px;
        top: 30px;
        color: #999 !important;
        margin: 5px 10px;
        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: .02em;
        font-size: 1.4rem;
        line-height: 1.4rem;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

.metro .code,
.metro .label,
.metro code {
    display: inline-block;
    padding: 3px 5px;
    margin: 0;
    font-size: 90%;
    line-height: 90%
}

.metro .code,
.metro code {
    font-weight: 400;
    font-style: normal;
    letter-spacing: .02em;
    font-family: 'Courier New', monospace;
    background-color: #eee;
    color: #e51400;
    border: 1px solid #d4d4d4
}

.metro .label {
    font-weight: 400 !important;
    background: #eee;
    color: #555
}

    .metro .label.alert,
    .metro .label.error {
        background-color: #e51400;
        color: #fff
    }

    .metro .label.important,
    .metro .label.warning {
        background-color: #fa6800;
        color: #fff
    }

    .metro .label.success {
        background-color: #128023;
        color: #fff
    }

    .metro .label.info {
        background-color: #2D7D9A;
        color: #fff
    }

.metro hr {
    height: 1px;
    margin: 20px 0;
    border: 0;
    color: #eee;
    background-color: #eee
}

.metro .bg-black {
    background-color: #000 !important
}

.metro .bg-white {
    background-color: #fff !important
}

.metro .bg-lime {
    background-color: #a4c400 !important
}

.metro .bg-green {
    background-color: #60a917 !important
}

.metro .bg-emerald {
    background-color: #008a00 !important
}

.metro .bg-teal {
    background-color: #00aba9 !important
}

.metro .bg-cyan {
    background-color: #2D7D9A !important
}

.metro .bg-cobalt {
    background-color: #0050ef !important
}

.metro .bg-indigo {
    background-color: #6a00ff !important
}

.metro .bg-violet {
    background-color: #a0f !important
}

.metro .bg-pink {
    background-color: #dc4fad !important
}

.metro .bg-magenta {
    background-color: #d80073 !important
}

.metro .bg-crimson {
    background-color: #a20025 !important
}

.metro .bg-red {
    background-color: #e51400 !important
}

.metro .bg-orange {
    background-color: #fa6800 !important
}

.metro .bg-amber {
    background-color: #f0a30a !important
}

.metro .bg-yellow {
    background-color: #e3c800 !important
}

.metro .bg-brown {
    background-color: #825a2c !important
}

.metro .bg-olive {
    background-color: #6d8764 !important
}

.metro .bg-steel {
    background-color: #647687 !important
}

.metro .bg-mauve {
    background-color: #76608a !important
}

.metro .bg-taupe {
    background-color: #87794e !important
}

.metro .bg-gray {
    background-color: #555 !important
}

.metro .bg-dark {
    background-color: #333 !important
}

.metro .bg-darker {
    background-color: #222 !important
}

.metro .bg-transparent {
    background-color: transparent !important
}

.metro .bg-darkBrown {
    background-color: #63362f !important
}

.metro .bg-darkCrimson {
    background-color: #640024 !important
}

.metro .bg-darkMagenta {
    background-color: #81003c !important
}

.metro .bg-darkIndigo {
    background-color: #4b0096 !important
}

.metro .bg-darkCyan {
    background-color: #2D7D9A !important
}

.metro .bg-darkCobalt {
    background-color: #00356a !important
}

.metro .bg-darkTeal {
    background-color: #004050 !important
}

.metro .bg-darkEmerald {
    background-color: #003e00 !important
}

.metro .bg-darkGreen {
    background-color: #128023 !important
}

.metro .bg-darkOrange {
    background-color: #bf5a15 !important
}

.metro .bg-darkRed {
    background-color: #9a1616 !important
}

.metro .bg-darkPink {
    background-color: #9a165a !important
}

.metro .bg-darkViolet {
    background-color: #57169a !important
}

.metro .bg-darkBlue {
    background-color: #16499a !important
}

.metro .bg-lightBlue {
    background-color: #4390df !important
}

.metro .bg-lightRed {
    background-color: #ff2d19 !important
}

.metro .bg-lightGreen {
    background-color: #7ad61d !important
}

.metro .bg-lighterBlue {
    background-color: #0cf !important
}

.metro .bg-lightTeal {
    background-color: #45fffd !important
}

.metro .bg-lightOlive {
    background-color: #78aa1c !important
}

.metro .bg-lightOrange {
    background-color: #c29008 !important
}

.metro .bg-lightPink {
    background-color: #f472d0 !important
}

.metro .bg-grayDark {
    background-color: #333 !important
}

.metro .bg-grayDarker {
    background-color: #222 !important
}

.metro .bg-grayLight {
    background-color: #999 !important
}

.metro .bg-grayLighter {
    background-color: #eee !important
}

.metro .bg-blue {
    background-color: #6CBAD6 !important
}

.metro .fg-black {
    color: #000 !important
}

.metro .fg-white {
    color: #fff !important
}

.metro .fg-lime {
    color: #a4c400 !important
}

.metro .fg-green {
    color: #60a917 !important
}

.metro .fg-emerald {
    color: #008a00 !important
}

.metro .fg-teal {
    color: #00aba9 !important
}

.metro .fg-cyan {
    color: #2D7D9A !important
}

.metro .fg-cobalt {
    color: #0050ef !important
}

.metro .fg-indigo {
    color: #6a00ff !important
}

.metro .fg-violet {
    color: #a0f !important
}

.metro .fg-pink {
    color: #dc4fad !important
}

.metro .fg-magenta {
    color: #d80073 !important
}

.metro .fg-crimson {
    color: #a20025 !important
}

.metro .fg-red {
    color: #e51400 !important
}

.metro .fg-orange {
    color: #fa6800 !important
}

.metro .fg-amber {
    color: #f0a30a !important
}

.metro .fg-yellow {
    color: #e3c800 !important
}

.metro .fg-brown {
    color: #825a2c !important
}

.metro .fg-olive {
    color: #6d8764 !important
}

.metro .fg-steel {
    color: #647687 !important
}

.metro .fg-mauve {
    color: #76608a !important
}

.metro .fg-taupe {
    color: #87794e !important
}

.metro .fg-gray {
    color: #555 !important
}

.metro .fg-dark {
    color: #333 !important
}

.metro .fg-darker {
    color: #222 !important
}

.metro .fg-transparent {
    color: transparent !important
}

.metro .fg-darkBrown {
    color: #63362f !important
}

.metro .fg-darkCrimson {
    color: #640024 !important
}

.metro .fg-darkMagenta {
    color: #81003c !important
}

.metro .fg-darkIndigo {
    color: #4b0096 !important
}

.metro .fg-darkCyan {
    color: #1b6eae !important
}

.metro .fg-darkCobalt {
    color: #00356a !important
}

.metro .fg-darkTeal {
    color: #004050 !important
}

.metro .fg-darkEmerald {
    color: #003e00 !important
}

.metro .fg-darkGreen {
    color: #128023 !important
}

.metro .fg-darkOrange {
    color: #bf5a15 !important
}

.metro .fg-darkRed {
    color: #9a1616 !important
}

.metro .fg-darkPink {
    color: #9a165a !important
}

.metro .fg-darkViolet {
    color: #57169a !important
}

.metro .fg-darkBlue {
    color: #16499a !important
}

.metro .fg-lightBlue {
    color: #4390df !important
}

.metro .fg-lighterBlue {
    color: #0cf !important
}

.metro .fg-lightTeal {
    color: #45fffd !important
}

.metro .fg-lightOlive {
    color: #78aa1c !important
}

.metro .fg-lightOrange {
    color: #c29008 !important
}

.metro .fg-lightPink {
    color: #f472d0 !important
}

.metro .fg-lightRed {
    color: #ff2d19 !important
}

.metro .fg-lightGreen {
    color: #7ad61d !important
}

.metro .fg-grayDark {
    color: #333 !important
}

.metro .fg-grayDarker {
    color: #222 !important
}

.metro .fg-grayLight {
    color: #999 !important
}

.metro .fg-grayLighter {
    color: #eee !important
}

.metro .fg-blue {
    color: #6CBAD6 !important
}

.metro .ol-black {
    outline-color: #000 !important
}

.metro .ol-white {
    outline-color: #fff !important
}

.metro .ol-lime {
    outline-color: #a4c400 !important
}

.metro .ol-green {
    outline-color: #60a917 !important
}

.metro .ol-emerald {
    outline-color: #008a00 !important
}

.metro .ol-teal {
    outline-color: #00aba9 !important
}

.metro .ol-cyan {
    outline-color: #2D7D9A !important
}

.metro .ol-cobalt {
    outline-color: #0050ef !important
}

.metro .ol-indigo {
    outline-color: #6a00ff !important
}

.metro .ol-violet {
    outline-color: #a0f !important
}

.metro .ol-pink {
    outline-color: #dc4fad !important
}

.metro .ol-magenta {
    outline-color: #d80073 !important
}

.metro .ol-crimson {
    outline-color: #a20025 !important
}

.metro .ol-red {
    outline-color: #e51400 !important
}

.metro .ol-orange {
    outline-color: #fa6800 !important
}

.metro .ol-amber {
    outline-color: #f0a30a !important
}

.metro .ol-yellow {
    outline-color: #e3c800 !important
}

.metro .ol-brown {
    outline-color: #825a2c !important
}

.metro .ol-olive {
    outline-color: #6d8764 !important
}

.metro .ol-steel {
    outline-color: #647687 !important
}

.metro .ol-mauve {
    outline-color: #76608a !important
}

.metro .ol-taupe {
    outline-color: #87794e !important
}

.metro .ol-gray {
    outline-color: #555 !important
}

.metro .ol-dark {
    outline-color: #333 !important
}

.metro .ol-darker {
    outline-color: #222 !important
}

.metro .ol-transparent {
    outline-color: transparent !important
}

.metro .ol-darkBrown {
    outline-color: #63362f !important
}

.metro .ol-darkCrimson {
    outline-color: #640024 !important
}

.metro .ol-darkMagenta {
    outline-color: #81003c !important
}

.metro .ol-darkIndigo {
    outline-color: #4b0096 !important
}

.metro .ol-darkCyan {
    outline-color: #1b6eae !important
}

.metro .ol-darkCobalt {
    outline-color: #00356a !important
}

.metro .ol-darkTeal {
    outline-color: #004050 !important
}

.metro .ol-darkEmerald {
    outline-color: #003e00 !important
}

.metro .ol-darkGreen {
    outline-color: #128023 !important
}

.metro .ol-darkOrange {
    outline-color: #bf5a15 !important
}

.metro .ol-darkRed {
    outline-color: #9a1616 !important
}

.metro .ol-darkPink {
    outline-color: #9a165a !important
}

.metro .ol-darkViolet {
    outline-color: #57169a !important
}

.metro .ol-darkBlue {
    outline-color: #16499a !important
}

.metro .ol-lightBlue {
    outline-color: #4390df !important
}

.metro .ol-lighterBlue {
    outline-color: #0cf !important
}

.metro .ol-lightTeal {
    outline-color: #45fffd !important
}

.metro .ol-lightOlive {
    outline-color: #78aa1c !important
}

.metro .ol-lightOrange {
    outline-color: #c29008 !important
}

.metro .ol-lightPink {
    outline-color: #f472d0 !important
}

.metro .ol-lightRed {
    outline-color: #ff2d19 !important
}

.metro .ol-lightGreen {
    outline-color: #7ad61d !important
}

.metro .ol-grayDark {
    outline-color: #333 !important
}

.metro .ol-grayDarker {
    outline-color: #222 !important
}

.metro .ol-grayLight {
    outline-color: #999 !important
}

.metro .ol-grayLighter {
    outline-color: #eee !important
}

.metro .ol-blue {
    outline-color: #6CBAD6 !important
}

.metro .bd-black {
    border-color: #000 !important
}

.metro .bd-white {
    border-color: #fff !important
}

.metro .bd-lime {
    border-color: #a4c400 !important
}

.metro .bd-green {
    border-color: #60a917 !important
}

.metro .bd-emerald {
    border-color: #008a00 !important
}

.metro .bd-teal {
    border-color: #00aba9 !important
}

.metro .bd-cyan {
    border-color: #2D7D9A !important
}

.metro .bd-cobalt {
    border-color: #0050ef !important
}

.metro .bd-indigo {
    border-color: #6a00ff !important
}

.metro .bd-violet {
    border-color: #a0f !important
}

.metro .bd-pink {
    border-color: #dc4fad !important
}

.metro .bd-magenta {
    border-color: #d80073 !important
}

.metro .bd-crimson {
    border-color: #a20025 !important
}

.metro .bd-red {
    border-color: #e51400 !important
}

.metro .bd-orange {
    border-color: #fa6800 !important
}

.metro .bd-amber {
    border-color: #f0a30a !important
}

.metro .bd-yellow {
    border-color: #e3c800 !important
}

.metro .bd-brown {
    border-color: #825a2c !important
}

.metro .bd-olive {
    border-color: #6d8764 !important
}

.metro .bd-steel {
    border-color: #647687 !important
}

.metro .bd-mauve {
    border-color: #76608a !important
}

.metro .bd-taupe {
    border-color: #87794e !important
}

.metro .bd-gray {
    border-color: #555 !important
}

.metro .bd-dark {
    border-color: #333 !important
}

.metro .bd-darker {
    border-color: #222 !important
}

.metro .bd-transparent {
    border-color: transparent !important
}

.metro .bd-darkBrown {
    border-color: #63362f !important
}

.metro .bd-darkCrimson {
    border-color: #640024 !important
}

.metro .bd-darkMagenta {
    border-color: #81003c !important
}

.metro .bd-darkIndigo {
    border-color: #4b0096 !important
}

.metro .bd-darkCyan {
    border-color: #1b6eae !important
}

.metro .bd-darkCobalt {
    border-color: #00356a !important
}

.metro .bd-darkTeal {
    border-color: #004050 !important
}

.metro .bd-darkEmerald {
    border-color: #003e00 !important
}

.metro .bd-darkGreen {
    border-color: #128023 !important
}

.metro .bd-darkOrange {
    border-color: #bf5a15 !important
}

.metro .bd-darkRed {
    border-color: #9a1616 !important
}

.metro .bd-darkPink {
    border-color: #9a165a !important
}

.metro .bd-darkViolet {
    border-color: #57169a !important
}

.metro .bd-darkBlue {
    border-color: #16499a !important
}

.metro .bd-lightBlue {
    border-color: #4390df !important
}

.metro .bd-lightTeal {
    border-color: #45fffd !important
}

.metro .bd-lightOlive {
    border-color: #78aa1c !important
}

.metro .bd-lightOrange {
    border-color: #c29008 !important
}

.metro .bd-lightPink {
    border-color: #f472d0 !important
}

.metro .bd-lightRed {
    border-color: #ff2d19 !important
}

.metro .bd-lightGreen {
    border-color: #7ad61d !important
}

.metro .bd-grayDark {
    border-color: #333 !important
}

.metro .bd-grayDarker {
    border-color: #222 !important
}

.metro .bd-grayLight {
    border-color: #999 !important
}

.metro .bd-grayLighter {
    border-color: #eee !important
}

.metro .bd-blue {
    border-color: #6CBAD6 !important
}

.metro .bg-hover-black:hover {
    background-color: #000 !important
}

.metro .bg-hover-white:hover {
    background-color: #fff !important
}

.metro .bg-hover-lime:hover {
    background-color: #a4c400 !important
}

.metro .bg-hover-green:hover {
    background-color: #60a917 !important
}

.metro .bg-hover-emerald:hover {
    background-color: #008a00 !important
}

.metro .bg-hover-teal:hover {
    background-color: #00aba9 !important
}

.metro .bg-hover-cyan:hover {
    background-color: #2D7D9A !important
}

.metro .bg-hover-cobalt:hover {
    background-color: #0050ef !important
}

.metro .bg-hover-indigo:hover {
    background-color: #6a00ff !important
}

.metro .bg-hover-violet:hover {
    background-color: #a0f !important
}

.metro .bg-hover-pink:hover {
    background-color: #dc4fad !important
}

.metro .bg-hover-magenta:hover {
    background-color: #d80073 !important
}

.metro .bg-hover-crimson:hover {
    background-color: #a20025 !important
}

.metro .bg-hover-red:hover {
    background-color: #e51400 !important
}

.metro .bg-hover-orange:hover {
    background-color: #fa6800 !important
}

.metro .bg-hover-amber:hover {
    background-color: #f0a30a !important
}

.metro .bg-hover-yellow:hover {
    background-color: #e3c800 !important
}

.metro .bg-hover-brown:hover {
    background-color: #825a2c !important
}

.metro .bg-hover-olive:hover {
    background-color: #6d8764 !important
}

.metro .bg-hover-steel:hover {
    background-color: #647687 !important
}

.metro .bg-hover-mauve:hover {
    background-color: #76608a !important
}

.metro .bg-hover-taupe:hover {
    background-color: #87794e !important
}

.metro .bg-hover-gray:hover {
    background-color: #555 !important
}

.metro .bg-hover-dark:hover {
    background-color: #333 !important
}

.metro .bg-hover-darker:hover {
    background-color: #222 !important
}

.metro .bg-hover-transparent:hover {
    background-color: transparent !important
}

.metro .bg-hover-darkBrown:hover {
    background-color: #63362f !important
}

.metro .bg-hover-darkCrimson:hover {
    background-color: #640024 !important
}

.metro .bg-hover-darkMagenta:hover {
    background-color: #81003c !important
}

.metro .bg-hover-darkIndigo:hover {
    background-color: #4b0096 !important
}

.metro .bg-hover-darkCyan:hover {
    background-color: #1b6eae !important
}

.metro .bg-hover-darkCobalt:hover {
    background-color: #00356a !important
}

.metro .bg-hover-darkTeal:hover {
    background-color: #004050 !important
}

.metro .bg-hover-darkEmerald:hover {
    background-color: #003e00 !important
}

.metro .bg-hover-darkGreen:hover {
    background-color: #128023 !important
}

.metro .bg-hover-darkOrange:hover {
    background-color: #bf5a15 !important
}

.metro .bg-hover-darkRed:hover {
    background-color: #9a1616 !important
}

.metro .bg-hover-darkPink:hover {
    background-color: #9a165a !important
}

.metro .bg-hover-darkViolet:hover {
    background-color: #57169a !important
}

.metro .bg-hover-darkBlue:hover {
    background-color: #16499a !important
}

.metro .bg-hover-lightBlue:hover {
    background-color: #4390df !important
}

.metro .bg-hover-lightTeal:hover {
    background-color: #45fffd !important
}

.metro .bg-hover-lightOlive:hover {
    background-color: #78aa1c !important
}

.metro .bg-hover-lightOrange:hover {
    background-color: #c29008 !important
}

.metro .bg-hover-lightPink:hover {
    background-color: #f472d0 !important
}

.metro .bg-hover-lightRed:hover {
    background-color: #ff2d19 !important
}

.metro .bg-hover-lightGreen:hover {
    background-color: #7ad61d !important
}

.metro .bg-hover-grayDark:hover {
    background-color: #333 !important
}

.metro .bg-hover-grayDarker:hover {
    background-color: #222 !important
}

.metro .bg-hover-grayLight:hover {
    background-color: #999 !important
}

.metro .bg-hover-grayLighter:hover {
    background-color: #eee !important
}

.metro .bg-hover-blue:hover {
    background-color: #6CBAD6 !important
}

.metro .fg-hover-black:hover {
    color: #000 !important
}

.metro .fg-hover-white:hover {
    color: #fff !important
}

.metro .fg-hover-lime:hover {
    color: #a4c400 !important
}

.metro .fg-hover-green:hover {
    color: #60a917 !important
}

.metro .fg-hover-emerald:hover {
    color: #008a00 !important
}

.metro .fg-hover-teal:hover {
    color: #00aba9 !important
}

.metro .fg-hover-cyan:hover {
    color: #2D7D9A !important
}

.metro .fg-hover-cobalt:hover {
    color: #0050ef !important
}

.metro .fg-hover-indigo:hover {
    color: #6a00ff !important
}

.metro .fg-hover-violet:hover {
    color: #a0f !important
}

.metro .fg-hover-pink:hover {
    color: #dc4fad !important
}

.metro .fg-hover-magenta:hover {
    color: #d80073 !important
}

.metro .fg-hover-crimson:hover {
    color: #a20025 !important
}

.metro .fg-hover-red:hover {
    color: #e51400 !important
}

.metro .fg-hover-orange:hover {
    color: #fa6800 !important
}

.metro .fg-hover-amber:hover {
    color: #f0a30a !important
}

.metro .fg-hover-yellow:hover {
    color: #e3c800 !important
}

.metro .fg-hover-brown:hover {
    color: #825a2c !important
}

.metro .fg-hover-olive:hover {
    color: #6d8764 !important
}

.metro .fg-hover-steel:hover {
    color: #647687 !important
}

.metro .fg-hover-mauve:hover {
    color: #76608a !important
}

.metro .fg-hover-taupe:hover {
    color: #87794e !important
}

.metro .fg-hover-gray:hover {
    color: #555 !important
}

.metro .fg-hover-dark:hover {
    color: #333 !important
}

.metro .fg-hover-darker:hover {
    color: #222 !important
}

.metro .fg-hover-transparent:hover {
    color: transparent !important
}

.metro .fg-hover-darkBrown:hover {
    color: #63362f !important
}

.metro .fg-hover-darkCrimson:hover {
    color: #640024 !important
}

.metro .fg-hover-darkMagenta:hover {
    color: #81003c !important
}

.metro .fg-hover-darkIndigo:hover {
    color: #4b0096 !important
}

.metro .fg-hover-darkCyan:hover {
    color: #1b6eae !important
}

.metro .fg-hover-darkCobalt:hover {
    color: #00356a !important
}

.metro .fg-hover-darkTeal:hover {
    color: #004050 !important
}

.metro .fg-hover-darkEmerald:hover {
    color: #003e00 !important
}

.metro .fg-hover-darkGreen:hover {
    color: #128023 !important
}

.metro .fg-hover-darkOrange:hover {
    color: #bf5a15 !important
}

.metro .fg-hover-darkRed:hover {
    color: #9a1616 !important
}

.metro .fg-hover-darkPink:hover {
    color: #9a165a !important
}

.metro .fg-hover-darkViolet:hover {
    color: #57169a !important
}

.metro .fg-hover-darkBlue:hover {
    color: #16499a !important
}

.metro .fg-hover-lightBlue:hover {
    color: #4390df !important
}

.metro .fg-hover-lightTeal:hover {
    color: #45fffd !important
}

.metro .fg-hover-lightOlive:hover {
    color: #78aa1c !important
}

.metro .fg-hover-lightOrange:hover {
    color: #c29008 !important
}

.metro .fg-hover-lightPink:hover {
    color: #f472d0 !important
}

.metro .fg-hover-lightRed:hover {
    color: #ff2d19 !important
}

.metro .fg-hover-lightGreen:hover {
    color: #7ad61d !important
}

.metro .fg-hover-grayDark:hover {
    color: #333 !important
}

.metro .fg-hover-grayDarker:hover {
    color: #222 !important
}

.metro .fg-hover-grayLight:hover {
    color: #999 !important
}

.metro .fg-hover-grayLighter:hover {
    color: #eee !important
}

.metro .fg-hover-blue:hover {
    color: #6CBAD6 !important
}

.metro .bg-active-black:active {
    background-color: #000 !important
}

.metro .bg-active-white:active {
    background-color: #fff !important
}

.metro .bg-active-lime:active {
    background-color: #a4c400 !important
}

.metro .bg-active-green:active {
    background-color: #60a917 !important
}

.metro .bg-active-emerald:active {
    background-color: #008a00 !important
}

.metro .bg-active-teal:active {
    background-color: #00aba9 !important
}

.metro .bg-active-cyan:active {
    background-color: #2D7D9A !important
}

.metro .bg-active-cobalt:active {
    background-color: #0050ef !important
}

.metro .bg-active-indigo:active {
    background-color: #6a00ff !important
}

.metro .bg-active-violet:active {
    background-color: #a0f !important
}

.metro .bg-active-pink:active {
    background-color: #dc4fad !important
}

.metro .bg-active-magenta:active {
    background-color: #d80073 !important
}

.metro .bg-active-crimson:active {
    background-color: #a20025 !important
}

.metro .bg-active-red:active {
    background-color: #e51400 !important
}

.metro .bg-active-orange:active {
    background-color: #fa6800 !important
}

.metro .bg-active-amber:active {
    background-color: #f0a30a !important
}

.metro .bg-active-yellow:active {
    background-color: #e3c800 !important
}

.metro .bg-active-brown:active {
    background-color: #825a2c !important
}

.metro .bg-active-olive:active {
    background-color: #6d8764 !important
}

.metro .bg-active-steel:active {
    background-color: #647687 !important
}

.metro .bg-active-mauve:active {
    background-color: #76608a !important
}

.metro .bg-active-taupe:active {
    background-color: #87794e !important
}

.metro .bg-active-gray:active {
    background-color: #555 !important
}

.metro .bg-active-dark:active {
    background-color: #333 !important
}

.metro .bg-active-darker:active {
    background-color: #222 !important
}

.metro .bg-active-transparent:active {
    background-color: transparent !important
}

.metro .bg-active-darkBrown:active {
    background-color: #63362f !important
}

.metro .bg-active-darkCrimson:active {
    background-color: #640024 !important
}

.metro .bg-active-darkMagenta:active {
    background-color: #81003c !important
}

.metro .bg-active-darkIndigo:active {
    background-color: #4b0096 !important
}

.metro .bg-active-darkCyan:active {
    background-color: #1b6eae !important
}

.metro .bg-active-darkCobalt:active {
    background-color: #00356a !important
}

.metro .bg-active-darkTeal:active {
    background-color: #004050 !important
}

.metro .bg-active-darkEmerald:active {
    background-color: #003e00 !important
}

.metro .bg-active-darkGreen:active {
    background-color: #128023 !important
}

.metro .bg-active-darkOrange:active {
    background-color: #bf5a15 !important
}

.metro .bg-active-darkRed:active {
    background-color: #9a1616 !important
}

.metro .bg-active-darkPink:active {
    background-color: #9a165a !important
}

.metro .bg-active-darkViolet:active {
    background-color: #57169a !important
}

.metro .bg-active-darkBlue:active {
    background-color: #16499a !important
}

.metro .bg-active-lightBlue:active {
    background-color: #4390df !important
}

.metro .bg-active-lightTeal:active {
    background-color: #45fffd !important
}

.metro .bg-active-lightOlive:active {
    background-color: #78aa1c !important
}

.metro .bg-active-lightOrange:active {
    background-color: #c29008 !important
}

.metro .bg-active-lightPink:active {
    background-color: #f472d0 !important
}

.metro .bg-active-lightRed:active {
    background-color: #ff2d19 !important
}

.metro .bg-active-lightGreen:active {
    background-color: #7ad61d !important
}

.metro .bg-active-grayDark:active {
    background-color: #333 !important
}

.metro .bg-active-grayDarker:active {
    background-color: #222 !important
}

.metro .bg-active-grayLight:active {
    background-color: #999 !important
}

.metro .bg-active-grayLighter:active {
    background-color: #eee !important
}

.metro .bg-active-blue:active {
    background-color: #6CBAD6 !important
}

.metro .fg-active-black:active {
    color: #000 !important
}

.metro .fg-active-white:active {
    color: #fff !important
}

.metro .fg-active-lime:active {
    color: #a4c400 !important
}

.metro .fg-active-green:active {
    color: #60a917 !important
}

.metro .fg-active-emerald:active {
    color: #008a00 !important
}

.metro .fg-active-teal:active {
    color: #00aba9 !important
}

.metro .fg-active-cyan:active {
    color: #2D7D9A !important
}

.metro .fg-active-cobalt:active {
    color: #0050ef !important
}

.metro .fg-active-indigo:active {
    color: #6a00ff !important
}

.metro .fg-active-violet:active {
    color: #a0f !important
}

.metro .fg-active-pink:active {
    color: #dc4fad !important
}

.metro .fg-active-magenta:active {
    color: #d80073 !important
}

.metro .fg-active-crimson:active {
    color: #a20025 !important
}

.metro .fg-active-red:active {
    color: #e51400 !important
}

.metro .fg-active-orange:active {
    color: #fa6800 !important
}

.metro .fg-active-amber:active {
    color: #f0a30a !important
}

.metro .fg-active-yellow:active {
    color: #e3c800 !important
}

.metro .fg-active-brown:active {
    color: #825a2c !important
}

.metro .fg-active-olive:active {
    color: #6d8764 !important
}

.metro .fg-active-steel:active {
    color: #647687 !important
}

.metro .fg-active-mauve:active {
    color: #76608a !important
}

.metro .fg-active-taupe:active {
    color: #87794e !important
}

.metro .fg-active-gray:active {
    color: #555 !important
}

.metro .fg-active-dark:active {
    color: #333 !important
}

.metro .fg-active-darker:active {
    color: #222 !important
}

.metro .fg-active-transparent:active {
    color: transparent !important
}

.metro .fg-active-darkBrown:active {
    color: #63362f !important
}

.metro .fg-active-darkCrimson:active {
    color: #640024 !important
}

.metro .fg-active-darkMagenta:active {
    color: #81003c !important
}

.metro .fg-active-darkIndigo:active {
    color: #4b0096 !important
}

.metro .fg-active-darkCyan:active {
    color: #1b6eae !important
}

.metro .fg-active-darkCobalt:active {
    color: #00356a !important
}

.metro .fg-active-darkTeal:active {
    color: #004050 !important
}

.metro .fg-active-darkEmerald:active {
    color: #003e00 !important
}

.metro .fg-active-darkGreen:active {
    color: #128023 !important
}

.metro .fg-active-darkOrange:active {
    color: #bf5a15 !important
}

.metro .fg-active-darkRed:active {
    color: #9a1616 !important
}

.metro .fg-active-darkPink:active {
    color: #9a165a !important
}

.metro .fg-active-darkViolet:active {
    color: #57169a !important
}

.metro .fg-active-darkBlue:active {
    color: #16499a !important
}

.metro .fg-active-lightBlue:active {
    color: #4390df !important
}

.metro .fg-active-lightTeal:active {
    color: #45fffd !important
}

.metro .fg-active-lightOlive:active {
    color: #78aa1c !important
}

.metro .fg-active-lightOrange:active {
    color: #c29008 !important
}

.metro .fg-active-lightPink:active {
    color: #f472d0 !important
}

.metro .fg-active-lightRed:active {
    color: #ff2d19 !important
}

.metro .fg-active-lightGreen:active {
    color: #7ad61d !important
}

.metro .fg-active-grayDark:active {
    color: #333 !important
}

.metro .fg-active-grayDarker:active {
    color: #222 !important
}

.metro .fg-active-grayLight:active {
    color: #999 !important
}

.metro .fg-active-grayLighter:active {
    color: #eee !important
}

.metro .fg-active-blue:active {
    color: #6CBAD6 !important
}

.metro .bg-focus-black:focus {
    background-color: #000 !important
}

.metro .bg-focus-white:focus {
    background-color: #fff !important
}

.metro .bg-focus-lime:focus {
    background-color: #a4c400 !important
}

.metro .bg-focus-green:focus {
    background-color: #60a917 !important
}

.metro .bg-focus-emerald:focus {
    background-color: #008a00 !important
}

.metro .bg-focus-teal:focus {
    background-color: #00aba9 !important
}

.metro .bg-focus-cyan:focus {
    background-color: #2D7D9A !important
}

.metro .bg-focus-cobalt:focus {
    background-color: #0050ef !important
}

.metro .bg-focus-indigo:focus {
    background-color: #6a00ff !important
}

.metro .bg-focus-violet:focus {
    background-color: #a0f !important
}

.metro .bg-focus-pink:focus {
    background-color: #dc4fad !important
}

.metro .bg-focus-magenta:focus {
    background-color: #d80073 !important
}

.metro .bg-focus-crimson:focus {
    background-color: #a20025 !important
}

.metro .bg-focus-red:focus {
    background-color: #e51400 !important
}

.metro .bg-focus-orange:focus {
    background-color: #fa6800 !important
}

.metro .bg-focus-amber:focus {
    background-color: #f0a30a !important
}

.metro .bg-focus-yellow:focus {
    background-color: #e3c800 !important
}

.metro .bg-focus-brown:focus {
    background-color: #825a2c !important
}

.metro .bg-focus-olive:focus {
    background-color: #6d8764 !important
}

.metro .bg-focus-steel:focus {
    background-color: #647687 !important
}

.metro .bg-focus-mauve:focus {
    background-color: #76608a !important
}

.metro .bg-focus-taupe:focus {
    background-color: #87794e !important
}

.metro .bg-focus-gray:focus {
    background-color: #555 !important
}

.metro .bg-focus-dark:focus {
    background-color: #333 !important
}

.metro .bg-focus-darker:focus {
    background-color: #222 !important
}

.metro .bg-focus-transparent:focus {
    background-color: transparent !important
}

.metro .bg-focus-darkBrown:focus {
    background-color: #63362f !important
}

.metro .bg-focus-darkCrimson:focus {
    background-color: #640024 !important
}

.metro .bg-focus-darkMagenta:focus {
    background-color: #81003c !important
}

.metro .bg-focus-darkIndigo:focus {
    background-color: #4b0096 !important
}

.metro .bg-focus-darkCyan:focus {
    background-color: #1b6eae !important
}

.metro .bg-focus-darkCobalt:focus {
    background-color: #00356a !important
}

.metro .bg-focus-darkTeal:focus {
    background-color: #004050 !important
}

.metro .bg-focus-darkEmerald:focus {
    background-color: #003e00 !important
}

.metro .bg-focus-darkGreen:focus {
    background-color: #128023 !important
}

.metro .bg-focus-darkOrange:focus {
    background-color: #bf5a15 !important
}

.metro .bg-focus-darkRed:focus {
    background-color: #9a1616 !important
}

.metro .bg-focus-darkPink:focus {
    background-color: #9a165a !important
}

.metro .bg-focus-darkViolet:focus {
    background-color: #57169a !important
}

.metro .bg-focus-darkBlue:focus {
    background-color: #16499a !important
}

.metro .bg-focus-lightBlue:focus {
    background-color: #4390df !important
}

.metro .bg-focus-lightTeal:focus {
    background-color: #45fffd !important
}

.metro .bg-focus-lightOlive:focus {
    background-color: #78aa1c !important
}

.metro .bg-focus-lightOrange:focus {
    background-color: #c29008 !important
}

.metro .bg-focus-lightPink:focus {
    background-color: #f472d0 !important
}

.metro .bg-focus-lightRed:focus {
    background-color: #ff2d19 !important
}

.metro .bg-focus-lightGreen:focus {
    background-color: #7ad61d !important
}

.metro .bg-focus-grayDark:focus {
    background-color: #333 !important
}

.metro .bg-focus-grayDarker:focus {
    background-color: #222 !important
}

.metro .bg-focus-grayLight:focus {
    background-color: #999 !important
}

.metro .bg-focus-grayLighter:focus {
    background-color: #eee !important
}

.metro .bg-focus-blue:focus {
    background-color: #6CBAD6 !important
}

.metro .fg-focus-black:focus {
    color: #000 !important
}

.metro .fg-focus-white:focus {
    color: #fff !important
}

.metro .fg-focus-lime:focus {
    color: #a4c400 !important
}

.metro .fg-focus-green:focus {
    color: #60a917 !important
}

.metro .fg-focus-emerald:focus {
    color: #008a00 !important
}

.metro .fg-focus-teal:focus {
    color: #00aba9 !important
}

.metro .fg-focus-cyan:focus {
    color: #2D7D9A !important
}

.metro .fg-focus-cobalt:focus {
    color: #0050ef !important
}

.metro .fg-focus-indigo:focus {
    color: #6a00ff !important
}

.metro .fg-focus-violet:focus {
    color: #a0f !important
}

.metro .fg-focus-pink:focus {
    color: #dc4fad !important
}

.metro .fg-focus-magenta:focus {
    color: #d80073 !important
}

.metro .fg-focus-crimson:focus {
    color: #a20025 !important
}

.metro .fg-focus-red:focus {
    color: #e51400 !important
}

.metro .fg-focus-orange:focus {
    color: #fa6800 !important
}

.metro .fg-focus-amber:focus {
    color: #f0a30a !important
}

.metro .fg-focus-yellow:focus {
    color: #e3c800 !important
}

.metro .fg-focus-brown:focus {
    color: #825a2c !important
}

.metro .fg-focus-olive:focus {
    color: #6d8764 !important
}

.metro .fg-focus-steel:focus {
    color: #647687 !important
}

.metro .fg-focus-mauve:focus {
    color: #76608a !important
}

.metro .fg-focus-taupe:focus {
    color: #87794e !important
}

.metro .fg-focus-gray:focus {
    color: #555 !important
}

.metro .fg-focus-dark:focus {
    color: #333 !important
}

.metro .fg-focus-darker:focus {
    color: #222 !important
}

.metro .fg-focus-transparent:focus {
    color: transparent !important
}

.metro .fg-focus-darkBrown:focus {
    color: #63362f !important
}

.metro .fg-focus-darkCrimson:focus {
    color: #640024 !important
}

.metro .fg-focus-darkMagenta:focus {
    color: #81003c !important
}

.metro .fg-focus-darkIndigo:focus {
    color: #4b0096 !important
}

.metro .fg-focus-darkCyan:focus {
    color: #1b6eae !important
}

.metro .fg-focus-darkCobalt:focus {
    color: #00356a !important
}

.metro .fg-focus-darkTeal:focus {
    color: #004050 !important
}

.metro .fg-focus-darkEmerald:focus {
    color: #003e00 !important
}

.metro .fg-focus-darkGreen:focus {
    color: #128023 !important
}

.metro .fg-focus-darkOrange:focus {
    color: #bf5a15 !important
}

.metro .fg-focus-darkRed:focus {
    color: #9a1616 !important
}

.metro .fg-focus-darkPink:focus {
    color: #9a165a !important
}

.metro .fg-focus-darkViolet:focus {
    color: #57169a !important
}

.metro .fg-focus-darkBlue:focus {
    color: #16499a !important
}

.metro .fg-focus-lightBlue:focus {
    color: #4390df !important
}

.metro .fg-focus-lightTeal:focus {
    color: #45fffd !important
}

.metro .fg-focus-lightOlive:focus {
    color: #78aa1c !important
}

.metro .fg-focus-lightOrange:focus {
    color: #c29008 !important
}

.metro .fg-focus-lightPink:focus {
    color: #f472d0 !important
}

.metro .fg-focus-lightRed:focus {
    color: #ff2d19 !important
}

.metro .fg-focus-lightGreen:focus {
    color: #7ad61d !important
}

.metro .fg-focus-grayDark:focus {
    color: #333 !important
}

.metro .fg-focus-grayDarker:focus {
    color: #222 !important
}

.metro .fg-focus-grayLight:focus {
    color: #999 !important
}

.metro .fg-focus-grayLighter:focus {
    color: #eee !important
}

.metro .fg-focus-blue:focus {
    color: #6CBAD6 !important
}

#responsive-utils .hide-element {
    display: none !important;
    visibility: hidden !important
}

#responsive-utils .show-element {
    display: block !important;
    visibility: visible !important
}

#responsive-utils .full-size {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

#responsive-utils .half-size {
    width: 50% !important
}

#responsive-utils .container-desktop {
    width: 940px !important
}

#responsive-utils .container-phone,
#responsive-utils .container-phone2,
#responsive-utils .container-phone3,
#responsive-utils .container-phone4 {
    width: 100% !important
}

#responsive-utils .container-tablet {
    width: 720px !important
}

#responsive-utils .container-large {
    width: 1140px !important
}

#responsive-utils .container-phone {
    padding: 0 10px
}

@media screen and(min-width:800px) {
    .no-desktop {
        display: none !important;
        visibility: hidden !important
    }
}

@media screen and(min-width:1024px) {
    .no-desktop {
        display: none !important;
        visibility: hidden !important
    }

    .on-desktop {
        display: block !important;
        visibility: visible !important
    }
}

@media screen and(min-width:1200px) {
    html {
        font-size: 70%
    }

    .no-large {
        display: none !important;
        visibility: hidden !important
    }

    .on-large {
        display: block !important;
        visibility: visible !important
    }
}

@media only screen and(max-width:1024px) {
    .no-tablet,
    .no-tablet-landscape {
        display: none !important;
        visibility: hidden !important
    }

    .on-tablet {
        display: block !important;
        visibility: visible !important
    }
}

@media only screen and(max-width:800px) {
    html {
        font-size: 60%
    }

    .no-tablet,
    .no-tablet-portrait {
        display: none !important;
        visibility: hidden !important
    }

    .navbar .pull-menu,
    .navigation-bar .pull-menu,
    .on-tablet {
        display: block !important
    }

    .on-tablet {
        visibility: visible !important
    }

    .grid:not(.fluid) > .row {
        margin: 0
    }

        .grid:not(.fluid) > .row > [class*=span] {
            width: 350px !important;
            margin-left: 0 !important;
            margin-bottom: 20px
        }

            .grid:not(.fluid) > .row > [class*=span]:nth-child(even) {
                margin-left: 20px !important
            }

        .grid:not(.fluid) > .row .span10,
        .grid:not(.fluid) > .row .span11,
        .grid:not(.fluid) > .row .span12,
        .grid:not(.fluid) > .row .span7,
        .grid:not(.fluid) > .row .span8,
        .grid:not(.fluid) > .row .span9 {
            width: 720px !important
        }

            .grid:not(.fluid) > .row .span10:nth-child(even),
            .grid:not(.fluid) > .row .span11:nth-child(even),
            .grid:not(.fluid) > .row .span12:nth-child(even),
            .grid:not(.fluid) > .row .span7:nth-child(even),
            .grid:not(.fluid) > .row .span8:nth-child(even),
            .grid:not(.fluid) > .row .span9:nth-child(even) {
                margin-left: 0 !important
            }

        .grid:not(.fluid) > .row .row {
            margin: 0
        }

            .grid:not(.fluid) > .row .row [class*=span] {
                width: 350px !important;
                margin-left: 0 !important;
                margin-bottom: 20px
            }

                .grid:not(.fluid) > .row .row [class*=span]:nth-child(even) {
                    margin-left: 20px !important
                }

            .grid:not(.fluid) > .row .row .span10,
            .grid:not(.fluid) > .row .row .span11,
            .grid:not(.fluid) > .row .row .span12,
            .grid:not(.fluid) > .row .row .span7,
            .grid:not(.fluid) > .row .row .span8,
            .grid:not(.fluid) > .row .row .span9 {
                width: 720px !important
            }

                .grid:not(.fluid) > .row .row .span10:nth-child(even),
                .grid:not(.fluid) > .row .row .span11:nth-child(even),
                .grid:not(.fluid) > .row .row .span12:nth-child(even),
                .grid:not(.fluid) > .row .row .span7:nth-child(even),
                .grid:not(.fluid) > .row .row .span8:nth-child(even),
                .grid:not(.fluid) > .row .row .span9:nth-child(even) {
                    margin-left: 0 !important
                }

    .navbar,
    .navigation-bar {
        position: relative !important
    }

        .navbar .element,
        .navigation-bar .element {
            float: none !important
        }

        .navbar .element-divider,
        .navigation-bar .element-divider {
            display: none !important
        }

        .navbar .element-menu,
        .navigation-bar .element-menu {
            position: relative;
            float: none;
            display: none;
            width: 100% !important;
            background-color: inherit;
            z-index: 1000
        }

            .navbar .element-menu li,
            .navbar .element-menu li a,
            .navigation-bar .element-menu li,
            .navigation-bar .element-menu li a {
                display: block !important;
                float: none !important;
                width: 100%
            }

                .navbar .element-menu li .dropdown-menu,
                .navigation-bar .element-menu li .dropdown-menu {
                    position: relative !important;
                    left: 0
                }

            .navbar .element-menu .dropdown-toggle,
            .navigation-bar .element-menu .dropdown-toggle {
                color: inherit;
                position: relative
            }

                .navbar .element-menu .dropdown-toggle:after,
                .navigation-bar .element-menu .dropdown-toggle:after {
                    position: absolute;
                    left: 100% !important;
                    margin-left: -15px
                }

            .navbar .element-menu .dropdown-menu .dropdown-toggle:after,
            .navigation-bar .element-menu .dropdown-menu .dropdown-toggle:after {
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg)
            }

        .navbar .pull-menu,
        .navigation-bar .pull-menu {
            display: block !important
        }
}

@media only screen and(max-width:640px) {
    html {
        font-size: 60%
    }

    .no-phone,
    .no-phone-landscape {
        display: none !important;
        visibility: hidden !important
    }

    .on-phone {
        display: block !important;
        visibility: visible !important
    }

    .container {
        width: 100% !important;
        padding: 0 10px
    }

    .grid:not(.fluid) > .row {
        margin: 0
    }

        .grid:not(.fluid) > .row > [class*=span] {
            width: 100% !important;
            margin: 0 0 5px !important
        }

            .grid:not(.fluid) > .row > [class*=span]:nth-child(even) {
                margin-left: 0 !important
            }

        .grid:not(.fluid) > .row .span12 {
            width: 100% !important
        }

        .grid:not(.fluid) > .row .row {
            margin: 0
        }

            .grid:not(.fluid) > .row .row > [class*=span] {
                width: 100% !important;
                margin: 0 0 5px !important
            }

                .grid:not(.fluid) > .row .row > [class*=span]:nth-child(even) {
                    margin-left: 0 !important
                }

            .grid:not(.fluid) > .row .row .span12 {
                width: 100% !important
            }
}

@media only screen and(max-width:480px) {
    html {
        font-size: 45%
    }

    .no-phone,
    .no-phone-landscape {
        display: none !important;
        visibility: hidden !important
    }

    .container {
        width: 100% !important
    }

    .metro .table td,
    .metro .table th {
        font-size: 11px
    }
}

@media only screen and(max-width:360px) {
    html {
        font-size: 45%
    }

    .no-phone,
    .no-phone-portrait {
        display: none !important;
        visibility: hidden !important
    }

    .container {
        width: 100% !important
    }

    .metro .table td,
    .metro .table th {
        font-size: 10px
    }
}

@media only screen and(max-width:320px) {
    html {
        font-size: 45%
    }

    .no-phone,
    .no-phone-portrait {
        display: none !important;
        visibility: hidden !important
    }

    .container {
        width: 100% !important
    }

    .metro .table td,
    .metro .table th {
        font-size: 10px
    }
}