diff --git a/app/styles/_badge.scss b/app/styles/_badge.scss index 60797b96..1e930f9d 100644 --- a/app/styles/_badge.scss +++ b/app/styles/_badge.scss @@ -22,7 +22,7 @@ $badge-minwidth: 1.9em !default; $badge-radius: 1em !default; /// Default font size and line height for badges. -$badge-font-size: 0.625rem !default; +$badge-font-size: 1rem !default; $badge-lineheight: 1em !default; /// Generates the base styles for a badge. diff --git a/app/styles/_buttons.scss b/app/styles/_buttons.scss index 76323edb..95d09565 100644 --- a/app/styles/_buttons.scss +++ b/app/styles/_buttons.scss @@ -1,8 +1,8 @@ /// Padding inside buttons. /// @type List -$button-padding: 0.4375rem 0.875rem !default; -$button-padding-small: 0.3125rem 0.625rem; -$button-padding-large: 0.625rem 1.25rem; +$button-padding: 0.7rem 1.4rem !default; +$button-padding-small: 0.5rem 1rem; +$button-padding-large: 1rem 2rem; /// Margin around buttons. /// @type List @@ -36,9 +36,9 @@ $button-radius: 2px !default; /// Sizes for buttons / Font size /// @type Map $button-sizes: ( - btn--small: 0.625rem, - btn--default: 0.75rem, - btn--large: 0.875rem, + btn--small: 1rem, + btn--default: 1.2rem, + btn--large: 1.4rem, ) !default; /// opacity for a disabled button. diff --git a/app/styles/_labels.scss b/app/styles/_labels.scss index 41ee3bd3..c6ab0fed 100644 --- a/app/styles/_labels.scss +++ b/app/styles/_labels.scss @@ -13,8 +13,8 @@ $label-color-alt: $gray !default; $label-palette: $sd-extended-palette; /// Default padding inside labels. -$label-padding: 0 0.375rem !default; -$label-padding-large: 0.25rem 0.75rem; +$label-padding: 0 0.6rem !default; +$label-padding-large: 0.4rem 1.2rem; $label-lineheight-large: 1; @@ -22,8 +22,8 @@ $label-lineheight-large: 1; $label-radius: 2px !default; $label-sizes: ( - label--default: 0.5625rem, - label--large: 0.6875rem, + label--default: 0.9rem, + label--large: 1.1rem, ) !default; /// Removes background fill for hollow buttons. @@ -40,7 +40,7 @@ $label-sizes: ( vertical-align: middle; border-radius: $label-radius; text-transform: uppercase; - line-height: 0.875rem; + line-height: 1.4rem; letter-spacing: 0.125em; font-size: map-get($label-sizes, label--default); white-space: nowrap; diff --git a/app/styles/_reboot.scss b/app/styles/_reboot.scss new file mode 100644 index 00000000..e01004e0 --- /dev/null +++ b/app/styles/_reboot.scss @@ -0,0 +1,42 @@ +/** + * SD Reboot + */ + +// ============================================================================ +// GLOBAL +// ============================================================================ + +// Reset box sizing +* { + box-sizing: border-box; +} +// Set box-sizing globally to handle padding and border widths + +*::before, +*::after { + box-sizing: inherit; +} +// remove deafult browser focus +:focus {outline:none;} + +// Body reset +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body { + font-family: $baseFontFamily; + font-size: $baseFontSize; + line-height: $baseLineHeight; +} + +$baseFontSize: 13px; +$baseFontFamily: "Roboto", Helvetica, Arial, sans-serif; +$baseLineHeight: 18px; +$altFontFamily: Georgia, "Times New Roman", Times, serif; + +// override content-box in normalize.css +input[type="search"] { + box-sizing: border-box; +} \ No newline at end of file diff --git a/app/styles/_reset.scss b/app/styles/_reset.scss deleted file mode 100644 index 901d793f..00000000 --- a/app/styles/_reset.scss +++ /dev/null @@ -1 +0,0 @@ -:focus {outline:none;} \ No newline at end of file diff --git a/app/styles/_variables.scss b/app/styles/_variables.scss index 5122b946..73a271af 100644 --- a/app/styles/_variables.scss +++ b/app/styles/_variables.scss @@ -1,13 +1,2 @@ -html { - box-sizing: border-box; -} - -// Set box-sizing globally to handle padding and border widths -*, -*::before, -*::after { - box-sizing: inherit; -} - @import 'variables/typography'; @import 'variables/colors'; \ No newline at end of file diff --git a/app/styles/app.scss b/app/styles/app.scss index d80905cd..3ae0c767 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -1,8 +1,9 @@ + @import "normalize"; -@import "reset"; +@import "variables"; +@import "reboot"; @import "mixins"; @import "helpers"; -@import "variables"; @import "buttons"; @import "labels"; @import "badge"; diff --git a/app/styles/form-elements/_inputs.scss b/app/styles/form-elements/_inputs.scss index 0dff54cc..a4dae1fb 100644 --- a/app/styles/form-elements/_inputs.scss +++ b/app/styles/form-elements/_inputs.scss @@ -3,9 +3,9 @@ .form-label { display: inline-block; min-width: 75px; - font-size: 11px; - line-height: 26px; - margin: 0 5px 0 0; + font-size: 1.1rem; + line-height: 2.6rem; + margin: 0 0.5rem 0 0; color: #747474; text-transform: uppercase; font-weight: 500; @@ -13,7 +13,7 @@ .sd-line-input { margin: 0 0 1.8em 0; - padding-top: 14px; + padding-top: 1.4rem; position: relative; input, textarea { &.sd-line-input__input { @@ -23,8 +23,8 @@ border-bottom: 1px solid rgba(0,0,0,0.15)!important; background-color: transparent; padding: 0; - font-size: 14px; - height:24px; + font-size: 1.4rem; + height:2.4rem; transition: border linear 0.2s, box-shadow linear 0.2s; &:hover { border-color: rgba(0,0,0,0.3) !important; @@ -43,10 +43,10 @@ .sd-line-input__label { position: absolute; display: inline-block; - font-size: 11px; + font-size: 1.1rem; line-height: 100%; margin: 0; - color: #747474; + color: $grayText; text-transform: uppercase; font-weight: 500; top:0; @@ -54,8 +54,8 @@ .sd-line-input__hint, .sd-line-input__message, .sd-line-input__char-count { - font-size: 12px; - line-height: 14px; + font-size: 1.2rem; + line-height: 1.4rem; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); color: grey; font-weight: 300; @@ -65,20 +65,20 @@ position: absolute; left: 1px; right: auto; - top: 42px; - padding-right: 55px; + top: 4.2rem; + padding-right: 5.5rem; } .sd-line-input__char-count { position: absolute; right: 1px; left: auto; - top: 43px; - font-size: 11px; + top: 4.3rem; + font-size: 1.1rem; font-weight: 400; font-style: italic; } .sd-line-input__message { - padding-top: 4px; + padding-top: 0.4rem; } &.sd-line-input--invalid { .sd-line-input__label, diff --git a/app/styles/variables/_colors.scss b/app/styles/variables/_colors.scss index b6f30ca4..532cbb02 100644 --- a/app/styles/variables/_colors.scss +++ b/app/styles/variables/_colors.scss @@ -4,6 +4,7 @@ $black: #000; $grayDarker: #222; $grayDark: #333; $gray: #666; +$grayText: #747474; $grayLight: #999; $grayLighter: #F5F5F5; $white: #fff; diff --git a/app/styles/variables/_typography.scss b/app/styles/variables/_typography.scss index 7337d5b1..3fb2bb38 100644 --- a/app/styles/variables/_typography.scss +++ b/app/styles/variables/_typography.scss @@ -3,7 +3,7 @@ $baseFontSize: 13px; $baseFontFamily: "Roboto", Helvetica, Arial, sans-serif; -$baseLineHeight: 18px; +$baseLineHeight: 140%; $altFontFamily: Georgia, "Times New Roman", Times, serif; $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily diff --git a/dist/superdesk-ui-framework.core.css b/dist/superdesk-ui-framework.core.css index cc7b2510..4bc4b6b5 100644 --- a/dist/superdesk-ui-framework.core.css +++ b/dist/superdesk-ui-framework.core.css @@ -403,9 +403,31 @@ template { [hidden] { display: none; } +/** + * SD Reboot + */ +* { + box-sizing: border-box; } + +*::before, +*::after { + box-sizing: inherit; } + :focus { outline: none; } +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 13px; + line-height: 140%; } + +input[type="search"] { + box-sizing: border-box; } + .pull-left { float: left; } @@ -420,24 +442,16 @@ template { .clearfix:after { clear: both; } -html { - box-sizing: border-box; } - -*, -*::before, -*::after { - box-sizing: inherit; } - .btn { display: inline-block; vertical-align: middle; margin: 0; - padding: 0.4375rem 0.875rem; + padding: 0.7rem 1.4rem; -webkit-appearance: none; border: 1px solid transparent; border-radius: 2px; transition: background-color 0.1s ease-out, color 0.1s ease-out; - font-size: 0.75rem; + font-size: 1.2rem; text-transform: uppercase; line-height: 1; letter-spacing: 0.1em; @@ -455,11 +469,11 @@ html { border-color: rgba(8, 8, 8, 0.25) rgba(8, 8, 8, 0.25) transparent rgba(8, 8, 8, 0.25); border-width: 1px; } .btn.btn--small { - font-size: 0.625rem; - padding: 0.3125rem 0.625rem; } + font-size: 1rem; + padding: 0.5rem 1rem; } .btn.btn--large { - font-size: 0.875rem; - padding: 0.625rem 1.25rem; } + font-size: 1.4rem; + padding: 1rem 2rem; } .btn.btn--active { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); border-style: solid; @@ -652,13 +666,13 @@ html { .label { display: inline-block; - padding: 0 0.375rem; + padding: 0 0.6rem; vertical-align: middle; border-radius: 2px; text-transform: uppercase; - line-height: 0.875rem; + line-height: 1.4rem; letter-spacing: 0.125em; - font-size: 0.5625rem; + font-size: 0.9rem; white-space: nowrap; cursor: default; border: 1px solid transparent; @@ -666,8 +680,8 @@ html { background: #666; color: #fff; } .label.label--large { - font-size: 0.6875rem; - padding: 0.25rem 0.75rem; + font-size: 1.1rem; + padding: 0.4rem 1.2rem; line-height: 1; } .label.label--default { background: #333; @@ -777,7 +791,7 @@ html { min-width: 1.9em; padding: 0.5em 0.5em 0.4em; border-radius: 1em; - font-size: 0.625rem; + font-size: 1rem; line-height: 1em; text-align: center; text-transform: uppercase; @@ -1467,16 +1481,16 @@ html { .form-label { display: inline-block; min-width: 75px; - font-size: 11px; - line-height: 26px; - margin: 0 5px 0 0; + font-size: 1.1rem; + line-height: 2.6rem; + margin: 0 0.5rem 0 0; color: #747474; text-transform: uppercase; font-weight: 500; } .sd-line-input { margin: 0 0 1.8em 0; - padding-top: 14px; + padding-top: 1.4rem; position: relative; } .sd-line-input input.sd-line-input__input, .sd-line-input textarea.sd-line-input__input { width: 100%; @@ -1485,8 +1499,8 @@ html { border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; background-color: transparent; padding: 0; - font-size: 14px; - height: 24px; + font-size: 1.4rem; + height: 2.4rem; transition: border linear 0.2s, box-shadow linear 0.2s; } .sd-line-input input.sd-line-input__input:hover, .sd-line-input textarea.sd-line-input__input:hover { border-color: rgba(0, 0, 0, 0.3) !important; @@ -1500,7 +1514,7 @@ html { .sd-line-input .sd-line-input__label { position: absolute; display: inline-block; - font-size: 11px; + font-size: 1.1rem; line-height: 100%; margin: 0; color: #747474; @@ -1510,8 +1524,8 @@ html { .sd-line-input .sd-line-input__hint, .sd-line-input .sd-line-input__message, .sd-line-input .sd-line-input__char-count { - font-size: 12px; - line-height: 14px; + font-size: 1.2rem; + line-height: 1.4rem; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); color: grey; font-weight: 300; @@ -1520,18 +1534,18 @@ html { position: absolute; left: 1px; right: auto; - top: 42px; - padding-right: 55px; } + top: 4.2rem; + padding-right: 5.5rem; } .sd-line-input .sd-line-input__char-count { position: absolute; right: 1px; left: auto; - top: 43px; - font-size: 11px; + top: 4.3rem; + font-size: 1.1rem; font-weight: 400; font-style: italic; } .sd-line-input .sd-line-input__message { - padding-top: 4px; } + padding-top: 0.4rem; } .sd-line-input.sd-line-input--invalid .sd-line-input__label, .sd-line-input.sd-line-input--invalid .sd-line-input__message { color: #E51C23; } diff --git a/dist/superdesk-ui-framework.min.css b/dist/superdesk-ui-framework.min.css index ee899c44..d4728ced 100644 --- a/dist/superdesk-ui-framework.min.css +++ b/dist/superdesk-ui-framework.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */.flex-grid,svg:not(:root){overflow:hidden}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html,legend{box-sizing:border-box}.badge,.btn{text-align:center}.flex-grid .flex-grid__item,.sd-line-input,sub,sup{position:relative}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,footer,header,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}.btn,.label{vertical-align:middle}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}.dropdown.open .dropdown__toggle,.dropdown__toggle:active,:focus{outline:0}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn,.dropdown button{-webkit-appearance:none}summary{display:list-item}[hidden],template{display:none}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}*,::after,::before{box-sizing:inherit}.btn{display:inline-block;margin:0;padding:.4375rem .875rem;border:1px solid transparent;border-radius:2px;transition:background-color .1s ease-out,color .1s ease-out;font-size:.75rem;text-transform:uppercase;line-height:1;letter-spacing:.1em;cursor:pointer;background-color:rgba(51,51,51,.25);color:#333}.btn:focus,.btn:hover{background-color:rgba(8,8,8,.25);color:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--active,.btn:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--small{font-size:.625rem;padding:.3125rem .625rem}.btn.btn--large{font-size:.875rem;padding:.625rem 1.25rem}.btn.btn--expanded{display:block;width:100%;margin-right:0;margin-left:0}.badge,.label{display:inline-block;text-transform:uppercase}.btn.btn--default{background-color:#333;color:#fff}.btn.btn--default:focus,.btn.btn--default:hover{background-color:#292929;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--default:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--primary{background-color:#5ea9c8;color:#fff}.btn.btn--primary:focus,.btn.btn--primary:hover{background-color:#3c8eaf;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--primary:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--success{background-color:#46a546;color:#fff}.btn.btn--success:focus,.btn.btn--success:hover{background-color:#388438;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--success:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--warning{background-color:#dd8200;color:#fff}.btn.btn--warning:focus,.btn.btn--warning:hover{background-color:#b16800;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--warning:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--alert{background-color:#E51C23;color:#fff}.btn.btn--alert:focus,.btn.btn--alert:hover{background-color:#b8151b;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--alert:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--highlight{background-color:#9c27b0;color:#fff}.btn.btn--highlight:focus,.btn.btn--highlight:hover{background-color:#7d1f8d;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--highlight:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--hollow{border:1px solid #333!important;color:#333!important}.btn.btn--hollow,.btn.btn--hollow:focus,.btn.btn--hollow:hover{background-color:transparent!important}.btn.btn--hollow:focus,.btn.btn--hollow:hover{border-color:#292929;color:#292929}.btn.btn--hollow.btn--default{border:1px solid #333!important;color:#333!important}.btn.btn--hollow.btn--default:focus,.btn.btn--hollow.btn--default:hover{border-color:#292929;color:#292929}.btn.btn--hollow.btn--primary{border:1px solid #5ea9c8!important;color:#5ea9c8!important}.btn.btn--hollow.btn--primary:focus,.btn.btn--hollow.btn--primary:hover{border-color:#3c8eaf;color:#3c8eaf}.btn.btn--hollow.btn--success{border:1px solid #46a546!important;color:#46a546!important}.btn.btn--hollow.btn--success:focus,.btn.btn--hollow.btn--success:hover{border-color:#388438;color:#388438}.btn.btn--hollow.btn--warning{border:1px solid #dd8200!important;color:#dd8200!important}.btn.btn--hollow.btn--warning:focus,.btn.btn--hollow.btn--warning:hover{border-color:#b16800;color:#b16800}.btn.btn--hollow.btn--alert{border:1px solid #E51C23!important;color:#E51C23!important}.btn.btn--hollow.btn--alert:focus,.btn.btn--hollow.btn--alert:hover{border-color:#b8151b;color:#b8151b}.btn.btn--hollow.btn--highlight{border:1px solid #9c27b0!important;color:#9c27b0!important}.btn.btn--hollow.btn--highlight:focus,.btn.btn--hollow.btn--highlight:hover{border-color:#7d1f8d;color:#7d1f8d}.btn.btn--disabled,.btn[disabled]{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled:focus,.btn.btn--disabled:hover,.btn[disabled]:focus,.btn[disabled]:hover{background-color:rgba(51,51,51,.25);color:#333;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--default,.btn[disabled].btn--default{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--default:focus,.btn.btn--disabled.btn--default:hover,.btn[disabled].btn--default:focus,.btn[disabled].btn--default:hover{background-color:#333;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--primary,.btn[disabled].btn--primary{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--primary:focus,.btn.btn--disabled.btn--primary:hover,.btn[disabled].btn--primary:focus,.btn[disabled].btn--primary:hover{background-color:#5ea9c8;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--success,.btn[disabled].btn--success{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--success:focus,.btn.btn--disabled.btn--success:hover,.btn[disabled].btn--success:focus,.btn[disabled].btn--success:hover{background-color:#46a546;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--warning,.btn[disabled].btn--warning{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--warning:focus,.btn.btn--disabled.btn--warning:hover,.btn[disabled].btn--warning:focus,.btn[disabled].btn--warning:hover{background-color:#dd8200;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--alert,.btn[disabled].btn--alert{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--alert:focus,.btn.btn--disabled.btn--alert:hover,.btn[disabled].btn--alert:focus,.btn[disabled].btn--alert:hover{background-color:#E51C23;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--highlight,.btn[disabled].btn--highlight{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--highlight:focus,.btn.btn--disabled.btn--highlight:hover,.btn[disabled].btn--highlight:focus,.btn[disabled].btn--highlight:hover{background-color:#9c27b0;color:#fff;box-shadow:none;border:1px solid transparent}.label{padding:0 .375rem;border-radius:2px;line-height:.875rem;letter-spacing:.125em;font-size:.5625rem;white-space:nowrap;cursor:default;border:1px solid transparent;font-weight:500;background:#666;color:#fff}.label.label--large{font-size:.6875rem;padding:.25rem .75rem;line-height:1}.label.label--default{background:#333;color:color-pick-contrast(#333,#fff,#666)}.label.label--primary{background:#5ea9c8;color:color-pick-contrast(#5ea9c8,#fff,#666)}.label.label--success{background:#46a546;color:color-pick-contrast(#46a546,#fff,#666)}.label.label--warning{background:#dd8200;color:color-pick-contrast(#dd8200,#fff,#666)}.label.label--alert{background:#E51C23;color:color-pick-contrast(#E51C23,#fff,#666)}.label.label--highlight{background:#9c27b0;color:color-pick-contrast(#9c27b0,#fff,#666)}.label.label--success2{background:#56812e;color:color-pick-contrast(#56812e,#fff,#666)}.label.label--yellow2{background:#d2a800;color:color-pick-contrast(#d2a800,#fff,#666)}.label.label--orange2{background:#da7200;color:color-pick-contrast(#da7200,#fff,#666)}.label.label--red2{background:#be1600;color:color-pick-contrast(#be1600,#fff,#666)}.label.label--highlight2{background:#e30083;color:color-pick-contrast(#e30083,#fff,#666)}.label.label--highlight3{background:#8b008b;color:color-pick-contrast(#8b008b,#fff,#666)}.label.label--highlight4{background:#7300ab;color:color-pick-contrast(#7300ab,#fff,#666)}.label.label--darkBlue2{background:navy;color:color-pick-contrast(navy,#fff,#666)}.label.label--hollow{border:1px solid #666;background-color:transparent;color:#666}.label.label--hollow.label--default{border:1px solid #333;background-color:transparent;color:#333}.label.label--hollow.label--primary{border:1px solid #5ea9c8;background-color:transparent;color:#5ea9c8}.label.label--hollow.label--success{border:1px solid #46a546;background-color:transparent;color:#46a546}.label.label--hollow.label--warning{border:1px solid #dd8200;background-color:transparent;color:#dd8200}.label.label--hollow.label--alert{border:1px solid #E51C23;background-color:transparent;color:#E51C23}.label.label--hollow.label--highlight{border:1px solid #9c27b0;background-color:transparent;color:#9c27b0}.label.label--hollow.label--success2{border:1px solid #56812e;background-color:transparent;color:#56812e}.label.label--hollow.label--yellow2{border:1px solid #d2a800;background-color:transparent;color:#d2a800}.label.label--hollow.label--orange2{border:1px solid #da7200;background-color:transparent;color:#da7200}.label.label--hollow.label--red2{border:1px solid #be1600;background-color:transparent;color:#be1600}.label.label--hollow.label--highlight2{border:1px solid #e30083;background-color:transparent;color:#e30083}.label.label--hollow.label--highlight3{border:1px solid #8b008b;background-color:transparent;color:#8b008b}.label.label--hollow.label--highlight4{border:1px solid #7300ab;background-color:transparent;color:#7300ab}.label.label--hollow.label--darkBlue2{border:1px solid navy;background-color:transparent;color:navy}.badge{min-width:1.9em;padding:.5em .5em .4em;border-radius:1em;font-size:.625rem;line-height:1em;font-weight:400;background:#666;color:#fff}.badge.badge--default{background:#333;color:color-pick-contrast(#333,#fff,#666)}.badge.badge--primary{background:#5ea9c8;color:color-pick-contrast(#5ea9c8,#fff,#666)}.badge.badge--success{background:#46a546;color:color-pick-contrast(#46a546,#fff,#666)}.badge.badge--warning{background:#dd8200;color:color-pick-contrast(#dd8200,#fff,#666)}.badge.badge--alert{background:#E51C23;color:color-pick-contrast(#E51C23,#fff,#666)}.badge.badge--highlight{background:#9c27b0;color:color-pick-contrast(#9c27b0,#fff,#666)}.flex-grid{display:flex;flex-direction:row;overflow-x:auto}.flex-grid--wrap-items{flex-wrap:wrap}.flex-grid--content-center{justify-content:center}.flex-grid--boxed .flex-grid__item{margin:16px;background-color:#fff}.flex-grid--boxed.flex-grid--small-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--small-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--small-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--small-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--small-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--small-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--small-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--small-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--small-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--small-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--small-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--small-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media only screen and (min-width:40em){.flex-grid--boxed.flex-grid--medium-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--medium-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--medium-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--medium-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--medium-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--medium-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--medium-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--medium-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--medium-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--medium-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--medium-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--medium-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:60em){.flex-grid--boxed.flex-grid--large-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--large-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--large-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--large-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--large-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--large-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--large-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--large-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--large-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--large-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--large-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--large-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:100em){.flex-grid--boxed.flex-grid--xlarge-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--xlarge-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--xlarge-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--xlarge-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--xlarge-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--xlarge-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--xlarge-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--xlarge-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--xlarge-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--xlarge-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--xlarge-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--xlarge-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@font-face{font-family:sd_icons;src:url(../fonts/sd_icons.eot?-r9v51w);src:url(../fonts/sd_icons.eot?#iefix-r9v51w) format("embedded-opentype"),url(../fonts/sd_icons.woff?-r9v51w) format("woff"),url(../fonts/sd_icons.ttf?-r9v51w) format("truetype"),url(../fonts/sd_icons.svg?-r9v51w#sd_icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{display:inline-block;width:16px;height:16px;line-height:16px;font-family:sd_icons;font-size:16px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--blue{color:#5ea9c8}.icon--white{color:#fff}.form-label,.sd-line-input .sd-line-input__label{display:inline-block;color:#747474;font-weight:500;text-transform:uppercase}.icon-photo:before{content:""}.icon-video:before{content:""}.icon-map-marker:before{content:""}.icon-slideshow:before{content:""}.icon-text:before{content:""}.icon-file:before{content:""}.icon-calendar:before{content:""}.icon-composite:before{content:""}.icon-audio:before{content:""}.icon-stream:before{content:""}.icon-ingest:before{content:""}.icon-archive:before{content:""}.icon-time:before{content:""}.icon-pin:before{content:""}.icon-expand:before{content:""}.icon-ascending:before,.icon-descending:before{content:""}.icon-descending{transform:rotate(180deg)}.icon-th:before{content:""}.icon-th-list:before{content:""}.icon-pencil:before{content:""}.icon-lock:before{content:""}.icon-retweet:before{content:""}.icon-unspike:before{content:""}.icon-fullscreen:before{content:""}.icon-fetch-as:before{content:""}.icon-search:before{content:""}.icon-star:before{content:""}.icon-star-empty:before{content:""}.icon-multi-star:before{content:""}.icon-th-large:before{content:""}.icon-ok:before{content:""}.icon-zoom-in:before{content:""}.icon-zoom-out:before{content:""}.icon-signal:before{content:""}.icon-filter-large:before{content:""}.icon-trash:before{content:""}.icon-user:before{content:""}.icon-download:before{content:""}.icon-upload:before{content:""}.icon-repeat:before{content:""}.icon-refresh:before{content:""}.icon-list-alt:before{content:""}.icon-plus-large:before{content:""}.icon-picture:before{content:""}.icon-question-sign:before{content:""}.icon-info-sign:before{content:""}.icon-plus-sign:before{content:""}.icon-minus-sign:before{content:""}.icon-remove-sign:before{content:""}.icon-share-alt:before{content:""}.icon-exclamation-sign:before{content:""}.icon-eye-open:before{content:""}.icon-copy:before{content:""}.icon-comment:before{content:""}.icon-warning-sign:before{content:""}.icon-adjust:before{content:""}.icon-folder-close:before{content:""}.icon-folder-open:before{content:""}.icon-download-alt:before{content:""}.icon-tasks:before{content:""}.icon-globe:before{content:""}.icon-link:before{content:""}.icon-expand-thin:before{content:""}.icon-assign:before{content:""}.icon-dots-vertical:before,.icon-dots:before{content:""}.icon-dots-vertical{transform:rotate(90deg)}.icon-backward-thin:before{content:""}.icon-forward-thin:before{content:""}.icon-chevron-left-thin:before{content:""}.icon-chevron-right-thin:before{content:""}.icon-switches:before{content:""}.icon-plus-small:before{content:""}.icon-minus-small:before{content:""}.icon-close-small:before{content:""}.icon-post:before{content:""}.icon-external:before{content:""}.icon-chevron-up-thin:before{content:""}.icon-chevron-down-thin:before{content:""}.icon-pick:before{content:""}.icon-revert:before{content:""}.icon-package-plus:before{content:""}.icon-list-plus:before{content:""}.icon-envelope:before{content:""}.icon-heart:before{content:""}.icon-home:before{content:""}.icon-print:before{content:""}.icon-font:before{content:""}.icon-bold:before{content:""}.icon-italic:before{content:""}.icon-text-height:before{content:""}.icon-text-width:before{content:""}.icon-align-left:before{content:""}.icon-align-center:before{content:""}.icon-align-right:before{content:""}.icon-align-justify:before{content:""}.icon-unordered-list:before{content:""}.icon-indent-left:before{content:""}.icon-indent-right:before{content:""}.icon-ban-circle:before{content:""}.icon-bell:before{content:""}.icon-random:before{content:""}.icon-settings:before{content:""}.icon-package-create:before{content:""}.icon-list-menu:before{content:""}.icon-new-doc:before{content:""}.icon-edit-line:before{content:""}.icon-calendar-list:before{content:""}.icon-collapse:before{content:""}.icon-broadcast:before{content:""}.icon-broadcast-create:before{content:""}.icon-kill:before{content:""}.icon-graphic:before{content:""}.icon-close-thick:before{content:""}.icon-move:before{content:""}.icon-takes-package:before{content:""}.icon-highlight-package:before{content:""}.icon-preview-mode:before{content:""}.icon-unlocked:before{content:""}.icon-code:before{content:""}.icon-cut:before{content:""}.icon-paste:before{content:""}.form-label{min-width:75px;font-size:11px;line-height:26px;margin:0 5px 0 0}.sd-line-input{margin:0 0 1.8em;padding-top:14px}.sd-line-input input.sd-line-input__input,.sd-line-input textarea.sd-line-input__input{width:100%;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.15)!important;background-color:transparent;padding:0;font-size:14px;height:24px;transition:border linear .2s,box-shadow linear .2s}.sd-line-input input.sd-line-input__input:hover,.sd-line-input textarea.sd-line-input__input:hover{border-color:rgba(0,0,0,.3)!important;background-color:transparent!important}.sd-line-input input.sd-line-input__input:focus,.sd-line-input textarea.sd-line-input__input:focus{box-shadow:0 1px 0 0 #5ea9c8!important;border-color:#5ea9c8!important;background-color:transparent!important}.sd-line-input textarea.sd-line-input__input{padding-top:3px}.sd-line-input .sd-line-input__label{position:absolute;font-size:11px;line-height:100%;margin:0;top:0}.sd-line-input .sd-line-input__char-count,.sd-line-input .sd-line-input__hint,.sd-line-input .sd-line-input__message{font-size:12px;line-height:14px;transition:all .3s cubic-bezier(.55,0,.55,.2);color:grey;font-weight:300;letter-spacing:.03em}.sd-line-input .sd-line-input__hint{position:absolute;left:1px;right:auto;top:42px;padding-right:55px}.sd-line-input .sd-line-input__char-count{position:absolute;right:1px;left:auto;top:43px;font-size:11px;font-weight:400;font-style:italic}.sd-line-input .sd-line-input__message{padding-top:4px}.sd-line-input.sd-line-input--invalid .sd-line-input__label,.sd-line-input.sd-line-input--invalid .sd-line-input__message{color:#E51C23}.sd-line-input.sd-line-input--invalid input.sd-line-input__input,.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input{border-color:#E51C23!important}.sd-line-input.sd-line-input--invalid input.sd-line-input__input:focus,.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input:focus{box-shadow:0 1px 0 0 #E51C23!important}.dropdown{position:relative}.dropdown a{color:#333}.dropdown a:hover{text-decoration:none}.dropdown button{border:0}.dropdown__toggle{background:0 0}.dropdown__toggle i{vertical-align:sub}.dropdown.dropdown--hover:hover .dropdown__menu{display:block}.dropdown__toggle .dropdown__submenu-icon{position:absolute;top:50%;right:2px;margin-top:-8px;opacity:.4}.dropdown__more-actions .dropdown__toggle>i{opacity:.3}.dropdown__more-actions .dropdown__toggle:hover>i,.dropdown__more-actions.open .dropdown__toggle>i{opacity:1}.caret,.dropdown__caret{display:inline-block;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3;content:"";vertical-align:middle}.caret{border-top:4px solid #000}.caret.caret--white,.caret.white{border-top-color:#fff}.dropdown__caret{margin-left:4px;border-top:4px solid #000}.dropdown__caret.dropdown__caret--white,.dropdown__caret.white{border-top-color:#fff}.dropdown.open .dropdown__caret,.dropdown:hover .dropdown__caret{opacity:1}.dropdown__menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:180px;padding:10px 0;margin:13px 0 0;list-style:none;background-color:#fff;border:none;box-shadow:0 2px 10px rgba(0,0,0,.4),0 3px 1px -2px rgba(0,0,0,.1);border-radius:2px;text-align:left;box-sizing:border-box}.dropdown__menu button{width:100%;text-align:left}.dropdown__menu a,.dropdown__menu button{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;white-space:nowrap}.dropdown__menu li>a,.dropdown__menu li>button{color:#333;background:0 0;padding:6px 16px;margin-bottom:2px}.dropdown__menu li>a i[class*=" icon-"],.dropdown__menu li>a>i[class^=icon-],.dropdown__menu li>button i[class*=" icon-"],.dropdown__menu li>button>i[class^=icon-]{margin-right:14px;margin-top:-3px;min-width:19px;vertical-align:middle}.dropdown__menu li>a i.icon-round,.dropdown__menu li>button i.icon-round{min-width:16px}.dropdown__menu li>a.disabled,.dropdown__menu li>a[disabled],.dropdown__menu li>button.disabled,.dropdown__menu li>button[disabled]{opacity:.5}.dropdown__menu li>a:focus,.dropdown__menu li>a:hover,.dropdown__menu li>button:focus,.dropdown__menu li>button:hover{background:#eff7fa;text-decoration:none;cursor:pointer}.dropdown__menu li>a.disabled:hover,.dropdown__menu li>a[disabled]:hover,.dropdown__menu li>button.disabled:hover,.dropdown__menu li>button[disabled]:hover{background:0 0;cursor:default}.dropdown__menu li .preferred-desk{background-color:#59b3bc}.dropdown__menu.dropdown__menu--plain li{padding:5px 7px}.dropdown__menu.dropdown__menu--plain li:hover{background:#eff7fa;cursor:pointer}.dropdown__menu:before{width:23px;height:16px;display:block;z-index:9999;position:absolute;top:-16px;left:10px;background:url(~images/dropdown-arrow-top.png) no-repeat;content:" "}.dropdown__menu-label{text-transform:uppercase;font-size:11px;color:#999;font-weight:500;padding-left:16px}.dropdown__menu-label .dropdown__menu-close{position:absolute;top:10px;right:10px;padding:0;margin:0;border:0;width:auto;opacity:.5;background-color:transparent}.dropdown__menu--right,.pull-right .dropdown__menu,.pull-right.dropdown__menu{right:0;left:auto}.dropdown__menu-label .dropdown__menu-close i{margin-right:0}.dropdown__menu-label .dropdown__menu-close:focus,.dropdown__menu-label .dropdown__menu-close:hover{background-color:transparent;opacity:1}.dropdown__menu-header{font-weight:300;font-size:15px;color:#999;padding-left:16px}.dropdown__menu-footer{padding:10px;margin-top:6px;border-top:1px solid #e5e5e5}.dropdown__menu-info{color:#999;font-style:italic}.dropdown__menu-item{padding:0}.dropdown__menu--padded-l10>li,.dropdown__menu-item--left-10{padding-left:10px}.dropdown__menu--padded-l10 .dropdown__menu-item{padding:0}.dropdown__menu .menu-item--active button,.dropdown__menu .menu-item--active button:hover{background-color:#84bdd5;color:#fff}.dropdown__menu .menu-item--active button [class*=" filetype-icon-"],.dropdown__menu .menu-item--active button [class*=" icon-"],.dropdown__menu .menu-item--active button [class^=filetype-icon-],.dropdown__menu .menu-item--active button [class^=icon-],.dropdown__menu .menu-item--active button:hover [class*=" filetype-icon-"],.dropdown__menu .menu-item--active button:hover [class*=" icon-"],.dropdown__menu .menu-item--active button:hover [class^=filetype-icon-],.dropdown__menu .menu-item--active button:hover [class^=icon-]{color:#fff}.dropdown__menu .menu-item--active button:hover{background-color:#5ea9c8}.dropdown__divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.dropdown.open .dropdown__menu{display:block}.dropdown.open .dropdown__menu.dropdown__menu--scrollable{max-height:350px;overflow:auto;overflow-x:hidden}.pull-right .dropdown__menu:before,.pull-right.dropdown__menu:before{left:auto;right:10px}.dropdown--dropup .dropdown__caret{border-top:0;border-bottom:4px solid #000;content:"\2191"}.dropdown--dropup .dropdown__menu{top:auto;bottom:100%;margin-bottom:0}.dropdown--dropup .dropdown__menu:before{top:auto;bottom:-16px;background:url(~images/dropdown-arrow-bottom.png) no-repeat}.dropdown--dropleft .dropdown__menu:before,.dropdown--dropright .dropdown__menu:before{width:15px;height:22px;z-index:100;position:absolute;background:url(~images/dropdown-arrow-side.png) no-repeat;content:" "}.dropdown--dropleft{display:inline-block;vertical-align:middle}.dropdown--dropleft .dropdown__menu{top:-23px;left:auto;right:calc(100% + 15px)}.dropdown--dropleft .dropdown__menu:before{display:block;right:-15px;left:auto;top:10px;transform:rotate(180deg)}.dropdown--dropright{display:inline-block;vertical-align:middle}.dropdown--dropright .dropdown__menu{top:-23px;left:calc(100% + 15px)}.dropdown--dropright .dropdown__menu:before{display:block;left:-15px;top:10px}.dropdown--noarrow{display:inline-block}.dropdown--noarrow .dropdown__menu{margin:0;max-height:250px;overflow:auto}.dropdown--noarrow .dropdown__menu:before{display:none}.dropdown--noarrow .dropdown .dropdown__toggle{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;white-space:nowrap}.dropdown--noarrow.open li>.dropdown .dropdown__toggle{display:block;padding:5px 7px;margin:0;clear:both;font-weight:400;line-height:18px;white-space:nowrap}.dropdown--noarrow.dropdown--no-scroll .dropdown__menu{max-height:none;overflow:visible}.dropdown--bigger .dropdown__menu{min-width:238px}.dropdown--bigger-500 .dropdown__menu{min-width:300px}.dropdown--more-activity .dropdown__menu{min-width:0;padding:5px;border-radius:0;border:0;z-index:1;margin-top:-1px}.dropdown--more-activity .dropdown__menu:before{display:none}.dropdown--more-activity .dropdown__menu li{display:inline-block;vertical-align:middle}.dropdown--more-activity .dropdown__menu li a span,.dropdown.open li .dropdown:not(.open) .dropdown__menu{display:none}.dropdown--more-activity .dropdown__menu li a{padding:0}.dropdown--more-activity .dropdown__menu li a i{margin-right:0}.dropdown.dropdown--dark .dropdown__toggle{text-align:left;background:#4f4f4f;padding:10px 15px;border-radius:2px;color:#fff}.dropdown.dropdown--dark .dropdown__toggle .dropdown__caret{border-top-color:#fff}.dropdown__menu--multiedit{max-height:400px;overflow-y:auto;overflow-x:hidden}.dropdown__menu--multiedit li{margin-bottom:4px}.dropdown__menu--multiedit li button{width:300px;padding-right:30px;overflow:hidden;text-overflow:ellipsis;position:relative;border-radius:0}.dropdown__menu--multiedit li button i{position:absolute;right:-5px;top:9px}.dropdown__menu--multiedit li button.disabled,.dropdown__menu--multiedit li button.disabled:hover{background:#f0f0f0}.dropdown__menu--multiedit li button.disabled i,.dropdown__menu--multiedit li button.disabled:hover i{opacity:.2}.dropdown__menu--multiedit li .msg{padding:0 20px}.dropdown.open li .dropdown{float:none}.dropdown.open li .dropdown .dropdown__toggle{margin:0;min-width:170px;padding:6px 10px 6px 16px;line-height:19px;border-radius:3px;height:auto;font-size:13px;text-align:left;box-shadow:none}.dropdown.open li .dropdown .dropdown__toggle i{margin-right:10px}.dropdown.open li .dropdown .dropdown__toggle:hover{background:#eff7fa;cursor:default}.dropdown.open li .dropdown>.dropdown__menu{left:100%;right:auto;top:0;min-width:160px;z-index:10}.dropdown.open li .dropdown>.dropdown__menu.right-submenu{left:auto;right:100%}.dropdown.open li .dropdown>.dropdown__menu.upward{top:auto;bottom:-10px}.dropdown.open li .dropdown>.dropdown__menu.pull-right{left:auto;right:0}.dropdown.open li .dropdown.dropdown--dropup>.dropdown__menu{top:auto}.dropdown.open li .dropdown:hover>.dropdown__menu{display:block}.dropdown.dropdown--big .dropdown__toggle,.navbtn.dropdown .dropdown__toggle{padding:0 15px;display:block;color:#333;height:48px;text-align:center;line-height:48px;font-size:15px;position:relative;z-index:2;background:0 0}.dropdown.dropdown--big .dropdown__toggle:hover,.navbtn.dropdown .dropdown__toggle:hover{background:rgba(255,255,255,0)}.dropdown.dropdown--big .dropdown__toggle.condensed,.navbtn.dropdown .dropdown__toggle.condensed{padding:0 14px}.dropdown.dropdown--big.open .dropdown__toggle,.navbtn.dropdown.open .dropdown__toggle{background:#fff;color:#333;box-shadow:-3px 0 1px -2px #999,3px 0 1px -2px #999;z-index:3}.dropdown.dropdown--big.open .dropdown__toggle.sd-create-btn .circle,.navbtn.dropdown.open .dropdown__toggle.sd-create-btn .circle{width:32px;height:32px;margin-top:8px;margin-left:0}.dropdown.dropdown--big .caret,.navbtn.dropdown .caret{margin-left:15px}.dropdown.dropdown--big .dropdown__menu,.navbtn.dropdown .dropdown__menu{border-radius:0;border:0;z-index:2;margin-top:-1px;min-width:200px;box-shadow:0 1px 2px 1px rgba(0,0,0,.35);padding:10px 0}.dropdown.dropdown--big .dropdown__menu:before,.navbtn.dropdown .dropdown__menu:before{display:none}.dropdown.dropdown--big .dropdown__menu li>a,.dropdown.dropdown--big .dropdown__menu li>button,.dropdown.dropdown--big .dropdown__menu li>span,.navbtn.dropdown .dropdown__menu li>a,.navbtn.dropdown .dropdown__menu li>button,.navbtn.dropdown .dropdown__menu li>span{margin:0;min-width:225px;padding:6px 16px;line-height:19px}.dropdown.dropdown--big .dropdown__menu li>span,.navbtn.dropdown .dropdown__menu li>span{display:block}.dropdown.dropdown--big .dropdown__menu li>span:hover,.navbtn.dropdown .dropdown__menu li>span:hover{background:0 0}.dropdown.dropdown--big .dropdown__menu li>.dropdown__menu-label,.navbtn.dropdown .dropdown__menu li>.dropdown__menu-label{min-width:205px}.dropdown.dropdown--big .dropdown__menu li button.full,.navbtn.dropdown .dropdown__menu li button.full{width:100%;margin:0;height:41px;padding:10px;border-top:1px solid #e0e0e0;border-radius:0}.dropdown.dropdown--big .dropdown__menu li button.full i,.navbtn.dropdown .dropdown__menu li button.full i{margin-right:10px}.dropdown.dropdown--big .dropdown__menu li button.full:hover,.dropdown.dropdown--big .dropdown__menu li:active>button,.navbtn.dropdown .dropdown__menu li button.full:hover,.navbtn.dropdown .dropdown__menu li:active>button{background:#5ea9c8;color:#fff}.dropdown.dropdown--big .dropdown__menu .fieldset button,.navbtn.dropdown .dropdown__menu .fieldset button{display:inline-block;text-align:center;width:auto;min-width:50px;clear:none;margin-right:10px;float:right}.navbtn.dropdown{padding:0}.dropdown.dropdown--input-addon{position:absolute;right:12px;margin-top:-1px}.dropdown.dropdown--input-addon>.dropdown__toggle{height:22px;line-height:0;padding:2px 6px;margin-bottom:2px;background-color:transparent;box-shadow:none}.dropdown.dropdown--input-addon>.dropdown__toggle .dropdown__caret{padding:0;margin-left:0}.dropdown.dropdown--input-addon.open>.dropdown__toggle{background-color:transparent} +@charset "UTF-8";/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */.flex-grid,svg:not(:root){overflow:hidden}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}*,legend{box-sizing:border-box}.badge,.btn{text-align:center}.flex-grid .flex-grid__item,.sd-line-input,sub,sup{position:relative}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,footer,header,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}.btn,.label{vertical-align:middle}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}.dropdown.open .dropdown__toggle,.dropdown__toggle:active,:focus{outline:0}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn,.dropdown button{-webkit-appearance:none}summary{display:list-item}[hidden],template{display:none}::after,::before{box-sizing:inherit}.dropdown__menu,input[type=search]{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:140%}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.btn{display:inline-block;margin:0;padding:.7rem 1.4rem;border:1px solid transparent;border-radius:2px;transition:background-color .1s ease-out,color .1s ease-out;font-size:1.2rem;text-transform:uppercase;line-height:1;letter-spacing:.1em;cursor:pointer;background-color:rgba(51,51,51,.25);color:#333}.btn:focus,.btn:hover{background-color:rgba(8,8,8,.25);color:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--active,.btn:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--small{font-size:1rem;padding:.5rem 1rem}.btn.btn--large{font-size:1.4rem;padding:1rem 2rem}.btn.btn--expanded{display:block;width:100%;margin-right:0;margin-left:0}.badge,.label{display:inline-block;text-transform:uppercase}.btn.btn--default{background-color:#333;color:#fff}.btn.btn--default:focus,.btn.btn--default:hover{background-color:#292929;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--default:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--primary{background-color:#5ea9c8;color:#fff}.btn.btn--primary:focus,.btn.btn--primary:hover{background-color:#3c8eaf;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--primary:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--success{background-color:#46a546;color:#fff}.btn.btn--success:focus,.btn.btn--success:hover{background-color:#388438;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--success:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--warning{background-color:#dd8200;color:#fff}.btn.btn--warning:focus,.btn.btn--warning:hover{background-color:#b16800;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--warning:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--alert{background-color:#E51C23;color:#fff}.btn.btn--alert:focus,.btn.btn--alert:hover{background-color:#b8151b;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--alert:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--highlight{background-color:#9c27b0;color:#fff}.btn.btn--highlight:focus,.btn.btn--highlight:hover{background-color:#7d1f8d;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.btn.btn--highlight:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border-style:solid;border-color:rgba(8,8,8,.25) rgba(8,8,8,.25) transparent;border-width:1px}.btn.btn--hollow{border:1px solid #333!important;color:#333!important}.btn.btn--hollow,.btn.btn--hollow:focus,.btn.btn--hollow:hover{background-color:transparent!important}.btn.btn--hollow:focus,.btn.btn--hollow:hover{border-color:#292929;color:#292929}.btn.btn--hollow.btn--default{border:1px solid #333!important;color:#333!important}.btn.btn--hollow.btn--default:focus,.btn.btn--hollow.btn--default:hover{border-color:#292929;color:#292929}.btn.btn--hollow.btn--primary{border:1px solid #5ea9c8!important;color:#5ea9c8!important}.btn.btn--hollow.btn--primary:focus,.btn.btn--hollow.btn--primary:hover{border-color:#3c8eaf;color:#3c8eaf}.btn.btn--hollow.btn--success{border:1px solid #46a546!important;color:#46a546!important}.btn.btn--hollow.btn--success:focus,.btn.btn--hollow.btn--success:hover{border-color:#388438;color:#388438}.btn.btn--hollow.btn--warning{border:1px solid #dd8200!important;color:#dd8200!important}.btn.btn--hollow.btn--warning:focus,.btn.btn--hollow.btn--warning:hover{border-color:#b16800;color:#b16800}.btn.btn--hollow.btn--alert{border:1px solid #E51C23!important;color:#E51C23!important}.btn.btn--hollow.btn--alert:focus,.btn.btn--hollow.btn--alert:hover{border-color:#b8151b;color:#b8151b}.btn.btn--hollow.btn--highlight{border:1px solid #9c27b0!important;color:#9c27b0!important}.btn.btn--hollow.btn--highlight:focus,.btn.btn--hollow.btn--highlight:hover{border-color:#7d1f8d;color:#7d1f8d}.btn.btn--disabled,.btn[disabled]{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled:focus,.btn.btn--disabled:hover,.btn[disabled]:focus,.btn[disabled]:hover{background-color:rgba(51,51,51,.25);color:#333;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--default,.btn[disabled].btn--default{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--default:focus,.btn.btn--disabled.btn--default:hover,.btn[disabled].btn--default:focus,.btn[disabled].btn--default:hover{background-color:#333;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--primary,.btn[disabled].btn--primary{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--primary:focus,.btn.btn--disabled.btn--primary:hover,.btn[disabled].btn--primary:focus,.btn[disabled].btn--primary:hover{background-color:#5ea9c8;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--success,.btn[disabled].btn--success{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--success:focus,.btn.btn--disabled.btn--success:hover,.btn[disabled].btn--success:focus,.btn[disabled].btn--success:hover{background-color:#46a546;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--warning,.btn[disabled].btn--warning{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--warning:focus,.btn.btn--disabled.btn--warning:hover,.btn[disabled].btn--warning:focus,.btn[disabled].btn--warning:hover{background-color:#dd8200;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--alert,.btn[disabled].btn--alert{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--alert:focus,.btn.btn--disabled.btn--alert:hover,.btn[disabled].btn--alert:focus,.btn[disabled].btn--alert:hover{background-color:#E51C23;color:#fff;box-shadow:none;border:1px solid transparent}.btn.btn--disabled.btn--highlight,.btn[disabled].btn--highlight{opacity:.25;cursor:not-allowed;box-shadow:none}.btn.btn--disabled.btn--highlight:focus,.btn.btn--disabled.btn--highlight:hover,.btn[disabled].btn--highlight:focus,.btn[disabled].btn--highlight:hover{background-color:#9c27b0;color:#fff;box-shadow:none;border:1px solid transparent}.label{padding:0 .6rem;border-radius:2px;line-height:1.4rem;letter-spacing:.125em;font-size:.9rem;white-space:nowrap;cursor:default;border:1px solid transparent;font-weight:500;background:#666;color:#fff}.label.label--large{font-size:1.1rem;padding:.4rem 1.2rem;line-height:1}.label.label--default{background:#333;color:color-pick-contrast(#333,#fff,#666)}.label.label--primary{background:#5ea9c8;color:color-pick-contrast(#5ea9c8,#fff,#666)}.label.label--success{background:#46a546;color:color-pick-contrast(#46a546,#fff,#666)}.label.label--warning{background:#dd8200;color:color-pick-contrast(#dd8200,#fff,#666)}.label.label--alert{background:#E51C23;color:color-pick-contrast(#E51C23,#fff,#666)}.label.label--highlight{background:#9c27b0;color:color-pick-contrast(#9c27b0,#fff,#666)}.label.label--success2{background:#56812e;color:color-pick-contrast(#56812e,#fff,#666)}.label.label--yellow2{background:#d2a800;color:color-pick-contrast(#d2a800,#fff,#666)}.label.label--orange2{background:#da7200;color:color-pick-contrast(#da7200,#fff,#666)}.label.label--red2{background:#be1600;color:color-pick-contrast(#be1600,#fff,#666)}.label.label--highlight2{background:#e30083;color:color-pick-contrast(#e30083,#fff,#666)}.label.label--highlight3{background:#8b008b;color:color-pick-contrast(#8b008b,#fff,#666)}.label.label--highlight4{background:#7300ab;color:color-pick-contrast(#7300ab,#fff,#666)}.label.label--darkBlue2{background:navy;color:color-pick-contrast(navy,#fff,#666)}.label.label--hollow{border:1px solid #666;background-color:transparent;color:#666}.label.label--hollow.label--default{border:1px solid #333;background-color:transparent;color:#333}.label.label--hollow.label--primary{border:1px solid #5ea9c8;background-color:transparent;color:#5ea9c8}.label.label--hollow.label--success{border:1px solid #46a546;background-color:transparent;color:#46a546}.label.label--hollow.label--warning{border:1px solid #dd8200;background-color:transparent;color:#dd8200}.label.label--hollow.label--alert{border:1px solid #E51C23;background-color:transparent;color:#E51C23}.label.label--hollow.label--highlight{border:1px solid #9c27b0;background-color:transparent;color:#9c27b0}.label.label--hollow.label--success2{border:1px solid #56812e;background-color:transparent;color:#56812e}.label.label--hollow.label--yellow2{border:1px solid #d2a800;background-color:transparent;color:#d2a800}.label.label--hollow.label--orange2{border:1px solid #da7200;background-color:transparent;color:#da7200}.label.label--hollow.label--red2{border:1px solid #be1600;background-color:transparent;color:#be1600}.label.label--hollow.label--highlight2{border:1px solid #e30083;background-color:transparent;color:#e30083}.label.label--hollow.label--highlight3{border:1px solid #8b008b;background-color:transparent;color:#8b008b}.label.label--hollow.label--highlight4{border:1px solid #7300ab;background-color:transparent;color:#7300ab}.label.label--hollow.label--darkBlue2{border:1px solid navy;background-color:transparent;color:navy}.badge{min-width:1.9em;padding:.5em .5em .4em;border-radius:1em;font-size:1rem;line-height:1em;font-weight:400;background:#666;color:#fff}.badge.badge--default{background:#333;color:color-pick-contrast(#333,#fff,#666)}.badge.badge--primary{background:#5ea9c8;color:color-pick-contrast(#5ea9c8,#fff,#666)}.badge.badge--success{background:#46a546;color:color-pick-contrast(#46a546,#fff,#666)}.badge.badge--warning{background:#dd8200;color:color-pick-contrast(#dd8200,#fff,#666)}.badge.badge--alert{background:#E51C23;color:color-pick-contrast(#E51C23,#fff,#666)}.badge.badge--highlight{background:#9c27b0;color:color-pick-contrast(#9c27b0,#fff,#666)}.flex-grid{display:flex;flex-direction:row;overflow-x:auto}.flex-grid--wrap-items{flex-wrap:wrap}.flex-grid--content-center{justify-content:center}.flex-grid--boxed .flex-grid__item{margin:16px;background-color:#fff}.flex-grid--boxed.flex-grid--small-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--small-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--small-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--small-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--small-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--small-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--small-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--small-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--small-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--small-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--small-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--small-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media only screen and (min-width:40em){.flex-grid--boxed.flex-grid--medium-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--medium-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--medium-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--medium-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--medium-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--medium-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--medium-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--medium-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--medium-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--medium-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--medium-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--medium-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:60em){.flex-grid--boxed.flex-grid--large-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--large-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--large-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--large-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--large-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--large-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--large-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--large-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--large-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--large-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--large-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--large-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:100em){.flex-grid--boxed.flex-grid--xlarge-6 .flex-grid__item{-webkit-flex:0 0 calc(16.6666% - 32px);-ms-flex:0 0 calc(16.6666% - 32px);flex:0 0 calc(16.6666% - 32px);max-width:calc(16.6666% - 32px)}.flex-grid--boxed.flex-grid--xlarge-5 .flex-grid__item{-webkit-flex:0 0 calc(20% - 32px);-ms-flex:0 0 calc(20% - 32px);flex:0 0 calc(20% - 32px);max-width:calc(20% - 32px)}.flex-grid--boxed.flex-grid--xlarge-4 .flex-grid__item{-webkit-flex:0 0 calc(25% - 32px);-ms-flex:0 0 calc(25% - 32px);flex:0 0 calc(25% - 32px);max-width:calc(25% - 32px)}.flex-grid--boxed.flex-grid--xlarge-3 .flex-grid__item{-webkit-flex:0 0 calc(33.3333% - 32px);-ms-flex:0 0 calc(33.3333% - 32px);flex:0 0 calc(33.3333% - 32px);max-width:calc(33.3333% - 32px)}.flex-grid--boxed.flex-grid--xlarge-2 .flex-grid__item{-webkit-flex:0 0 calc(50% - 32px);-ms-flex:0 0 calc(50% - 32px);flex:0 0 calc(50% - 32px);max-width:calc(50% - 32px)}.flex-grid--boxed.flex-grid--xlarge-1 .flex-grid__item{-webkit-flex:0 0 calc(100% - 32px);-ms-flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px)}.flex-grid--xlarge-6 .flex-grid__item{-webkit-flex:0 0 16.6666%;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}.flex-grid--xlarge-5 .flex-grid__item{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.flex-grid--xlarge-4 .flex-grid__item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.flex-grid--xlarge-3 .flex-grid__item{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.flex-grid--xlarge-2 .flex-grid__item{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.flex-grid--xlarge-1 .flex-grid__item{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@font-face{font-family:sd_icons;src:url(../fonts/sd_icons.eot?-r9v51w);src:url(../fonts/sd_icons.eot?#iefix-r9v51w) format("embedded-opentype"),url(../fonts/sd_icons.woff?-r9v51w) format("woff"),url(../fonts/sd_icons.ttf?-r9v51w) format("truetype"),url(../fonts/sd_icons.svg?-r9v51w#sd_icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{display:inline-block;width:16px;height:16px;line-height:16px;font-family:sd_icons;font-size:16px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--blue{color:#5ea9c8}.icon--white{color:#fff}.form-label,.sd-line-input .sd-line-input__label{display:inline-block;color:#747474;font-weight:500;text-transform:uppercase}.icon-photo:before{content:""}.icon-video:before{content:""}.icon-map-marker:before{content:""}.icon-slideshow:before{content:""}.icon-text:before{content:""}.icon-file:before{content:""}.icon-calendar:before{content:""}.icon-composite:before{content:""}.icon-audio:before{content:""}.icon-stream:before{content:""}.icon-ingest:before{content:""}.icon-archive:before{content:""}.icon-time:before{content:""}.icon-pin:before{content:""}.icon-expand:before{content:""}.icon-ascending:before,.icon-descending:before{content:""}.icon-descending{transform:rotate(180deg)}.icon-th:before{content:""}.icon-th-list:before{content:""}.icon-pencil:before{content:""}.icon-lock:before{content:""}.icon-retweet:before{content:""}.icon-unspike:before{content:""}.icon-fullscreen:before{content:""}.icon-fetch-as:before{content:""}.icon-search:before{content:""}.icon-star:before{content:""}.icon-star-empty:before{content:""}.icon-multi-star:before{content:""}.icon-th-large:before{content:""}.icon-ok:before{content:""}.icon-zoom-in:before{content:""}.icon-zoom-out:before{content:""}.icon-signal:before{content:""}.icon-filter-large:before{content:""}.icon-trash:before{content:""}.icon-user:before{content:""}.icon-download:before{content:""}.icon-upload:before{content:""}.icon-repeat:before{content:""}.icon-refresh:before{content:""}.icon-list-alt:before{content:""}.icon-plus-large:before{content:""}.icon-picture:before{content:""}.icon-question-sign:before{content:""}.icon-info-sign:before{content:""}.icon-plus-sign:before{content:""}.icon-minus-sign:before{content:""}.icon-remove-sign:before{content:""}.icon-share-alt:before{content:""}.icon-exclamation-sign:before{content:""}.icon-eye-open:before{content:""}.icon-copy:before{content:""}.icon-comment:before{content:""}.icon-warning-sign:before{content:""}.icon-adjust:before{content:""}.icon-folder-close:before{content:""}.icon-folder-open:before{content:""}.icon-download-alt:before{content:""}.icon-tasks:before{content:""}.icon-globe:before{content:""}.icon-link:before{content:""}.icon-expand-thin:before{content:""}.icon-assign:before{content:""}.icon-dots-vertical:before,.icon-dots:before{content:""}.icon-dots-vertical{transform:rotate(90deg)}.icon-backward-thin:before{content:""}.icon-forward-thin:before{content:""}.icon-chevron-left-thin:before{content:""}.icon-chevron-right-thin:before{content:""}.icon-switches:before{content:""}.icon-plus-small:before{content:""}.icon-minus-small:before{content:""}.icon-close-small:before{content:""}.icon-post:before{content:""}.icon-external:before{content:""}.icon-chevron-up-thin:before{content:""}.icon-chevron-down-thin:before{content:""}.icon-pick:before{content:""}.icon-revert:before{content:""}.icon-package-plus:before{content:""}.icon-list-plus:before{content:""}.icon-envelope:before{content:""}.icon-heart:before{content:""}.icon-home:before{content:""}.icon-print:before{content:""}.icon-font:before{content:""}.icon-bold:before{content:""}.icon-italic:before{content:""}.icon-text-height:before{content:""}.icon-text-width:before{content:""}.icon-align-left:before{content:""}.icon-align-center:before{content:""}.icon-align-right:before{content:""}.icon-align-justify:before{content:""}.icon-unordered-list:before{content:""}.icon-indent-left:before{content:""}.icon-indent-right:before{content:""}.icon-ban-circle:before{content:""}.icon-bell:before{content:""}.icon-random:before{content:""}.icon-settings:before{content:""}.icon-package-create:before{content:""}.icon-list-menu:before{content:""}.icon-new-doc:before{content:""}.icon-edit-line:before{content:""}.icon-calendar-list:before{content:""}.icon-collapse:before{content:""}.icon-broadcast:before{content:""}.icon-broadcast-create:before{content:""}.icon-kill:before{content:""}.icon-graphic:before{content:""}.icon-close-thick:before{content:""}.icon-move:before{content:""}.icon-takes-package:before{content:""}.icon-highlight-package:before{content:""}.icon-preview-mode:before{content:""}.icon-unlocked:before{content:""}.icon-code:before{content:""}.icon-cut:before{content:""}.icon-paste:before{content:""}.form-label{min-width:75px;font-size:1.1rem;line-height:2.6rem;margin:0 .5rem 0 0}.sd-line-input{margin:0 0 1.8em;padding-top:1.4rem}.sd-line-input input.sd-line-input__input,.sd-line-input textarea.sd-line-input__input{width:100%;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.15)!important;background-color:transparent;padding:0;font-size:1.4rem;height:2.4rem;transition:border linear .2s,box-shadow linear .2s}.sd-line-input input.sd-line-input__input:hover,.sd-line-input textarea.sd-line-input__input:hover{border-color:rgba(0,0,0,.3)!important;background-color:transparent!important}.sd-line-input input.sd-line-input__input:focus,.sd-line-input textarea.sd-line-input__input:focus{box-shadow:0 1px 0 0 #5ea9c8!important;border-color:#5ea9c8!important;background-color:transparent!important}.sd-line-input textarea.sd-line-input__input{padding-top:3px}.sd-line-input .sd-line-input__label{position:absolute;font-size:1.1rem;line-height:100%;margin:0;top:0}.sd-line-input .sd-line-input__char-count,.sd-line-input .sd-line-input__hint,.sd-line-input .sd-line-input__message{font-size:1.2rem;line-height:1.4rem;transition:all .3s cubic-bezier(.55,0,.55,.2);color:grey;font-weight:300;letter-spacing:.03em}.sd-line-input .sd-line-input__hint{position:absolute;left:1px;right:auto;top:4.2rem;padding-right:5.5rem}.sd-line-input .sd-line-input__char-count{position:absolute;right:1px;left:auto;top:4.3rem;font-size:1.1rem;font-weight:400;font-style:italic}.sd-line-input .sd-line-input__message{padding-top:.4rem}.sd-line-input.sd-line-input--invalid .sd-line-input__label,.sd-line-input.sd-line-input--invalid .sd-line-input__message{color:#E51C23}.sd-line-input.sd-line-input--invalid input.sd-line-input__input,.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input{border-color:#E51C23!important}.sd-line-input.sd-line-input--invalid input.sd-line-input__input:focus,.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input:focus{box-shadow:0 1px 0 0 #E51C23!important}.dropdown{position:relative}.dropdown a{color:#333}.dropdown a:hover{text-decoration:none}.dropdown button{border:0}.dropdown__toggle{background:0 0}.dropdown__toggle i{vertical-align:sub}.dropdown.dropdown--hover:hover .dropdown__menu{display:block}.dropdown__toggle .dropdown__submenu-icon{position:absolute;top:50%;right:2px;margin-top:-8px;opacity:.4}.dropdown__more-actions .dropdown__toggle>i{opacity:.3}.dropdown__more-actions .dropdown__toggle:hover>i,.dropdown__more-actions.open .dropdown__toggle>i{opacity:1}.caret,.dropdown__caret{display:inline-block;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3;content:"";vertical-align:middle}.caret{border-top:4px solid #000}.caret.caret--white,.caret.white{border-top-color:#fff}.dropdown__caret{margin-left:4px;border-top:4px solid #000}.dropdown__caret.dropdown__caret--white,.dropdown__caret.white{border-top-color:#fff}.dropdown.open .dropdown__caret,.dropdown:hover .dropdown__caret{opacity:1}.dropdown__menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:180px;padding:10px 0;margin:13px 0 0;list-style:none;background-color:#fff;border:none;box-shadow:0 2px 10px rgba(0,0,0,.4),0 3px 1px -2px rgba(0,0,0,.1);border-radius:2px;text-align:left}.dropdown__menu button{width:100%;text-align:left}.dropdown__menu a,.dropdown__menu button{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;white-space:nowrap}.dropdown__menu li>a,.dropdown__menu li>button{color:#333;background:0 0;padding:6px 16px;margin-bottom:2px}.dropdown__menu li>a i[class*=" icon-"],.dropdown__menu li>a>i[class^=icon-],.dropdown__menu li>button i[class*=" icon-"],.dropdown__menu li>button>i[class^=icon-]{margin-right:14px;margin-top:-3px;min-width:19px;vertical-align:middle}.dropdown__menu li>a i.icon-round,.dropdown__menu li>button i.icon-round{min-width:16px}.dropdown__menu li>a.disabled,.dropdown__menu li>a[disabled],.dropdown__menu li>button.disabled,.dropdown__menu li>button[disabled]{opacity:.5}.dropdown__menu li>a:focus,.dropdown__menu li>a:hover,.dropdown__menu li>button:focus,.dropdown__menu li>button:hover{background:#eff7fa;text-decoration:none;cursor:pointer}.dropdown__menu li>a.disabled:hover,.dropdown__menu li>a[disabled]:hover,.dropdown__menu li>button.disabled:hover,.dropdown__menu li>button[disabled]:hover{background:0 0;cursor:default}.dropdown__menu li .preferred-desk{background-color:#59b3bc}.dropdown__menu.dropdown__menu--plain li{padding:5px 7px}.dropdown__menu.dropdown__menu--plain li:hover{background:#eff7fa;cursor:pointer}.dropdown__menu:before{width:23px;height:16px;display:block;z-index:9999;position:absolute;top:-16px;left:10px;background:url(~images/dropdown-arrow-top.png) no-repeat;content:" "}.dropdown__menu-label{text-transform:uppercase;font-size:11px;color:#999;font-weight:500;padding-left:16px}.dropdown__menu-label .dropdown__menu-close{position:absolute;top:10px;right:10px;padding:0;margin:0;border:0;width:auto;opacity:.5;background-color:transparent}.dropdown__menu--right,.pull-right .dropdown__menu,.pull-right.dropdown__menu{right:0;left:auto}.dropdown__menu-label .dropdown__menu-close i{margin-right:0}.dropdown__menu-label .dropdown__menu-close:focus,.dropdown__menu-label .dropdown__menu-close:hover{background-color:transparent;opacity:1}.dropdown__menu-header{font-weight:300;font-size:15px;color:#999;padding-left:16px}.dropdown__menu-footer{padding:10px;margin-top:6px;border-top:1px solid #e5e5e5}.dropdown__menu-info{color:#999;font-style:italic}.dropdown__menu-item{padding:0}.dropdown__menu--padded-l10>li,.dropdown__menu-item--left-10{padding-left:10px}.dropdown__menu--padded-l10 .dropdown__menu-item{padding:0}.dropdown__menu .menu-item--active button,.dropdown__menu .menu-item--active button:hover{background-color:#84bdd5;color:#fff}.dropdown__menu .menu-item--active button [class*=" filetype-icon-"],.dropdown__menu .menu-item--active button [class*=" icon-"],.dropdown__menu .menu-item--active button [class^=filetype-icon-],.dropdown__menu .menu-item--active button [class^=icon-],.dropdown__menu .menu-item--active button:hover [class*=" filetype-icon-"],.dropdown__menu .menu-item--active button:hover [class*=" icon-"],.dropdown__menu .menu-item--active button:hover [class^=filetype-icon-],.dropdown__menu .menu-item--active button:hover [class^=icon-]{color:#fff}.dropdown__menu .menu-item--active button:hover{background-color:#5ea9c8}.dropdown__divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.dropdown.open .dropdown__menu{display:block}.dropdown.open .dropdown__menu.dropdown__menu--scrollable{max-height:350px;overflow:auto;overflow-x:hidden}.pull-right .dropdown__menu:before,.pull-right.dropdown__menu:before{left:auto;right:10px}.dropdown--dropup .dropdown__caret{border-top:0;border-bottom:4px solid #000;content:"\2191"}.dropdown--dropup .dropdown__menu{top:auto;bottom:100%;margin-bottom:0}.dropdown--dropup .dropdown__menu:before{top:auto;bottom:-16px;background:url(~images/dropdown-arrow-bottom.png) no-repeat}.dropdown--dropleft .dropdown__menu:before,.dropdown--dropright .dropdown__menu:before{width:15px;height:22px;z-index:100;position:absolute;background:url(~images/dropdown-arrow-side.png) no-repeat;content:" "}.dropdown--dropleft{display:inline-block;vertical-align:middle}.dropdown--dropleft .dropdown__menu{top:-23px;left:auto;right:calc(100% + 15px)}.dropdown--dropleft .dropdown__menu:before{display:block;right:-15px;left:auto;top:10px;transform:rotate(180deg)}.dropdown--dropright{display:inline-block;vertical-align:middle}.dropdown--dropright .dropdown__menu{top:-23px;left:calc(100% + 15px)}.dropdown--dropright .dropdown__menu:before{display:block;left:-15px;top:10px}.dropdown--noarrow{display:inline-block}.dropdown--noarrow .dropdown__menu{margin:0;max-height:250px;overflow:auto}.dropdown--noarrow .dropdown__menu:before{display:none}.dropdown--noarrow .dropdown .dropdown__toggle{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;white-space:nowrap}.dropdown--noarrow.open li>.dropdown .dropdown__toggle{display:block;padding:5px 7px;margin:0;clear:both;font-weight:400;line-height:18px;white-space:nowrap}.dropdown--noarrow.dropdown--no-scroll .dropdown__menu{max-height:none;overflow:visible}.dropdown--bigger .dropdown__menu{min-width:238px}.dropdown--bigger-500 .dropdown__menu{min-width:300px}.dropdown--more-activity .dropdown__menu{min-width:0;padding:5px;border-radius:0;border:0;z-index:1;margin-top:-1px}.dropdown--more-activity .dropdown__menu:before{display:none}.dropdown--more-activity .dropdown__menu li{display:inline-block;vertical-align:middle}.dropdown--more-activity .dropdown__menu li a span,.dropdown.open li .dropdown:not(.open) .dropdown__menu{display:none}.dropdown--more-activity .dropdown__menu li a{padding:0}.dropdown--more-activity .dropdown__menu li a i{margin-right:0}.dropdown.dropdown--dark .dropdown__toggle{text-align:left;background:#4f4f4f;padding:10px 15px;border-radius:2px;color:#fff}.dropdown.dropdown--dark .dropdown__toggle .dropdown__caret{border-top-color:#fff}.dropdown__menu--multiedit{max-height:400px;overflow-y:auto;overflow-x:hidden}.dropdown__menu--multiedit li{margin-bottom:4px}.dropdown__menu--multiedit li button{width:300px;padding-right:30px;overflow:hidden;text-overflow:ellipsis;position:relative;border-radius:0}.dropdown__menu--multiedit li button i{position:absolute;right:-5px;top:9px}.dropdown__menu--multiedit li button.disabled,.dropdown__menu--multiedit li button.disabled:hover{background:#f0f0f0}.dropdown__menu--multiedit li button.disabled i,.dropdown__menu--multiedit li button.disabled:hover i{opacity:.2}.dropdown__menu--multiedit li .msg{padding:0 20px}.dropdown.open li .dropdown{float:none}.dropdown.open li .dropdown .dropdown__toggle{margin:0;min-width:170px;padding:6px 10px 6px 16px;line-height:19px;border-radius:3px;height:auto;font-size:13px;text-align:left;box-shadow:none}.dropdown.open li .dropdown .dropdown__toggle i{margin-right:10px}.dropdown.open li .dropdown .dropdown__toggle:hover{background:#eff7fa;cursor:default}.dropdown.open li .dropdown>.dropdown__menu{left:100%;right:auto;top:0;min-width:160px;z-index:10}.dropdown.open li .dropdown>.dropdown__menu.right-submenu{left:auto;right:100%}.dropdown.open li .dropdown>.dropdown__menu.upward{top:auto;bottom:-10px}.dropdown.open li .dropdown>.dropdown__menu.pull-right{left:auto;right:0}.dropdown.open li .dropdown.dropdown--dropup>.dropdown__menu{top:auto}.dropdown.open li .dropdown:hover>.dropdown__menu{display:block}.dropdown.dropdown--big .dropdown__toggle,.navbtn.dropdown .dropdown__toggle{padding:0 15px;display:block;color:#333;height:48px;text-align:center;line-height:48px;font-size:15px;position:relative;z-index:2;background:0 0}.dropdown.dropdown--big .dropdown__toggle:hover,.navbtn.dropdown .dropdown__toggle:hover{background:rgba(255,255,255,0)}.dropdown.dropdown--big .dropdown__toggle.condensed,.navbtn.dropdown .dropdown__toggle.condensed{padding:0 14px}.dropdown.dropdown--big.open .dropdown__toggle,.navbtn.dropdown.open .dropdown__toggle{background:#fff;color:#333;box-shadow:-3px 0 1px -2px #999,3px 0 1px -2px #999;z-index:3}.dropdown.dropdown--big.open .dropdown__toggle.sd-create-btn .circle,.navbtn.dropdown.open .dropdown__toggle.sd-create-btn .circle{width:32px;height:32px;margin-top:8px;margin-left:0}.dropdown.dropdown--big .caret,.navbtn.dropdown .caret{margin-left:15px}.dropdown.dropdown--big .dropdown__menu,.navbtn.dropdown .dropdown__menu{border-radius:0;border:0;z-index:2;margin-top:-1px;min-width:200px;box-shadow:0 1px 2px 1px rgba(0,0,0,.35);padding:10px 0}.dropdown.dropdown--big .dropdown__menu:before,.navbtn.dropdown .dropdown__menu:before{display:none}.dropdown.dropdown--big .dropdown__menu li>a,.dropdown.dropdown--big .dropdown__menu li>button,.dropdown.dropdown--big .dropdown__menu li>span,.navbtn.dropdown .dropdown__menu li>a,.navbtn.dropdown .dropdown__menu li>button,.navbtn.dropdown .dropdown__menu li>span{margin:0;min-width:225px;padding:6px 16px;line-height:19px}.dropdown.dropdown--big .dropdown__menu li>span,.navbtn.dropdown .dropdown__menu li>span{display:block}.dropdown.dropdown--big .dropdown__menu li>span:hover,.navbtn.dropdown .dropdown__menu li>span:hover{background:0 0}.dropdown.dropdown--big .dropdown__menu li>.dropdown__menu-label,.navbtn.dropdown .dropdown__menu li>.dropdown__menu-label{min-width:205px}.dropdown.dropdown--big .dropdown__menu li button.full,.navbtn.dropdown .dropdown__menu li button.full{width:100%;margin:0;height:41px;padding:10px;border-top:1px solid #e0e0e0;border-radius:0}.dropdown.dropdown--big .dropdown__menu li button.full i,.navbtn.dropdown .dropdown__menu li button.full i{margin-right:10px}.dropdown.dropdown--big .dropdown__menu li button.full:hover,.dropdown.dropdown--big .dropdown__menu li:active>button,.navbtn.dropdown .dropdown__menu li button.full:hover,.navbtn.dropdown .dropdown__menu li:active>button{background:#5ea9c8;color:#fff}.dropdown.dropdown--big .dropdown__menu .fieldset button,.navbtn.dropdown .dropdown__menu .fieldset button{display:inline-block;text-align:center;width:auto;min-width:50px;clear:none;margin-right:10px;float:right}.navbtn.dropdown{padding:0}.dropdown.dropdown--input-addon{position:absolute;right:12px;margin-top:-1px}.dropdown.dropdown--input-addon>.dropdown__toggle{height:22px;line-height:0;padding:2px 6px;margin-bottom:2px;background-color:transparent;box-shadow:none}.dropdown.dropdown--input-addon>.dropdown__toggle .dropdown__caret{padding:0;margin-left:0}.dropdown.dropdown--input-addon.open>.dropdown__toggle{background-color:transparent} /*# sourceMappingURL=superdesk-ui-framework.min.css.map */ \ No newline at end of file diff --git a/examples/css/docs-page.css b/examples/css/docs-page.css index 0b4e87b6..79740784 100644 --- a/examples/css/docs-page.css +++ b/examples/css/docs-page.css @@ -28,6 +28,7 @@ h3.docs-page__h3 { margin: 0 0 0.4em 0; } p.docs-page__paragraph { + font-size: 16px; margin: 1em 0; line-height: 140%; font-weight: 300; @@ -131,6 +132,7 @@ p.docs-page__paragraph b { background: #ebebeb; } .docs-page__window-bar>a { + font-size: 16px; color: #999; padding: 0 4px; text-decoration: none; @@ -154,6 +156,7 @@ p.docs-page__paragraph b { display: none; background-color: #000; padding: 16px 16px 16px 36px; + overflow-y: scroll; } .docs-page__code-markup ol { margin-left: 10px; @@ -163,6 +166,7 @@ p.docs-page__paragraph b { pre.prettyprint { font-family: 'Source Code Pro', monospace; font-size: 14px; + line-height: 150%; font-weight: 300; }