diff --git a/lib/yeticss/components/buttons.styl b/lib/yeticss/components/buttons.styl index 1f870c3..1fb5096 100644 --- a/lib/yeticss/components/buttons.styl +++ b/lib/yeticss/components/buttons.styl @@ -43,7 +43,7 @@ //- Button Sizing .button-small - padding: ceil($ui-padding-narrow/2) $ui-padding-narrow + padding: ceil($ui-padding-narrow/2) $ui-padding-default font-size: $font-small .button-large diff --git a/public/css/main.css b/public/css/main.css index 93c021a..9780791 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -87,8 +87,8 @@ figure { margin: 1em 40px; } hr { - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; height: 0; } pre { @@ -138,8 +138,8 @@ input { } input[type="checkbox"], input[type="radio"] { - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, @@ -148,8 +148,8 @@ input[type="number"]::-webkit-outer-spin-button { } input[type="search"] { -webkit-appearance: textfield; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { @@ -181,8 +181,8 @@ th { *, *:after, *:before { - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } html { height: 100%; @@ -399,14 +399,15 @@ dl dd { margin: 0 auto; } .grid-flex-container { - margin: -30px 0 30px -30px; + margin: -30px 0 30px -30px; list-style: none; - display: -webkit-flex; + display: -webkit-box; display: -ms-flexbox; display: flex; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -webkit-flex-flow: row wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } [class^="grid-flex-cell"], [class*=" grid-flex-cell"] { @@ -418,7 +419,7 @@ dl dd { } [class^="grid-flex-cell"], [class*=" grid-flex-cell"] { - -webkit-flex: 0 0 100%; + -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @@ -426,14 +427,14 @@ dl dd { @media screen and (min-width: 601px) { [class^="grid-flex-cell"], [class*=" grid-flex-cell"] { - -webkit-flex: 1; + -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .grid-flex-cell-1of2, .grid-flex-cell-1of3, .grid-flex-cell-1of4 { - -webkit-flex: none; + -webkit-box-flex: 0; -ms-flex: none; flex: none; } @@ -502,6 +503,7 @@ select, -webkit-appearance: none; } .form-input:focus { + -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: 1px solid #74ddff; background-color: #f8fdff; @@ -608,15 +610,21 @@ select:focus:-moz-focusring { text-align: center; cursor: pointer; background-color: #00b0e9; - transition-delay: 0; - transition-duration: 0.3s; - transition-timing-function: ease-in; + -webkit-transition-delay: 0; + transition-delay: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + -webkit-transition-property: background, border-color; transition-property: background, border-color; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } .button:not([class*='button-outlined']) { padding-top: 10px; @@ -638,7 +646,7 @@ select:focus:-moz-focusring { color: #fff; } .button-small { - padding: 3px 5px; + padding: 3px 10px; font-size: 12px; } .button-large { @@ -1101,7 +1109,6 @@ form .message { border-radius: 3px; z-index: 20; -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; -webkit-overflow-scrolling: touch; @@ -1155,7 +1162,8 @@ form .message { width: 100%; height: 100%; z-index: 10; - box-shadow: inset 0 0 100px rgba(0,0,0,0.7); + -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.7); + box-shadow: inset 0 0 100px rgba(0,0,0,0.7); background-color: rgba(0,0,0,0.4); } @media screen and (max-width: 480px) { @@ -1166,7 +1174,6 @@ form .message { left: 0; border-radius: 0; -webkit-transform: none; - -ms-transform: none; transform: none; } } @@ -1527,7 +1534,8 @@ tr.table-cell-alert a:hover { * { background: transparent !important; color: #000 !important; - box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; text-shadow: none !important; } a, @@ -1660,7 +1668,8 @@ section:not(:last-child) { .modal-sample { padding: 15px; margin-bottom: 30px; - box-shadow: inset 0 0 100px rgba(0,0,0,0.7); + -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.7); + box-shadow: inset 0 0 100px rgba(0,0,0,0.7); background-color: rgba(0,0,0,0.4); } .modal-sample .modal { @@ -1669,7 +1678,6 @@ section:not(:last-child) { left: 50%; margin-left: -25%; -webkit-transform: none; - -ms-transform: none; transform: none; } .message, diff --git a/public/css/main.min.css b/public/css/main.min.css index 3911b06..dd20eff 100644 --- a/public/css/main.min.css +++ b/public/css/main.min.css @@ -1 +1 @@ -html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:'proxima-nova',helvetica neue,helvetica,arial,sans-serif;font-size:16px;line-height:1.5;color:#4d5659;text-rendering:optimizeSpeed}p{margin-top:0;margin-bottom:30px}::-moz-selection{background-color:#74ddff;color:#fff}::selection{background-color:#74ddff;color:#fff}a{color:#00b0e9;text-decoration:none;cursor:pointer}a:focus{outline:0}a:hover{color:#008dba}.pull-left{float:left}.pull-right{float:right}.hide{display:none}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}img,iframe,video{max-width:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:30px;line-height:1.25;font-family:'aktiv-grotesk',helvetica neue,helvetica,arial,sans-serif}h1,h2,h3,h4,h5,h6,strong{color:#000}h1,h2,h3,h4,h5,h6{font-weight:300}h6{text-transform:uppercase;color:#828c8f}abbr{color:#828c8f;border-bottom:1px dotted #b7c0c3;cursor:help}small,sup,sub{font-size:12px}mark{padding:3px 5px;background:#ffffb3}blockquote{margin:30px 0;padding:0 15px;color:#828c8f;font:italic 16px/1.55 Georgia,Times,serif}blockquote p:only-child,blockquote p:last-child{margin:0}blockquote footer{margin-top:15px;font-size:16px;color:#9ba3a5}blockquote footer:before{content:'\2014 \00A0'}.blockquote-centered{text-align:center}.blockquote-medium{font-size:22px}.blockquote-large{font-size:36px;line-height:1.3}@media screen and (max-width:899px){h1{font-size:38px}h2{font-size:32px}h3{font-size:26px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}.blockquote-large{font-size:32px}}@media screen and (min-width:900px){h1{font-size:42px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:18px}h6{font-size:16px}}ul,ol{margin:0 0 30px 0;padding-left:30px}ul li>ul,ol li>ul,ul li>ol,ol li>ol{margin-top:30px}ul li ul li,ol li ul li{list-style:circle}ul li li ul li,ol li li ul li{list-style:square}ul li{list-style:disc}.list-unstyled{padding-left:0}.list-unstyled li{list-style:none}.list-inline li{display:inline-block}dl dt{font-weight:500;color:#000}dl dd{margin:0}.container{margin:0 auto}.grid-flex-container{margin:-30px 0 30px -30px;list-style:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-flex-flow:row wrap}[class^="grid-flex-cell"],[class*=" grid-flex-cell"]{padding:30px 0 0 30px}@media screen and (max-width:600px){.container{width:90%}[class^="grid-flex-cell"],[class*=" grid-flex-cell"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media screen and (min-width:601px){[class^="grid-flex-cell"],[class*=" grid-flex-cell"]{-webkit-flex:1;-ms-flex:1;flex:1}.grid-flex-cell-1of2,.grid-flex-cell-1of3,.grid-flex-cell-1of4{-webkit-flex:none;-ms-flex:none;flex:none}.grid-flex-cell-1of2{width:50%}.grid-flex-cell-1of3{width:33.333333333333336%}.grid-flex-cell-1of4{width:25%}}@media screen and (min-width:481px) and (max-width:900px){.container{width:85%}}@media screen and (min-width:901px){.container{width:70%}}select,.form-input,.form-checkbox,.form-radio{margin-bottom:15px}legend,label{font-weight:800}legend{padding:0 15px;font-size:22px;color:#000}fieldset{border:1px solid #e6eaed;border-radius:3px;padding:30px;margin:0 0 30px 0}label{display:block;margin-bottom:5px;font-size:12px;cursor:pointer}select,.form-input,.form-radio,.form-checkbox{outline:0}.form-inline{overflow:hidden}.form-input{display:block;padding:10px;width:100%;border-radius:3px;border:1px solid #e6eaed;-webkit-appearance:none}.form-input:focus{transition:all .2s ease-in;border:1px solid #74ddff;background-color:#f8fdff}.form-input:disabled{background-color:#fafbfb;cursor:not-allowed}.form-input:required:focus{border:1px solid #fec57b;background-color:#fff9f2}.form-input.input-invalid{border:1px solid #ffc7d8;color:#ff749d}.form-input.input-invalid:focus{border:1px solid #e80044;background-color:#fff4f7}.form-input.input-valid{border:1px solid #c6ebd3;color:#8ed6a8}.form-input.input-valid:focus{border:1px solid #43bb6e;background-color:#f4fbf6}textarea{resize:none;min-height:90px}input[type=file],label.radio,label.checkbox,select{cursor:pointer}input[type=file]{padding:10px;background-color:#f8f9fa;font-size:12px;color:#b7c0c3}select{border:1px solid #e6eaed;height:40px;padding:10px;width:100%;background-color:#fff}select:focus{border:1px solid #74ddff}select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.input-radio,.input-checkbox{margin:5px 0;font-size:16px;font-weight:normal}.input-radio.disabled,.input-checkbox.disabled{color:#b7c0c3;cursor:not-allowed}.input-radio input[type=checkbox],.input-checkbox input[type=checkbox],.input-radio input[type=radio],.input-checkbox input[type=radio]{display:inline-block;margin-right:10px}@media screen and (min-width:768px){.form-inline.form-no-labels .button{margin-top:0}.form-inline .form-element{float:left;width:50%}.form-inline .button{margin-top:22.5px}.form-inline .form-element:not(:first-of-type){padding-left:5px}.form-inline .form-input,.form-inline .input-checkbox,.form-inline .input-radio,.form-inline select{margin:0}}.button{display:inline-block;border:0;border-radius:3px;padding-left:15px;padding-right:15px;text-align:center;cursor:pointer;background-color:#00b0e9;transition-delay:0;transition-duration:.3s;transition-timing-function:ease-in;transition-property:background,border-color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none}.button:not([class*='button-outlined']){padding-top:10px;padding-bottom:10px}.button:hover{background-color:#009ed2}.button:disabled,.button .button-disabled{background-color:#74ddff;cursor:not-allowed}.button:focus{outline:0}.button,.button:hover{color:#fff}.button-small{padding:3px 5px;font-size:12px}.button-large{padding:15px 30px;font-size:22px}.button-unstyled,.button-unstyled:hover{background-color:transparent}.button-unstyled{padding:0;color:#00b0e9}.button-unstyled:hover{color:#008dba}.button-neutral{background-color:#e6eaed}.button-neutral:hover{background-color:#b0bcc6}.button-neutral:disabled,.button-neutral .button-disabled{background-color:#e6eaed;color:#b7c0c3}.button-neutral:disabled:hover,.button-neutral .button-disabled:hover{color:#b7c0c3}.button-neutral,.button-neutral:hover{color:#272b2d}.button-approve{background-color:#43bb6e}.button-approve:hover{background-color:#369658}.button-approve:disabled,.button-approve .button-disabled{background-color:#c6ebd3}.button-warn{background-color:#e80044}.button-warn:hover{background-color:#ba0036}.button-warn:disabled,.button-warn.button-disabled{background-color:#ffc7d8}.button-caution{background-color:transparent;color:#e80044;text-decoration:underline}.button-caution:hover{background-color:transparent;color:#ba0036}.button-caution:disabled,.button-caution .button-disabled{color:#b7c0c3}*[class*='button-outlined']{border-width:2px;border-style:solid;padding-top:8px;padding-bottom:8px}*[class*='button-outlined'],*[class*='button-outlined']:hover,*[class*='button-outlined']:disabled{background-color:transparent}.button-outlined{border-color:#00b0e9;color:#00b0e9}.button-outlined:hover{border-color:#008dba;color:#008dba}.button-outlined:disabled{border-color:#74ddff;color:#74ddff}.button-outlined-neutral{border-color:#b7c0c3;color:#828c8f}.button-outlined-neutral:hover{border-color:#828c8f;color:#4d5659}.button-outlined-neutral:disabled,.button-outlined-neutral.button-disabled{color:#c5cdcf;border-color:#e6eaed}.button-outlined-neutral:disabled:hover,.button-outlined-neutral.button-disabled:hover{color:#c5cdcf}.button-outlined-approve{border-color:#43bb6e;color:#43bb6e}.button-outlined-approve:hover{border-color:#369658;color:#369658}.button-outlined-approve:disabled{border-color:#c6ebd3;color:#c6ebd3}.button-outlined-warn{border-color:#e80044;color:#e80044}.button-outlined-warn:hover{border-color:#ba0036;color:#ba0036}.button-outlined-warn:disabled{border-color:#ffc7d8;color:#ffc7d8}.button-group .button{border-radius:0;margin-left:-1px;border:1px solid #008dba}.button-group .button:first-child,.button-group .button:first-child:only-child{margin:0}.button-group .button:first-child:only-child{border-radius:3px}.button-group .button:first-child{border-radius:3px 0 0 3px}.button-group .button:last-child{border-radius:0 3px 3px 0}.button-group .button-neutral,.button-group .button-outlined{border:1px solid #b7c0c3}@media screen and (max-width:480px){.button-group .button{border-radius:none;margin:0;width:100%}.button-group .button:first-of-type{border-radius:3px 3px 0 0}.button-group .button:last-of-type{border-radius:0 0 3px 3px}.button-group .button:not(:last-of-type){border-bottom:0}}code{font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;padding:3px 5px}pre{display:block;padding:15px;margin-bottom:30px;max-width:100%;line-height:1.5;word-break:break-all;word-wrap:break-word}pre code{padding:0;white-space:pre-wrap}code,pre{border-radius:3px}.code-light{color:#000;background:#f5f7f8}.code-dark{color:#5ca1b5;background:#003546}.dropdown-standalone{position:relative;display:inline-block;cursor:pointer;padding:10px;border-radius:3px}.dropdown-standalone:hover{border-radius:3px 3px 0 0}.dropdown-standalone:hover .dropdown{display:block;position:absolute;top:100%;left:0;width:100%;border-radius:0 0 3px 3px}.dropdown-standalone:hover .dropdown a{padding:10px;display:block}.dropdown-standalone .dropdown{display:none}.dropdown-standalone .icon-arrow-down{position:relative;top:-2px;margin-left:5px}.dropdown-outlined,.dropdown-outlined .dropdown{border:1px solid #e6eaed}.dropdown-standalone.dropdown-outlined .dropdown{width:101%;left:-1px}.dropdown-outlined .dropdown{background-color:#fff}.dropdown-outlined .dropdown li:not(:last-child){border-bottom:1px solid #e6eaed}.dropdown-coloured,.dropdown-coloured .dropdown{background-color:#00b0e9}.dropdown-coloured .button-unstyled,.dropdown-coloured .dropdown a{color:#fff}.dropdown-coloured .icon-arrow-down{border-top-color:#fff}.dropdown-coloured .dropdown li:not(:last-child){border-bottom:1px solid #009ed2}.dropdown-coloured .dropdown a:hover{color:#e3f8ff}.dropdown-neutral,.dropdown-neutral .dropdown{background-color:#e6eaed}.dropdown-neutral a{color:#4d5659}.dropdown-neutral a:hover,.dropdown-neutral .button-unstyled:hover{color:#272b2d}.dropdown-neutral .icon-arrow-down{border-top-color:#4d5659}.dropdown-neutral .dropdown li:not(:last-child){border-bottom:1px solid #b7c0c3}.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-down{display:inline-block;width:0;height:0;line-height:0;font-size:0}.icon-arrow-up,.icon-arrow-down{border-left:5px solid transparent;border-right:5px solid transparent}.icon-arrow-left,.icon-arrow-right{border-top:5px solid transparent;border-bottom:5px solid transparent}.icon-arrow-left{border-right:5px solid #00b0e9}.icon-arrow-right{border-left:5px solid #00b0e9}.icon-arrow-down{border-top:5px solid #00b0e9}.icon-arrow-up{border-bottom:5px solid #00b0e9}.media-outlined,img{border-radius:3px}figure{width:auto;margin:0}figure img{vertical-align:middle}figure figcaption{color:#828c8f;font-size:12px}.media-outlined{display:inline-block;padding:5px;border:1px solid #e6eaed}@media screen and (max-width:480px){figure{text-align:center}figure img+img{margin:5px auto 0}}@media screen and (min-width:481px){figure img:not(:last-child):not(:only-child){margin-right:5px}figure img:not(:only-child){margin-top:5px}figure img+figcaption{margin-bottom:5px}figure img+figcaption:not(:only-child){margin-right:5px}}.message{padding:15px;position:relative;background-color:#e3f8ff;color:#00b0e9}.message a{font-weight:bold}.message p:last-of-type{margin:0}.message:after{border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-width:5px}.message-dismissable{padding-right:30px}.message-full-width{text-align:center}.message-above:after,.message-below:after{left:50%;margin-left:-6px}.message-below:after{border-bottom-color:#e3f8ff;bottom:100%}.message-below.message-error:after{border-bottom-color:#ffe3eb}.message-below.message-success:after{border-bottom-color:#e8f7ef}.message-below.message-alert:after{border-bottom-color:#ffeed7}.message-above:after{border-top-color:#e3f8ff;top:100%}.message-above.message-error:after{border-top-color:#ffe3eb}.message-above.message-success:after{border-top-color:#e8f7ef}.message-above.message-alert:after{border-top-color:#ffeed7}.message-error{background-color:#ffe3eb;color:#e80044}.message-error a{color:#ba0036}.message-error a:hover{color:#8b0029}.message-alert{background-color:#ffeed7;color:#f18902}.message-alert a{color:#c16e02}.message-alert a:hover{color:#915201}.message-success{background-color:#e8f7ef;color:#43bb6e}.message-success a{color:#369658}.message-success a:hover{color:#287042}.close{display:block;position:absolute;top:50%;right:15px;margin-top:-15px;cursor:pointer;font-size:large;font-weight:bold}form .message{padding:10px}.modal{position:fixed;top:50%;left:50%;border-radius:3px;z-index:20;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;-webkit-overflow-scrolling:touch}.modal.modal-no-sections{padding:30px;text-align:center}.modal-title{margin:0;float:left}.modal-head,.modal-body{padding:15px}.modal-head{border-bottom:1px solid #e6eaed}.modal-footer{padding:15px 0;text-align:center;border-top:1px solid #e6eaed}.modal-footer button,.modal-footer .button{min-width:120px}.modal-footer button+button,.modal-footer .button+.button{margin-left:5px}.modal-close{float:right;color:#b7c0c3;line-height:1.5;font-weight:bold;font-size:22px}.modal-close:hover{color:#828c8f}.has-modal:before{content:''}.overlay,.has-modal:before{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;box-shadow:inset 0 0 100px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.4)}@media screen and (max-width:480px){.modal{height:100%;width:100%;top:0;left:0;border-radius:0;-webkit-transform:none;-ms-transform:none;transform:none}}@media screen and (min-width:481px) and (max-width:768px){.modal{width:80%}}@media screen and (min-width:769px){.modal{width:50%}}.top-nav{margin-bottom:30px}.top-nav ul{margin:0}.top-nav li{padding:15px}.top-nav a{display:inline-block}.top-nav label{font-weight:normal;font-size:16px;line-height:1}.top-nav .menu-toggle{visibility:hidden;position:absolute;left:-100%}.top-nav .icon-arrow-down{position:relative;top:-2px;margin-left:5px}.top-nav-light{border-bottom:1px solid #e6eaed}.top-nav-light label{color:#00b0e9}.top-nav-light,.top-nav-light li{background-color:#fff}.top-nav-dark label{color:#438193}.top-nav-dark a{color:#438193}.top-nav-dark a:hover,.top-nav-dark a.active,.top-nav-dark label{color:#85b8c7}.top-nav-dark,.top-nav-dark li{background-color:#003546}.top-nav-dark .icon-arrow-down{border-top-color:#438193}.breadcrumbs{padding:10px 0}.breadcrumbs li{color:#b7c0c3}.breadcrumbs a{padding:0 10px}.pagination li:not(:last-child){border-right:1px solid #e6eaed}.pagination em[class^='icon'],.pagination em[class*=' icon']{top:1px;position:relative}.pagination .icon-arrow-right{border-left:5px solid #00b0e9}.pagination .icon-arrow-left{border-right:5px solid #00b0e9}.tabs{border-bottom:1px solid #e6eaed}.tabs a{display:block}.side-nav li:not(:last-child) a{border-bottom:1px solid #e6eaed}.unavailable-item{color:#b7c0c3}.unavailable-item:not([href]),.unavailable-item:not([href]):hover{color:#b7c0c3;cursor:default;pointer-events:none}.current-item{color:#4d5659;font-weight:800}.side-nav a,.pagination a,.side-nav li,.pagination li{display:block}.side-nav a:hover:not(.unavailable-item),.pagination a:hover:not(.unavailable-item),.side-nav .current-item,.pagination .current-item{background-color:#fafbfb}.pagination,.breadcrumbs{display:inline-block}.pagination li,.breadcrumbs li{float:left}.breadcrumbs,.side-nav,.pagination{border-radius:3px;border:1px solid #e6eaed}.side-nav a,.pagination a{padding:10px 15px}.breadcrumbs a,.pagination a{font-size:12px}@media screen and (max-width:480px){.tabs a{position:relative;padding:10px}}@media screen and (min-width:481px){.tabs a{padding:10px 15px}.tabs .current-item{position:relative;top:1px;border:1px solid #e6eaed;border-bottom-color:transparent;border-radius:3px 3px 0 0;background-color:#fff}}@media screen and (max-width:768px){.top-nav ul{display:none}.top-nav ul>li{padding:10px}.top-nav .icon-arrow-down{display:none}.top-nav label,.top-nav .menu-toggle:checked ~ ul,.top-nav .menu-toggle:checked ~ ul>li{display:block}.top-nav label{padding:15px 15px 15px 0;margin-bottom:0;text-align:right;cursor:pointer}.top-nav .menu-toggle:checked ~ ul .dropdown{display:block;z-index:1000}.top-nav .menu-toggle:checked ~ ul .dropdown li{padding:5px 15px;float:left;border:0}.top-nav .menu-toggle:checked ~ ul .dropdown a{font-size:12px;font-weight:normal}.top-nav-light .menu-toggle:checked ~ ul>li:not(:last-child){border-bottom:1px solid #e6eaed}.top-nav-dark .menu-toggle:checked ~ ul>li:not(:last-child){border-bottom:1px solid #1f4753}}@media screen and (min-width:769px){.top-nav label{display:none}.top-nav .has-dropdown{position:relative}.top-nav .has-dropdown:hover .dropdown{display:block}.top-nav .dropdown{display:none;position:absolute;top:100%;left:0}.top-nav .dropdown li{display:block}.top-nav-light .dropdown{border-left:1px solid #e6eaed;border-right:1px solid #e6eaed}.top-nav-light .dropdown li{border-bottom:1px solid #e6eaed}.top-nav-dark .dropdown li{border-bottom:1px solid #1f4753}}.progress,.meter{border-radius:3px;line-height:0}.progress.progress-rounded,.progress-rounded .meter{border-radius:50px}.progress{border:1px solid #e6eaed;background-color:#fdfdfd}.progress .meter{display:inline-block;background-color:#00b0e9;height:100%}.progress-small{height:15px}.progress-large{height:25px}.progress-success .meter{background-color:#43bb6e}.progress-warning .meter{background-color:#f18902}.progress-error .meter{background-color:#e80044}.table-responsive{overflow-x:auto}table{width:100%;max-width:100%;margin-bottom:30px}td,th{text-align:left;padding:10px;border-bottom:1px solid #e6eaed}thead th{font-weight:800;color:#4d5659}tr.table-cell-error{background-color:#ffe3eb;color:#e80044}tr.table-cell-error a{color:#ba0036}tr.table-cell-error a:hover{color:#8b0029}tr.table-cell-success{background-color:#e8f7ef;color:#43bb6e}tr.table-cell-success a{color:#369658}tr.table-cell-success a:hover{color:#287042}tr.table-cell-alert{background-color:#ffeed7;color:#f18902}tr.table-cell-alert a{color:#c16e02}tr.table-cell-alert a:hover{color:#915201}.table-striped tr:nth-child(even){color:#828c8f}.table-outlined{border:1px solid #e6eaed;border-radius:3px}.table-outlined tr:last-of-type td{border:0}.table-with-hover tr:hover,.table-striped tr:nth-child(even){background-color:#fafbfb}@media screen and (max-width:767px){table td,table th{padding:5px 10px}}.avatar-radius{border-radius:3px}.avatar-rounded{border-radius:100%}.avatar-small{height:25px;width:25px}.avatar-medium{height:50px;width:50px}.avatar-large{height:100px;width:100px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:''}pre,blockquote{page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{border-style:solid;border-color:#f2f4f6}pre{color:#000;background:#f5f7f8}code{color:#000;background:#f5f7f8}header{padding-bottom:30px;border-bottom:1px solid #f2f4f6}header h1{margin-bottom:0}header p{font-size:22px}header .button{margin:30px 0}footer[role='contentinfo']{padding:30px 0;border-top:1px solid #f2f4f6;color:#828c8f;text-align:center}footer[role='contentinfo'] li:not(:last-of-type):after{content:'\2219';margin:0 5px 0 10px}footer[role='contentinfo'] p{margin-bottom:0}footer[role='contentinfo'] .logo{margin-top:30px;display:inline-block;width:17px;height:20px;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIxNjIgMjQ2LjEgMjg4IDMzNS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE2MiAyNDYuMSAyODggMzM1LjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNCN0MwQzMiIGQ9Ik0zMDIuMSwzOTUuMmw1OC4xLDcwLjNsMi0yYzYuMy02LjcsMTIuMS0xMy4zLDE3LjctMjBjNS41LTYuNywyMC0yMiwyNS4yLTI5LjFMNDI4LDQ1Ng0KCQkJYy0zLjksNS41LTkuMSwxMi4xLTE1LjMsMTkuNmMtNi4zLDcuNS0xMy43LDE2LjEtMjIuOCwyNS42bDYwLjEsNzQuM2gtNjAuOWwtMzIuMy0zOS43Yy0yOS41LDMwLjctNjAuNSw0Ni05Mi4zLDQ2DQoJCQljLTI4LjcsMC01My4xLTkuMS03My4xLTI3LjVjLTE5LjYtMTguNC0yOS41LTQxLjItMjkuNS02OC40YzAtMzIuMywxNS4zLTU5LjMsNDYuOC04MC41bDIxLjItMTQuNWMwLjQsMCwwLjgtMC40LDEuNi0xLjINCgkJCWMwLjgtMC40LDEuNi0xLjIsMi44LTIuNGMtMjEuMi0yMi44LTMyLjMtNDUuMi0zMi4zLTY3LjJzNy4xLTM5LjcsMjEuMi01My41YzE0LjUtMTMuNywzMy4zLTIwLjQsNTYuNS0yMC40DQoJCQljMjIuNCwwLDQwLjUsNi43LDU1LjEsMjBjMTQuNSwxMy4zLDIyLDMwLjMsMjIsNTAuM2MwLDE0LjEtMy45LDI2LjctMTEuNywzOC4xQzMzNi43LDM2NS43LDMyMi41LDM3OS41LDMwMi4xLDM5NS4yeg0KCQkJIE0yNjMuMiw0MjIuN2wtMi44LDJjLTIwLDEzLjctMzMuNywyNS4yLTQwLjgsMzMuM2MtNy4xLDguMS0xMC43LDE3LjMtMTAuNywyNi43YzAsMTMuMyw1LjUsMjUuOSwxNi4xLDM2LjkNCgkJCWMxMS4xLDEwLjcsMjMuNiwxNi4xLDM2LjksMTYuMWMxOC44LDAsNDAuNS0xMi4xLDY1LjItMzYuOUwyNjMuMiw0MjIuN3ogTTI3My45LDM2MC45bDMuOS0zLjJjNi43LTUuMSwxMi41LTkuOSwxNi45LTEzLjMNCgkJCWM0LjMtMy45LDcuOS03LjEsOS45LTkuOWM0LjMtNS4xLDYuMy0xMS4zLDYuMy0xOS4yYzAtOC43LTIuOC0xNS4zLTguNy0yMC44cy0xMy4zLTcuOS0yMy4yLTcuOWMtOC43LDAtMTYuMSwyLjgtMjIuNCw4LjMNCgkJCWMtNS45LDUuMS05LjEsMTEuNy05LjEsMjBjMCw5LjUsMy45LDE4LjgsMTEuMywyOC4zbDEyLjEsMTQuNUMyNzEuNSwzNTguMywyNzIuMywzNTkuMywyNzMuOSwzNjAuOXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat 0 0}section{padding:30px 0}section:not(:last-child){border-bottom:1px solid #f2f4f6}.sample{border:1px solid #e6eaed;padding:30px;border-radius:3px}.sample *:last-child{margin-bottom:0}.sample h1,.sample h2,.sample h3,.sample h4,.sample h5,.sample h6{margin-bottom:10px}.avatar{margin:0 30px 30px 0}.buttons .button-group{margin-bottom:10px}.buttons .button-group .button{margin:0 0 0 -1px}.buttons .button{margin:5px}.top-nav ul{z-index:10}.progress{margin-bottom:10px}.progress .meter{min-width:50%}.modal-sample{padding:15px;margin-bottom:30px;box-shadow:inset 0 0 100px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.4)}.modal-sample .modal{position:relative;top:0;left:50%;margin-left:-25%;-webkit-transform:none;-ms-transform:none;transform:none}.message,.form-inline{margin-bottom:10px}.color{display:inline-block;padding:15px;color:#fff;text-align:center}.blue1{background-color:#001620}.blue2{background-color:#002531}.blue3{background-color:#003546}.blue4{background-color:#1f4753}.blue5{background-color:#438193}.blue6{background-color:#00b0e9}.blue7{background-color:#74ddff}.blue8{background-color:#e3f8ff;color:#00b0e9}.gray1{background-color:#272b2d}.gray2{background-color:#4d5659}.gray3{background-color:#828c8f}.gray4{background-color:#b7c0c3}.gray5{background-color:#e6eaed}.gray4,.gray5{color:#272b2d}.pink1{background-color:#ee0788}.pink2{background-color:#fec1d1}.pink3{background-color:#ffedf2}.pink2,.pink3{color:#ee0788}.red1{background-color:#e80044}.red2{background-color:#ffc7d8}.red3{background-color:#ffe3eb}.red2,.red3{color:#e80044}.green1{background-color:#43bb6e}.green2{background-color:#c6ebd3}.green3{background-color:#e8f7ef}.green2,.green3{color:#43bb6e}.orange1{background-color:#f18902}.orange2{background-color:#fec57b}.orange3{background-color:#ffeed7}.orange2,.orange3{color:#f18902}.icon-sample{margin:0 5px}[class^="grid-flex-cell"] p,[class*=" grid-flex-cell"] p{border:1px solid #e6eaed;border-radius:3px;text-align:center;padding:1em;margin:0}@media screen and (min-width:769px){body{border-width:10px}}@media screen and (max-width:768px){body{border-width:5px}.modal-sample .modal{width:auto;left:0;margin-left:0}}@media screen and (max-width:480px){.button{display:inline-block;width:auto}.logo{margin:30px auto;display:block;text-align:center}.color{width:100%}}@media screen and (min-width:481px){.logo{margin:20px;display:inline-block}.color{width:250px;margin-bottom:5px}} \ No newline at end of file +html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:'proxima-nova',helvetica neue,helvetica,arial,sans-serif;font-size:16px;line-height:1.5;color:#4d5659;text-rendering:optimizeSpeed}p{margin-top:0;margin-bottom:30px}::-moz-selection{background-color:#74ddff;color:#fff}::selection{background-color:#74ddff;color:#fff}a{color:#00b0e9;text-decoration:none;cursor:pointer}a:focus{outline:0}a:hover{color:#008dba}.pull-left{float:left}.pull-right{float:right}.hide{display:none}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}img,iframe,video{max-width:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:30px;line-height:1.25;font-family:'aktiv-grotesk',helvetica neue,helvetica,arial,sans-serif}h1,h2,h3,h4,h5,h6,strong{color:#000}h1,h2,h3,h4,h5,h6{font-weight:300}h6{text-transform:uppercase;color:#828c8f}abbr{color:#828c8f;border-bottom:1px dotted #b7c0c3;cursor:help}small,sup,sub{font-size:12px}mark{padding:3px 5px;background:#ffffb3}blockquote{margin:30px 0;padding:0 15px;color:#828c8f;font:italic 16px/1.55 Georgia,Times,serif}blockquote p:only-child,blockquote p:last-child{margin:0}blockquote footer{margin-top:15px;font-size:16px;color:#9ba3a5}blockquote footer:before{content:'\2014 \00A0'}.blockquote-centered{text-align:center}.blockquote-medium{font-size:22px}.blockquote-large{font-size:36px;line-height:1.3}@media screen and (max-width:899px){h1{font-size:38px}h2{font-size:32px}h3{font-size:26px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}.blockquote-large{font-size:32px}}@media screen and (min-width:900px){h1{font-size:42px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:18px}h6{font-size:16px}}ul,ol{margin:0 0 30px 0;padding-left:30px}ul li>ul,ol li>ul,ul li>ol,ol li>ol{margin-top:30px}ul li ul li,ol li ul li{list-style:circle}ul li li ul li,ol li li ul li{list-style:square}ul li{list-style:disc}.list-unstyled{padding-left:0}.list-unstyled li{list-style:none}.list-inline li{display:inline-block}dl dt{font-weight:500;color:#000}dl dd{margin:0}.container{margin:0 auto}.grid-flex-container{margin:-30px 0 30px -30px;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}[class^="grid-flex-cell"],[class*=" grid-flex-cell"]{padding:30px 0 0 30px}@media screen and (max-width:600px){.container{width:90%}[class^="grid-flex-cell"],[class*=" grid-flex-cell"]{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}@media screen and (min-width:601px){[class^="grid-flex-cell"],[class*=" grid-flex-cell"]{-webkit-box-flex:1;-ms-flex:1;flex:1}.grid-flex-cell-1of2,.grid-flex-cell-1of3,.grid-flex-cell-1of4{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-flex-cell-1of2{width:50%}.grid-flex-cell-1of3{width:33.333333333333336%}.grid-flex-cell-1of4{width:25%}}@media screen and (min-width:481px) and (max-width:900px){.container{width:85%}}@media screen and (min-width:901px){.container{width:70%}}select,.form-input,.form-checkbox,.form-radio{margin-bottom:15px}legend,label{font-weight:800}legend{padding:0 15px;font-size:22px;color:#000}fieldset{border:1px solid #e6eaed;border-radius:3px;padding:30px;margin:0 0 30px 0}label{display:block;margin-bottom:5px;font-size:12px;cursor:pointer}select,.form-input,.form-radio,.form-checkbox{outline:0}.form-inline{overflow:hidden}.form-input{display:block;padding:10px;width:100%;border-radius:3px;border:1px solid #e6eaed;-webkit-appearance:none}.form-input:focus{-webkit-transition:all .2s ease-in;transition:all .2s ease-in;border:1px solid #74ddff;background-color:#f8fdff}.form-input:disabled{background-color:#fafbfb;cursor:not-allowed}.form-input:required:focus{border:1px solid #fec57b;background-color:#fff9f2}.form-input.input-invalid{border:1px solid #ffc7d8;color:#ff749d}.form-input.input-invalid:focus{border:1px solid #e80044;background-color:#fff4f7}.form-input.input-valid{border:1px solid #c6ebd3;color:#8ed6a8}.form-input.input-valid:focus{border:1px solid #43bb6e;background-color:#f4fbf6}textarea{resize:none;min-height:90px}input[type=file],label.radio,label.checkbox,select{cursor:pointer}input[type=file]{padding:10px;background-color:#f8f9fa;font-size:12px;color:#b7c0c3}select{border:1px solid #e6eaed;height:40px;padding:10px;width:100%;background-color:#fff}select:focus{border:1px solid #74ddff}select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.input-radio,.input-checkbox{margin:5px 0;font-size:16px;font-weight:normal}.input-radio.disabled,.input-checkbox.disabled{color:#b7c0c3;cursor:not-allowed}.input-radio input[type=checkbox],.input-checkbox input[type=checkbox],.input-radio input[type=radio],.input-checkbox input[type=radio]{display:inline-block;margin-right:10px}@media screen and (min-width:768px){.form-inline.form-no-labels .button{margin-top:0}.form-inline .form-element{float:left;width:50%}.form-inline .button{margin-top:22.5px}.form-inline .form-element:not(:first-of-type){padding-left:5px}.form-inline .form-input,.form-inline .input-checkbox,.form-inline .input-radio,.form-inline select{margin:0}}.button{display:inline-block;border:0;border-radius:3px;padding-left:15px;padding-right:15px;text-align:center;cursor:pointer;background-color:#00b0e9;-webkit-transition-delay:0;transition-delay:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transition-property:background,border-color;transition-property:background,border-color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button:not([class*='button-outlined']){padding-top:10px;padding-bottom:10px}.button:hover{background-color:#009ed2}.button:disabled,.button .button-disabled{background-color:#74ddff;cursor:not-allowed}.button:focus{outline:0}.button,.button:hover{color:#fff}.button-small{padding:3px 10px;font-size:12px}.button-large{padding:15px 30px;font-size:22px}.button-unstyled,.button-unstyled:hover{background-color:transparent}.button-unstyled{padding:0;color:#00b0e9}.button-unstyled:hover{color:#008dba}.button-neutral{background-color:#e6eaed}.button-neutral:hover{background-color:#b0bcc6}.button-neutral:disabled,.button-neutral .button-disabled{background-color:#e6eaed;color:#b7c0c3}.button-neutral:disabled:hover,.button-neutral .button-disabled:hover{color:#b7c0c3}.button-neutral,.button-neutral:hover{color:#272b2d}.button-approve{background-color:#43bb6e}.button-approve:hover{background-color:#369658}.button-approve:disabled,.button-approve .button-disabled{background-color:#c6ebd3}.button-warn{background-color:#e80044}.button-warn:hover{background-color:#ba0036}.button-warn:disabled,.button-warn.button-disabled{background-color:#ffc7d8}.button-caution{background-color:transparent;color:#e80044;text-decoration:underline}.button-caution:hover{background-color:transparent;color:#ba0036}.button-caution:disabled,.button-caution .button-disabled{color:#b7c0c3}*[class*='button-outlined']{border-width:2px;border-style:solid;padding-top:8px;padding-bottom:8px}*[class*='button-outlined'],*[class*='button-outlined']:hover,*[class*='button-outlined']:disabled{background-color:transparent}.button-outlined{border-color:#00b0e9;color:#00b0e9}.button-outlined:hover{border-color:#008dba;color:#008dba}.button-outlined:disabled{border-color:#74ddff;color:#74ddff}.button-outlined-neutral{border-color:#b7c0c3;color:#828c8f}.button-outlined-neutral:hover{border-color:#828c8f;color:#4d5659}.button-outlined-neutral:disabled,.button-outlined-neutral.button-disabled{color:#c5cdcf;border-color:#e6eaed}.button-outlined-neutral:disabled:hover,.button-outlined-neutral.button-disabled:hover{color:#c5cdcf}.button-outlined-approve{border-color:#43bb6e;color:#43bb6e}.button-outlined-approve:hover{border-color:#369658;color:#369658}.button-outlined-approve:disabled{border-color:#c6ebd3;color:#c6ebd3}.button-outlined-warn{border-color:#e80044;color:#e80044}.button-outlined-warn:hover{border-color:#ba0036;color:#ba0036}.button-outlined-warn:disabled{border-color:#ffc7d8;color:#ffc7d8}.button-group .button{border-radius:0;margin-left:-1px;border:1px solid #008dba}.button-group .button:first-child,.button-group .button:first-child:only-child{margin:0}.button-group .button:first-child:only-child{border-radius:3px}.button-group .button:first-child{border-radius:3px 0 0 3px}.button-group .button:last-child{border-radius:0 3px 3px 0}.button-group .button-neutral,.button-group .button-outlined{border:1px solid #b7c0c3}@media screen and (max-width:480px){.button-group .button{border-radius:none;margin:0;width:100%}.button-group .button:first-of-type{border-radius:3px 3px 0 0}.button-group .button:last-of-type{border-radius:0 0 3px 3px}.button-group .button:not(:last-of-type){border-bottom:0}}code{font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;padding:3px 5px}pre{display:block;padding:15px;margin-bottom:30px;max-width:100%;line-height:1.5;word-break:break-all;word-wrap:break-word}pre code{padding:0;white-space:pre-wrap}code,pre{border-radius:3px}.code-light{color:#000;background:#f5f7f8}.code-dark{color:#5ca1b5;background:#003546}.dropdown-standalone{position:relative;display:inline-block;cursor:pointer;padding:10px;border-radius:3px}.dropdown-standalone:hover{border-radius:3px 3px 0 0}.dropdown-standalone:hover .dropdown{display:block;position:absolute;top:100%;left:0;width:100%;border-radius:0 0 3px 3px}.dropdown-standalone:hover .dropdown a{padding:10px;display:block}.dropdown-standalone .dropdown{display:none}.dropdown-standalone .icon-arrow-down{position:relative;top:-2px;margin-left:5px}.dropdown-outlined,.dropdown-outlined .dropdown{border:1px solid #e6eaed}.dropdown-standalone.dropdown-outlined .dropdown{width:101%;left:-1px}.dropdown-outlined .dropdown{background-color:#fff}.dropdown-outlined .dropdown li:not(:last-child){border-bottom:1px solid #e6eaed}.dropdown-coloured,.dropdown-coloured .dropdown{background-color:#00b0e9}.dropdown-coloured .button-unstyled,.dropdown-coloured .dropdown a{color:#fff}.dropdown-coloured .icon-arrow-down{border-top-color:#fff}.dropdown-coloured .dropdown li:not(:last-child){border-bottom:1px solid #009ed2}.dropdown-coloured .dropdown a:hover{color:#e3f8ff}.dropdown-neutral,.dropdown-neutral .dropdown{background-color:#e6eaed}.dropdown-neutral a{color:#4d5659}.dropdown-neutral a:hover,.dropdown-neutral .button-unstyled:hover{color:#272b2d}.dropdown-neutral .icon-arrow-down{border-top-color:#4d5659}.dropdown-neutral .dropdown li:not(:last-child){border-bottom:1px solid #b7c0c3}.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-down{display:inline-block;width:0;height:0;line-height:0;font-size:0}.icon-arrow-up,.icon-arrow-down{border-left:5px solid transparent;border-right:5px solid transparent}.icon-arrow-left,.icon-arrow-right{border-top:5px solid transparent;border-bottom:5px solid transparent}.icon-arrow-left{border-right:5px solid #00b0e9}.icon-arrow-right{border-left:5px solid #00b0e9}.icon-arrow-down{border-top:5px solid #00b0e9}.icon-arrow-up{border-bottom:5px solid #00b0e9}.media-outlined,img{border-radius:3px}figure{width:auto;margin:0}figure img{vertical-align:middle}figure figcaption{color:#828c8f;font-size:12px}.media-outlined{display:inline-block;padding:5px;border:1px solid #e6eaed}@media screen and (max-width:480px){figure{text-align:center}figure img+img{margin:5px auto 0}}@media screen and (min-width:481px){figure img:not(:last-child):not(:only-child){margin-right:5px}figure img:not(:only-child){margin-top:5px}figure img+figcaption{margin-bottom:5px}figure img+figcaption:not(:only-child){margin-right:5px}}.message{padding:15px;position:relative;background-color:#e3f8ff;color:#00b0e9}.message a{font-weight:bold}.message p:last-of-type{margin:0}.message:after{border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-width:5px}.message-dismissable{padding-right:30px}.message-full-width{text-align:center}.message-above:after,.message-below:after{left:50%;margin-left:-6px}.message-below:after{border-bottom-color:#e3f8ff;bottom:100%}.message-below.message-error:after{border-bottom-color:#ffe3eb}.message-below.message-success:after{border-bottom-color:#e8f7ef}.message-below.message-alert:after{border-bottom-color:#ffeed7}.message-above:after{border-top-color:#e3f8ff;top:100%}.message-above.message-error:after{border-top-color:#ffe3eb}.message-above.message-success:after{border-top-color:#e8f7ef}.message-above.message-alert:after{border-top-color:#ffeed7}.message-error{background-color:#ffe3eb;color:#e80044}.message-error a{color:#ba0036}.message-error a:hover{color:#8b0029}.message-alert{background-color:#ffeed7;color:#f18902}.message-alert a{color:#c16e02}.message-alert a:hover{color:#915201}.message-success{background-color:#e8f7ef;color:#43bb6e}.message-success a{color:#369658}.message-success a:hover{color:#287042}.close{display:block;position:absolute;top:50%;right:15px;margin-top:-15px;cursor:pointer;font-size:large;font-weight:bold}form .message{padding:10px}.modal{position:fixed;top:50%;left:50%;border-radius:3px;z-index:20;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;-webkit-overflow-scrolling:touch}.modal.modal-no-sections{padding:30px;text-align:center}.modal-title{margin:0;float:left}.modal-head,.modal-body{padding:15px}.modal-head{border-bottom:1px solid #e6eaed}.modal-footer{padding:15px 0;text-align:center;border-top:1px solid #e6eaed}.modal-footer button,.modal-footer .button{min-width:120px}.modal-footer button+button,.modal-footer .button+.button{margin-left:5px}.modal-close{float:right;color:#b7c0c3;line-height:1.5;font-weight:bold;font-size:22px}.modal-close:hover{color:#828c8f}.has-modal:before{content:''}.overlay,.has-modal:before{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.7);box-shadow:inset 0 0 100px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.4)}@media screen and (max-width:480px){.modal{height:100%;width:100%;top:0;left:0;border-radius:0;-webkit-transform:none;transform:none}}@media screen and (min-width:481px) and (max-width:768px){.modal{width:80%}}@media screen and (min-width:769px){.modal{width:50%}}.top-nav{margin-bottom:30px}.top-nav ul{margin:0}.top-nav li{padding:15px}.top-nav a{display:inline-block}.top-nav label{font-weight:normal;font-size:16px;line-height:1}.top-nav .menu-toggle{visibility:hidden;position:absolute;left:-100%}.top-nav .icon-arrow-down{position:relative;top:-2px;margin-left:5px}.top-nav-light{border-bottom:1px solid #e6eaed}.top-nav-light label{color:#00b0e9}.top-nav-light,.top-nav-light li{background-color:#fff}.top-nav-dark label{color:#438193}.top-nav-dark a{color:#438193}.top-nav-dark a:hover,.top-nav-dark a.active,.top-nav-dark label{color:#85b8c7}.top-nav-dark,.top-nav-dark li{background-color:#003546}.top-nav-dark .icon-arrow-down{border-top-color:#438193}.breadcrumbs{padding:10px 0}.breadcrumbs li{color:#b7c0c3}.breadcrumbs a{padding:0 10px}.pagination li:not(:last-child){border-right:1px solid #e6eaed}.pagination em[class^='icon'],.pagination em[class*=' icon']{top:1px;position:relative}.pagination .icon-arrow-right{border-left:5px solid #00b0e9}.pagination .icon-arrow-left{border-right:5px solid #00b0e9}.tabs{border-bottom:1px solid #e6eaed}.tabs a{display:block}.side-nav li:not(:last-child) a{border-bottom:1px solid #e6eaed}.unavailable-item{color:#b7c0c3}.unavailable-item:not([href]),.unavailable-item:not([href]):hover{color:#b7c0c3;cursor:default;pointer-events:none}.current-item{color:#4d5659;font-weight:800}.side-nav a,.pagination a,.side-nav li,.pagination li{display:block}.side-nav a:hover:not(.unavailable-item),.pagination a:hover:not(.unavailable-item),.side-nav .current-item,.pagination .current-item{background-color:#fafbfb}.pagination,.breadcrumbs{display:inline-block}.pagination li,.breadcrumbs li{float:left}.breadcrumbs,.side-nav,.pagination{border-radius:3px;border:1px solid #e6eaed}.side-nav a,.pagination a{padding:10px 15px}.breadcrumbs a,.pagination a{font-size:12px}@media screen and (max-width:480px){.tabs a{position:relative;padding:10px}}@media screen and (min-width:481px){.tabs a{padding:10px 15px}.tabs .current-item{position:relative;top:1px;border:1px solid #e6eaed;border-bottom-color:transparent;border-radius:3px 3px 0 0;background-color:#fff}}@media screen and (max-width:768px){.top-nav ul{display:none}.top-nav ul>li{padding:10px}.top-nav .icon-arrow-down{display:none}.top-nav label,.top-nav .menu-toggle:checked ~ ul,.top-nav .menu-toggle:checked ~ ul>li{display:block}.top-nav label{padding:15px 15px 15px 0;margin-bottom:0;text-align:right;cursor:pointer}.top-nav .menu-toggle:checked ~ ul .dropdown{display:block;z-index:1000}.top-nav .menu-toggle:checked ~ ul .dropdown li{padding:5px 15px;float:left;border:0}.top-nav .menu-toggle:checked ~ ul .dropdown a{font-size:12px;font-weight:normal}.top-nav-light .menu-toggle:checked ~ ul>li:not(:last-child){border-bottom:1px solid #e6eaed}.top-nav-dark .menu-toggle:checked ~ ul>li:not(:last-child){border-bottom:1px solid #1f4753}}@media screen and (min-width:769px){.top-nav label{display:none}.top-nav .has-dropdown{position:relative}.top-nav .has-dropdown:hover .dropdown{display:block}.top-nav .dropdown{display:none;position:absolute;top:100%;left:0}.top-nav .dropdown li{display:block}.top-nav-light .dropdown{border-left:1px solid #e6eaed;border-right:1px solid #e6eaed}.top-nav-light .dropdown li{border-bottom:1px solid #e6eaed}.top-nav-dark .dropdown li{border-bottom:1px solid #1f4753}}.progress,.meter{border-radius:3px;line-height:0}.progress.progress-rounded,.progress-rounded .meter{border-radius:50px}.progress{border:1px solid #e6eaed;background-color:#fdfdfd}.progress .meter{display:inline-block;background-color:#00b0e9;height:100%}.progress-small{height:15px}.progress-large{height:25px}.progress-success .meter{background-color:#43bb6e}.progress-warning .meter{background-color:#f18902}.progress-error .meter{background-color:#e80044}.table-responsive{overflow-x:auto}table{width:100%;max-width:100%;margin-bottom:30px}td,th{text-align:left;padding:10px;border-bottom:1px solid #e6eaed}thead th{font-weight:800;color:#4d5659}tr.table-cell-error{background-color:#ffe3eb;color:#e80044}tr.table-cell-error a{color:#ba0036}tr.table-cell-error a:hover{color:#8b0029}tr.table-cell-success{background-color:#e8f7ef;color:#43bb6e}tr.table-cell-success a{color:#369658}tr.table-cell-success a:hover{color:#287042}tr.table-cell-alert{background-color:#ffeed7;color:#f18902}tr.table-cell-alert a{color:#c16e02}tr.table-cell-alert a:hover{color:#915201}.table-striped tr:nth-child(even){color:#828c8f}.table-outlined{border:1px solid #e6eaed;border-radius:3px}.table-outlined tr:last-of-type td{border:0}.table-with-hover tr:hover,.table-striped tr:nth-child(even){background-color:#fafbfb}@media screen and (max-width:767px){table td,table th{padding:5px 10px}}.avatar-radius{border-radius:3px}.avatar-rounded{border-radius:100%}.avatar-small{height:25px;width:25px}.avatar-medium{height:50px;width:50px}.avatar-large{height:100px;width:100px}@media print{*{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:''}pre,blockquote{page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{border-style:solid;border-color:#f2f4f6}pre{color:#000;background:#f5f7f8}code{color:#000;background:#f5f7f8}header{padding-bottom:30px;border-bottom:1px solid #f2f4f6}header h1{margin-bottom:0}header p{font-size:22px}header .button{margin:30px 0}footer[role='contentinfo']{padding:30px 0;border-top:1px solid #f2f4f6;color:#828c8f;text-align:center}footer[role='contentinfo'] li:not(:last-of-type):after{content:'\2219';margin:0 5px 0 10px}footer[role='contentinfo'] p{margin-bottom:0}footer[role='contentinfo'] .logo{margin-top:30px;display:inline-block;width:17px;height:20px;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIxNjIgMjQ2LjEgMjg4IDMzNS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE2MiAyNDYuMSAyODggMzM1LjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNCN0MwQzMiIGQ9Ik0zMDIuMSwzOTUuMmw1OC4xLDcwLjNsMi0yYzYuMy02LjcsMTIuMS0xMy4zLDE3LjctMjBjNS41LTYuNywyMC0yMiwyNS4yLTI5LjFMNDI4LDQ1Ng0KCQkJYy0zLjksNS41LTkuMSwxMi4xLTE1LjMsMTkuNmMtNi4zLDcuNS0xMy43LDE2LjEtMjIuOCwyNS42bDYwLjEsNzQuM2gtNjAuOWwtMzIuMy0zOS43Yy0yOS41LDMwLjctNjAuNSw0Ni05Mi4zLDQ2DQoJCQljLTI4LjcsMC01My4xLTkuMS03My4xLTI3LjVjLTE5LjYtMTguNC0yOS41LTQxLjItMjkuNS02OC40YzAtMzIuMywxNS4zLTU5LjMsNDYuOC04MC41bDIxLjItMTQuNWMwLjQsMCwwLjgtMC40LDEuNi0xLjINCgkJCWMwLjgtMC40LDEuNi0xLjIsMi44LTIuNGMtMjEuMi0yMi44LTMyLjMtNDUuMi0zMi4zLTY3LjJzNy4xLTM5LjcsMjEuMi01My41YzE0LjUtMTMuNywzMy4zLTIwLjQsNTYuNS0yMC40DQoJCQljMjIuNCwwLDQwLjUsNi43LDU1LjEsMjBjMTQuNSwxMy4zLDIyLDMwLjMsMjIsNTAuM2MwLDE0LjEtMy45LDI2LjctMTEuNywzOC4xQzMzNi43LDM2NS43LDMyMi41LDM3OS41LDMwMi4xLDM5NS4yeg0KCQkJIE0yNjMuMiw0MjIuN2wtMi44LDJjLTIwLDEzLjctMzMuNywyNS4yLTQwLjgsMzMuM2MtNy4xLDguMS0xMC43LDE3LjMtMTAuNywyNi43YzAsMTMuMyw1LjUsMjUuOSwxNi4xLDM2LjkNCgkJCWMxMS4xLDEwLjcsMjMuNiwxNi4xLDM2LjksMTYuMWMxOC44LDAsNDAuNS0xMi4xLDY1LjItMzYuOUwyNjMuMiw0MjIuN3ogTTI3My45LDM2MC45bDMuOS0zLjJjNi43LTUuMSwxMi41LTkuOSwxNi45LTEzLjMNCgkJCWM0LjMtMy45LDcuOS03LjEsOS45LTkuOWM0LjMtNS4xLDYuMy0xMS4zLDYuMy0xOS4yYzAtOC43LTIuOC0xNS4zLTguNy0yMC44cy0xMy4zLTcuOS0yMy4yLTcuOWMtOC43LDAtMTYuMSwyLjgtMjIuNCw4LjMNCgkJCWMtNS45LDUuMS05LjEsMTEuNy05LjEsMjBjMCw5LjUsMy45LDE4LjgsMTEuMywyOC4zbDEyLjEsMTQuNUMyNzEuNSwzNTguMywyNzIuMywzNTkuMywyNzMuOSwzNjAuOXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat 0 0}section{padding:30px 0}section:not(:last-child){border-bottom:1px solid #f2f4f6}.sample{border:1px solid #e6eaed;padding:30px;border-radius:3px}.sample *:last-child{margin-bottom:0}.sample h1,.sample h2,.sample h3,.sample h4,.sample h5,.sample h6{margin-bottom:10px}.avatar{margin:0 30px 30px 0}.buttons .button-group{margin-bottom:10px}.buttons .button-group .button{margin:0 0 0 -1px}.buttons .button{margin:5px}.top-nav ul{z-index:10}.progress{margin-bottom:10px}.progress .meter{min-width:50%}.modal-sample{padding:15px;margin-bottom:30px;-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.7);box-shadow:inset 0 0 100px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.4)}.modal-sample .modal{position:relative;top:0;left:50%;margin-left:-25%;-webkit-transform:none;transform:none}.message,.form-inline{margin-bottom:10px}.color{display:inline-block;padding:15px;color:#fff;text-align:center}.blue1{background-color:#001620}.blue2{background-color:#002531}.blue3{background-color:#003546}.blue4{background-color:#1f4753}.blue5{background-color:#438193}.blue6{background-color:#00b0e9}.blue7{background-color:#74ddff}.blue8{background-color:#e3f8ff;color:#00b0e9}.gray1{background-color:#272b2d}.gray2{background-color:#4d5659}.gray3{background-color:#828c8f}.gray4{background-color:#b7c0c3}.gray5{background-color:#e6eaed}.gray4,.gray5{color:#272b2d}.pink1{background-color:#ee0788}.pink2{background-color:#fec1d1}.pink3{background-color:#ffedf2}.pink2,.pink3{color:#ee0788}.red1{background-color:#e80044}.red2{background-color:#ffc7d8}.red3{background-color:#ffe3eb}.red2,.red3{color:#e80044}.green1{background-color:#43bb6e}.green2{background-color:#c6ebd3}.green3{background-color:#e8f7ef}.green2,.green3{color:#43bb6e}.orange1{background-color:#f18902}.orange2{background-color:#fec57b}.orange3{background-color:#ffeed7}.orange2,.orange3{color:#f18902}.icon-sample{margin:0 5px}[class^="grid-flex-cell"] p,[class*=" grid-flex-cell"] p{border:1px solid #e6eaed;border-radius:3px;text-align:center;padding:1em;margin:0}@media screen and (min-width:769px){body{border-width:10px}}@media screen and (max-width:768px){body{border-width:5px}.modal-sample .modal{width:auto;left:0;margin-left:0}}@media screen and (max-width:480px){.button{display:inline-block;width:auto}.logo{margin:30px auto;display:block;text-align:center}.color{width:100%}}@media screen and (min-width:481px){.logo{margin:20px;display:inline-block}.color{width:250px;margin-bottom:5px}} \ No newline at end of file