From 16ce611b1d7f4613e0b97dbd8a83a9d7a2bec4a1 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Sun, 2 Apr 2017 19:34:04 +0300 Subject: [PATCH] Changed media queries for screen specificity All @media queries now use the 'screen' mediatype, so that print stylesheets can be more easily implemented in the future, using small screen layouts, but not mobile-specific tricks. --- dist/mini-default.css | 36 +++++++++++++++++------------------ dist/mini-default.min.css | 2 +- dist/mini-sucroa.css | 32 +++++++++++++++---------------- dist/mini-sucroa.min.css | 2 +- docs/v2/DEVLOG.md | 4 ++++ src/mini/_card.scss | 2 +- src/mini/_card_mixins.scss | 2 +- src/mini/_grid.scss | 16 ++++++++-------- src/mini/_input_control.scss | 4 ++-- src/mini/_tab.scss | 2 +- src/mini/_table.scss | 8 ++++---- src/mini/_utility_mixins.scss | 8 ++++---- 12 files changed, 61 insertions(+), 57 deletions(-) diff --git a/dist/mini-default.css b/dist/mini-default.css index f3f0c3e..1a45ddb 100644 --- a/dist/mini-default.css +++ b/dist/mini-default.css @@ -196,7 +196,7 @@ figcaption { flex: 0 0 auto; padding: 0 4px; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .row[class*='cols-md-'] > * { box-sizing: border-box; -webkit-box-flex: 0; @@ -204,7 +204,7 @@ figcaption { flex: 0 0 auto; padding: 0 4px; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .row[class*='cols-lg-'] > * { box-sizing: border-box; -webkit-box-flex: 0; @@ -350,7 +350,7 @@ figcaption { -webkit-order: 999; order: 999; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .col-md, [class^='col-md-'], [class^='col-md-offset-'] { @@ -461,7 +461,7 @@ figcaption { -webkit-order: 999; order: 999; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .col-lg, [class^='col-lg-'], [class^='col-lg-offset-'] { @@ -713,7 +713,7 @@ label { -webkit-flex-basis: 0; flex-basis: 0; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { .input-group.fluid { -webkit-box-orient: vertical; -webkit-align-items: stretch; @@ -863,7 +863,7 @@ input[type="file"] { .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { border-left: 1px solid #9e9e9e; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { .button-group { -webkit-box-orient: vertical; -webkit-flex-direction: column; @@ -1015,7 +1015,7 @@ table { table th:first-child, table td:first-child { border-left: 0; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { table:not(.preset) { border-collapse: collapse; border: 0; @@ -1050,7 +1050,7 @@ table { table:not(.preset) td:last-child { border-bottom: 0; } } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { table.horizontal { display: -webkit-box; -webkit-box-flex: 0; @@ -1109,7 +1109,7 @@ table { table.horizontal tbody tr:first-child > td { padding-left: 20px; } } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { table.horizontal.preset { display: -webkit-box; -webkit-box-flex: 0; @@ -1168,7 +1168,7 @@ table { table.striped tr:nth-of-type(2n) > td { background: #eeeeee; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { table.striped:not(.preset) tr:nth-of-type(2n) { background: #eeeeee; } } @@ -1210,18 +1210,18 @@ table.striped tr:nth-of-type(2n) > td { .card > .section:last-child { border-bottom: 0; } -@media (min-width: 320px) { +@media screen and (min-width: 320px) { .card { max-width: 320px; } } /* Custom elements for cards and containers. */ -@media (min-width: 480px) { +@media screen and (min-width: 480px) { .card.large { max-width: 480px; } } -@media (min-width: 240px) { +@media screen and (min-width: 240px) { .card.small { max-width: 240px; } } @@ -1343,7 +1343,7 @@ table.striped tr:nth-of-type(2n) > td { .tabs.stacked > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { height: auto; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { .tabs { -webkit-box-orient: vertical; -webkit-flex-direction: column; @@ -1713,22 +1713,22 @@ ul.breadcrumbs { .responsive-margin { margin: 4px !important; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .responsive-margin { margin: 6px !important; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .responsive-margin { margin: 8px !important; } } .responsive-padding { padding: 2px 4px !important; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .responsive-padding { padding: 4px 6px !important; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .responsive-padding { padding: 6px 8px !important; } } diff --git a/dist/mini-default.min.css b/dist/mini-default.min.css index c386d7d..b53b676 100644 --- a/dist/mini-default.min.css +++ b/dist/mini-default.min.css @@ -1 +1 @@ -@charset "UTF-8";html{font-size:16px}*,html{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#212121;background:#f5f5f5}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:0.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:-webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd);background:linear-gradient(to right, #bdbdbd, #616161, #bdbdbd)}blockquote{display:block;position:relative;font-style:italic;background:#eeeeee;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}blockquote:after{position:absolute;font-style:normal;font-size:0.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:8px 10px;border-left:3px solid #1565c0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}small,sub,sup{font-size:75%}sup{top:-8px}sub{bottom:-4px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*=cols-sm-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#263238;color:#fafafa;padding:2px 8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fafafa;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#37474f}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#eceff1;border:1px solid #bdbdbd;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}footer{display:block;background:#263238;color:#fafafa;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#039be5}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eeeeee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}fieldset{border:1px solid #bdbdbd;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:0.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#0288d1;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:0.75}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d32f2f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}[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=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:rgba(189, 189, 189, 0.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(189, 189, 189, 0.8);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:0.65}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #9e9e9e}@media (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #9e9e9e}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:1px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before{border-color:#0288d1}.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]:focus+label:before{border-color:#0288d1}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:0.75}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:rgba(2, 119, 189, 0.9);color:#fafafa}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:#0277bd}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:rgba(198, 40, 40, 0.85);color:#fafafa}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:#c62828}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:rgba(104, 159, 56, 0.85);color:#fafafa}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:#689f38}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#212121;color:#fafafa}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(33, 33, 33, 0.9)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border-radius:1px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table td,table th{padding:10px;border-left:1px solid #bdbdbd;border-top:1px solid #bdbdbd}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table td:first-child,table th:first-child{border-left:0}@media (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #bdbdbd;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);background:#fafafa;margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #bdbdbd;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media (min-width:768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal tbody,table.horizontal thead{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal td,table.horizontal th{width:100%;border:1px solid #bdbdbd}table.horizontal td+td,table.horizontal td+th,table.horizontal th+td,table.horizontal th+th{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media (max-width:767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset tbody,table.horizontal.preset thead{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset td,table.horizontal.preset th{width:100%;border:1px solid #bdbdbd}table.horizontal.preset td+td,table.horizontal.preset td+th,table.horizontal.preset th+td,table.horizontal.preset th+th{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#eeeeee}@media (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eeeeee}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #9e9e9e;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card>button.section,.card [role=button].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media (min-width:320px){.card{max-width:320px}}@media (min-width:480px){.card.large{max-width:480px}}@media (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#212121;color:#fafafa;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #616161}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#e0e0e0}.card>.section.darker{background:#bdbdbd}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(224, 224, 224, 0.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#eeeeee}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(238, 238, 238, 0.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#fafafa;border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}@media (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%{-webkit-transform:scale(1)}45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}55%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1)}}@keyframes alert-anim{0%{transform:scale(1)}45%{transform:scale(1)}50%{transform:scale(1.005)}55%{transform:scale(1)}to{transform:scale(1)}}.alert{display:block;background:#eeeeee;border:1px solid #bdbdbd;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:after,.tooltip:before{left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);background:#212121;border-radius:2px;color:#fafafa;padding:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}@supports (left:calc(50% - 6px)) or (left:-webkit-calc(50% - 6px)){.tooltip:before{left:-webkit-calc(50% - 6px);left:calc(50% - 6px)}}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#ffca28}.alert.critical{background:#b71c1c;color:#fafafa}.alert.urgent{border:1px solid #ff8f00}.alert.critical{border:1px solid #d50000}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15);background:#eeeeee;color:#01579b}progress::-webkit-progress-value{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#eeeeee}progress::-moz-progress-bar{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width:calc(100% - 2*8px)) or (width:-webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #e3f2fd;border-left:4px solid #1565c0;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #ffebee;border-left:4px solid #c62828}.spinner-donut.tertiary{border:4px solid #e8f5e9;border-left:4px solid #2e7d32}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e0e0e0;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e0e0e0;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e0e0e0}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(224, 224, 224, 0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:active,.close:focus,.close:hover{background:#e0e0e0}.close:after,.close:before{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0, 0, 0, 0.25)!important}.rounded{border-radius:2px!important}.circular{border-radius:50%!important}.responsive-margin{margin:4px!important}@media (min-width:768px){.responsive-margin{margin:6px!important}}@media (min-width:1280px){.responsive-margin{margin:8px!important}}.responsive-padding{padding:2px 4px!important}@media (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media (min-width:1280px){.responsive-padding{padding:6px 8px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)!important} \ No newline at end of file +@charset "UTF-8";html{font-size:16px}*,html{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#212121;background:#f5f5f5}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:0.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:-webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd);background:linear-gradient(to right, #bdbdbd, #616161, #bdbdbd)}blockquote{display:block;position:relative;font-style:italic;background:#eeeeee;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}blockquote:after{position:absolute;font-style:normal;font-size:0.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:8px 10px;border-left:3px solid #1565c0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}small,sub,sup{font-size:75%}sup{top:-8px}sub{bottom:-4px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*=cols-sm-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#263238;color:#fafafa;padding:2px 8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fafafa;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#37474f}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#eceff1;border:1px solid #bdbdbd;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}footer{display:block;background:#263238;color:#fafafa;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#039be5}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eeeeee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}fieldset{border:1px solid #bdbdbd;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:0.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#0288d1;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:0.75}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d32f2f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}[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=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:rgba(189, 189, 189, 0.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(189, 189, 189, 0.8);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:0.65}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #9e9e9e}@media screen and (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #9e9e9e}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:1px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before{border-color:#0288d1}.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]:focus+label:before{border-color:#0288d1}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:0.75}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:rgba(2, 119, 189, 0.9);color:#fafafa}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:#0277bd}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:rgba(198, 40, 40, 0.85);color:#fafafa}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:#c62828}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:rgba(104, 159, 56, 0.85);color:#fafafa}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:#689f38}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#212121;color:#fafafa}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(33, 33, 33, 0.9)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border-radius:1px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table td,table th{padding:10px;border-left:1px solid #bdbdbd;border-top:1px solid #bdbdbd}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table td:first-child,table th:first-child{border-left:0}@media screen and (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #bdbdbd;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);background:#fafafa;margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #bdbdbd;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width:768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal tbody,table.horizontal thead{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal td,table.horizontal th{width:100%;border:1px solid #bdbdbd}table.horizontal td+td,table.horizontal td+th,table.horizontal th+td,table.horizontal th+th{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media screen and (max-width:767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset tbody,table.horizontal.preset thead{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset td,table.horizontal.preset th{width:100%;border:1px solid #bdbdbd}table.horizontal.preset td+td,table.horizontal.preset td+th,table.horizontal.preset th+td,table.horizontal.preset th+th{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#eeeeee}@media screen and (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eeeeee}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #9e9e9e;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card>button.section,.card [role=button].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width:320px){.card{max-width:320px}}@media screen and (min-width:480px){.card.large{max-width:480px}}@media screen and (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#212121;color:#fafafa;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #616161}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#e0e0e0}.card>.section.darker{background:#bdbdbd}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(224, 224, 224, 0.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#eeeeee}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(238, 238, 238, 0.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#fafafa;border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}@media screen and (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%{-webkit-transform:scale(1)}45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}55%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1)}}@keyframes alert-anim{0%{transform:scale(1)}45%{transform:scale(1)}50%{transform:scale(1.005)}55%{transform:scale(1)}to{transform:scale(1)}}.alert{display:block;background:#eeeeee;border:1px solid #bdbdbd;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:after,.tooltip:before{left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);background:#212121;border-radius:2px;color:#fafafa;padding:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}@supports (left:calc(50% - 6px)) or (left:-webkit-calc(50% - 6px)){.tooltip:before{left:-webkit-calc(50% - 6px);left:calc(50% - 6px)}}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#ffca28}.alert.critical{background:#b71c1c;color:#fafafa}.alert.urgent{border:1px solid #ff8f00}.alert.critical{border:1px solid #d50000}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15);background:#eeeeee;color:#01579b}progress::-webkit-progress-value{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#eeeeee}progress::-moz-progress-bar{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width:calc(100% - 2*8px)) or (width:-webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #e3f2fd;border-left:4px solid #1565c0;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #ffebee;border-left:4px solid #c62828}.spinner-donut.tertiary{border:4px solid #e8f5e9;border-left:4px solid #2e7d32}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e0e0e0;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e0e0e0;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e0e0e0}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(224, 224, 224, 0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:active,.close:focus,.close:hover{background:#e0e0e0}.close:after,.close:before{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0, 0, 0, 0.25)!important}.rounded{border-radius:2px!important}.circular{border-radius:50%!important}.responsive-margin{margin:4px!important}@media screen and (min-width:768px){.responsive-margin{margin:6px!important}}@media screen and (min-width:1280px){.responsive-margin{margin:8px!important}}.responsive-padding{padding:2px 4px!important}@media screen and (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media screen and (min-width:1280px){.responsive-padding{padding:6px 8px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)!important} \ No newline at end of file diff --git a/dist/mini-sucroa.css b/dist/mini-sucroa.css index 1ae98e7..94b62d8 100644 --- a/dist/mini-sucroa.css +++ b/dist/mini-sucroa.css @@ -199,7 +199,7 @@ figcaption { flex: 0 0 auto; padding: 0 4px; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .row[class*='cols-md-'] > * { box-sizing: border-box; -webkit-box-flex: 0; @@ -207,7 +207,7 @@ figcaption { flex: 0 0 auto; padding: 0 4px; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .row[class*='cols-lg-'] > * { box-sizing: border-box; -webkit-box-flex: 0; @@ -353,7 +353,7 @@ figcaption { -webkit-order: 999; order: 999; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .col-md, [class^='col-md-'], [class^='col-md-offset-'] { @@ -464,7 +464,7 @@ figcaption { -webkit-order: 999; order: 999; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .col-lg, [class^='col-lg-'], [class^='col-lg-offset-'] { @@ -703,7 +703,7 @@ label { -webkit-flex-basis: 0; flex-basis: 0; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { .input-group.fluid { -webkit-box-orient: vertical; -webkit-align-items: stretch; @@ -853,7 +853,7 @@ input[type="file"] { .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { border-left: 1px solid #a9a2ba; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { .button-group { -webkit-box-orient: vertical; -webkit-flex-direction: column; @@ -1008,7 +1008,7 @@ table { table th:first-child, table td:first-child { border-left: 0; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { table:not(.preset) { border-collapse: collapse; border: 0; @@ -1047,7 +1047,7 @@ table { table.striped tr:nth-of-type(2n) > td { background: #ece4ff; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { table.striped:not(.preset) tr:nth-of-type(2n) { background: #ece4ff; } } @@ -1090,18 +1090,18 @@ table.striped tr:nth-of-type(2n) > td { .card > .section:last-child { border-bottom: 0; } -@media (min-width: 320px) { +@media screen and (min-width: 320px) { .card { max-width: 320px; } } /* Custom elements for cards and containers. */ -@media (min-width: 480px) { +@media screen and (min-width: 480px) { .card.large { max-width: 480px; } } -@media (min-width: 240px) { +@media screen and (min-width: 240px) { .card.small { max-width: 240px; } } @@ -1242,7 +1242,7 @@ table.striped tr:nth-of-type(2n) > td { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } -@media (max-width: 767px) { +@media screen and (max-width: 767px) { .tabs { -webkit-box-orient: vertical; -webkit-flex-direction: column; @@ -1596,22 +1596,22 @@ ul.breadcrumbs { .responsive-margin { margin: 3px !important; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .responsive-margin { margin: 6px !important; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .responsive-margin { margin: 10px !important; } } .responsive-padding { padding: 2px 3px !important; } -@media (min-width: 768px) { +@media screen and (min-width: 768px) { .responsive-padding { padding: 4px 6px !important; } } -@media (min-width: 1280px) { +@media screen and (min-width: 1280px) { .responsive-padding { padding: 8px 10px !important; } } diff --git a/dist/mini-sucroa.min.css b/dist/mini-sucroa.min.css index 8ed9d7f..bc13038 100644 --- a/dist/mini-sucroa.min.css +++ b/dist/mini-sucroa.min.css @@ -1 +1 @@ -@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");html{font-size:16px}*,html{font-family:Libre Baskerville, serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:0.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f);background:linear-gradient(to right, #5d545f, #1e1320, #5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}blockquote:after{position:absolute;font-style:normal;font-size:0.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:"Cousine", monospace, monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px 8px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}small,sub,sup{font-size:80%}sup{top:-6px}sub{bottom:-6px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#434e7f}a:active,a:focus,a:hover{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*=cols-sm-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#493e4b}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:0.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#6979c6;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:0.8}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d2405f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}[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=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(211, 202, 232, 0.75);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:0.75}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #a9a2ba}@media (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #a9a2ba}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before{border-color:#6979c6}.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]:focus+label:before{border-color:#6979c6}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:0.8}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:#6979c6;color:#fffddc}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:rgba(105, 121, 198, 0.75)}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:#d2405f;color:#fffddc}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:rgba(210, 64, 95, 0.75)}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:#2b866d;color:#fffddc}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:rgba(43, 134, 109, 0.75)}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#331e36;color:#fffddc}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(51, 30, 54, 0.75)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table td,table th{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table td:first-child,table th:first-child{border-left:0}@media (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card>button.section,.card [role=button].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media (min-width:320px){.card{max-width:320px}}@media (min-width:480px){.card.large{max-width:480px}}@media (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(211, 202, 232, 0.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#e8deff}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(232, 222, 255, 0.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type=checkbox]:checked+label,.tabs.stacked>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}.tabs.stacked>[type=checkbox]+label+div:last-of-type,.tabs.stacked>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26)}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:after,.tooltip:before{left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:8px solid transparent}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}@supports (left:calc(50% - 8px)) or (left:-webkit-calc(50% - 8px)){.tooltip:before{left:-webkit-calc(50% - 8px);left:calc(50% - 8px)}}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width:calc(100% - 2*10px)) or (width:-webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232, 222, 255, 0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:active,.close:focus,.close:hover{background:#e8deff}.close:after,.close:before{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0, 0, 0, 0.25)!important}.rounded{border-radius:4px!important}.circular{border-radius:50%!important}.responsive-margin{margin:3px!important}@media (min-width:768px){.responsive-margin{margin:6px!important}}@media (min-width:1280px){.responsive-margin{margin:10px!important}}.responsive-padding{padding:2px 3px!important}@media (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media (min-width:1280px){.responsive-padding{padding:8px 10px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)!important} \ No newline at end of file +@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");html{font-size:16px}*,html{font-family:Libre Baskerville, serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:0.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f);background:linear-gradient(to right, #5d545f, #1e1320, #5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}blockquote:after{position:absolute;font-style:normal;font-size:0.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:"Cousine", monospace, monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px 8px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}small,sub,sup{font-size:80%}sup{top:-6px}sub{bottom:-6px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#434e7f}a:active,a:focus,a:hover{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*=cols-sm-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#493e4b}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:0.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#6979c6;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:0.8}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d2405f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}[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=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(211, 202, 232, 0.75);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:0.75}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #a9a2ba}@media screen and (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #a9a2ba}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before{border-color:#6979c6}.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]:focus+label:before{border-color:#6979c6}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:0.8}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:#6979c6;color:#fffddc}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:rgba(105, 121, 198, 0.75)}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:#d2405f;color:#fffddc}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:rgba(210, 64, 95, 0.75)}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:#2b866d;color:#fffddc}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:rgba(43, 134, 109, 0.75)}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#331e36;color:#fffddc}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(51, 30, 54, 0.75)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table td,table th{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table td:first-child,table th:first-child{border-left:0}@media screen and (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media screen and (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card>button.section,.card [role=button].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width:320px){.card{max-width:320px}}@media screen and (min-width:480px){.card.large{max-width:480px}}@media screen and (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(211, 202, 232, 0.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#e8deff}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(232, 222, 255, 0.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type=checkbox]:checked+label,.tabs.stacked>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}.tabs.stacked>[type=checkbox]+label+div:last-of-type,.tabs.stacked>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26)}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:after,.tooltip:before{left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:8px solid transparent}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}@supports (left:calc(50% - 8px)) or (left:-webkit-calc(50% - 8px)){.tooltip:before{left:-webkit-calc(50% - 8px);left:calc(50% - 8px)}}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width:calc(100% - 2*10px)) or (width:-webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232, 222, 255, 0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:active,.close:focus,.close:hover{background:#e8deff}.close:after,.close:before{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0, 0, 0, 0.25)!important}.rounded{border-radius:4px!important}.circular{border-radius:50%!important}.responsive-margin{margin:3px!important}@media screen and (min-width:768px){.responsive-margin{margin:6px!important}}@media screen and (min-width:1280px){.responsive-margin{margin:10px!important}}.responsive-padding{padding:2px 3px!important}@media screen and (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media screen and (min-width:1280px){.responsive-padding{padding:8px 10px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)!important} \ No newline at end of file diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index ec00b12..6620744 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -922,3 +922,7 @@ - Added external variables to `contextual`. - Updated defaults for `progress` module, no externals were needed. - Added more default values to `utility`. Default and external adding seems complete, I might have missed something, but good enough for now. + +## 20170402 + +- Updated `@media` queries in all modules to utilize `screen`, so that layout changes will only apply to screens (irrelevant in print). `print` stylesheets are coming later down the line and all layouts will print as if in *small* screens (basically `col-sm-...` layouts), to simplifiy everything. Size increased from `6.79KB` to `6.82KB`, worthwhile cost. diff --git a/src/mini/_card.scss b/src/mini/_card.scss index d225086..12a2e40 100644 --- a/src/mini/_card.scss +++ b/src/mini/_card.scss @@ -76,7 +76,7 @@ $fore-color: black !default; // [External variable - core] Foreground } } // Responsiveness (if the screen is larger than card, set max-width) -@media (min-width: #{$card-normal-width}) { +@media screen and (min-width: #{$card-normal-width}) { .#{$card-name} { max-width: $card-normal-width; } diff --git a/src/mini/_card_mixins.scss b/src/mini/_card_mixins.scss index f7a4bb4..ac5ddf8 100644 --- a/src/mini/_card_mixins.scss +++ b/src/mini/_card_mixins.scss @@ -12,7 +12,7 @@ } } @else { - @media (min-width: #{$card-alt-size-width}) { + @media screen and (min-width: #{$card-alt-size-width}) { .#{$card-name}.#{$card-alt-size-name} { max-width: $card-alt-size-width; } diff --git a/src/mini/_grid.scss b/src/mini/_grid.scss index 5e11647..0a46258 100644 --- a/src/mini/_grid.scss +++ b/src/mini/_grid.scss @@ -55,7 +55,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid flex: 0 0 auto; padding: $grid-column-padding; } - @media (min-width: #{$grid-small-breakpoint}){ + @media screen and (min-width: #{$grid-small-breakpoint}){ .#{$grid-row-name}[class*='#{$grid-row-parent-layout-prefix}-#{$grid-small-prefix}-'] > * { box-sizing: border-box; // Old syntax @@ -66,7 +66,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid padding: $grid-column-padding; } } - @media (min-width: #{$grid-medium-breakpoint}){ + @media screen and (min-width: #{$grid-medium-breakpoint}){ .#{$grid-row-name}[class*='#{$grid-row-parent-layout-prefix}-#{$grid-medium-prefix}-'] > * { box-sizing: border-box; // Old syntax @@ -77,7 +77,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid padding: $grid-column-padding; } } - @media (min-width: #{$grid-large-breakpoint}){ + @media screen and (min-width: #{$grid-large-breakpoint}){ .#{$grid-row-name}[class*='#{$grid-row-parent-layout-prefix}-#{$grid-large-prefix}-'] > * { box-sizing: border-box; // Old syntax @@ -99,7 +99,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid flex: 0 0 auto; padding: $grid-column-padding; } - @media (min-width: #{$grid-medium-breakpoint}){ + @media screen and (min-width: #{$grid-medium-breakpoint}){ .#{$grid-row-name}[class*='#{$grid-row-parent-layout-prefix}-#{$grid-medium-prefix}-'] > * { box-sizing: border-box; // Old syntax @@ -110,7 +110,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid padding: $grid-column-padding; } } - @media (min-width: #{$grid-large-breakpoint}){ + @media screen and (min-width: #{$grid-large-breakpoint}){ .#{$grid-row-name}[class*='#{$grid-row-parent-layout-prefix}-#{$grid-large-prefix}-'] > * { box-sizing: border-box; // Old syntax @@ -212,7 +212,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid // Legacy grid system definitions. @if $use-four-step-grid { // Small screen breakpoint. - @media (min-width: #{$grid-small-breakpoint}){ + @media screen and (min-width: #{$grid-small-breakpoint}){ // Grid column generic definitions for small screens. .#{$grid-column-prefix}-#{$grid-small-prefix}, [class^='#{$grid-column-prefix}-#{$grid-small-prefix}-'], @@ -386,7 +386,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid } // The rest is mixed definitions. // Medium screen breakpoint. -@media (min-width: #{$grid-medium-breakpoint}){ +@media screen and (min-width: #{$grid-medium-breakpoint}){ // Grid column generic definitions for medium screens. .#{$grid-column-prefix}-#{$grid-medium-prefix}, [class^='#{$grid-column-prefix}-#{$grid-medium-prefix}-'], @@ -472,7 +472,7 @@ $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid } } // Large screen breakpoint. -@media (min-width: #{$grid-large-breakpoint}){ +@media screen and (min-width: #{$grid-large-breakpoint}){ // Grid column generic definitions for large screens. .#{$grid-column-prefix}-#{$grid-large-prefix}, [class^='#{$grid-column-prefix}-#{$grid-large-prefix}-'], diff --git a/src/mini/_input_control.scss b/src/mini/_input_control.scss index 5e6a4cf..11c294d 100644 --- a/src/mini/_input_control.scss +++ b/src/mini/_input_control.scss @@ -110,7 +110,7 @@ legend { } // Responsiveness for fluid input groups @if $include-fluid-input-group { - @media (max-width: #{$input-group-mobile-breakpoint}) { + @media screen and (max-width: #{$input-group-mobile-breakpoint}) { .#{$input-group-name}.#{$input-group-fluid-name} { // Old syntax -webkit-box-orient: vertical; @@ -330,7 +330,7 @@ a[role="button"], label[role="button"], [role="button"] { } } // Responsiveness for button groups -@media (max-width: #{$button-group-mobile-breakpoint}) { +@media screen and (max-width: #{$button-group-mobile-breakpoint}) { .#{$button-group-name} { // Old syntax -webkit-box-orient: vertical; diff --git a/src/mini/_tab.scss b/src/mini/_tab.scss index a59e102..79f949d 100644 --- a/src/mini/_tab.scss +++ b/src/mini/_tab.scss @@ -212,7 +212,7 @@ $fore-color: black !default; // [External variable - core] Foreground } } // Responsiveness -@media (max-width: #{$tab-stacked-breakpoint}) { +@media screen and (max-width: #{$tab-stacked-breakpoint}) { .#{$tab-container-name} { // Old syntax -webkit-box-orient: vertical; diff --git a/src/mini/_table.scss b/src/mini/_table.scss index 5a53b7d..e899e2a 100644 --- a/src/mini/_table.scss +++ b/src/mini/_table.scss @@ -64,7 +64,7 @@ table { } } // Mobile view for responsive tables. -@media (max-width: #{$table-mobile-breakpoint}) { +@media screen and (max-width: #{$table-mobile-breakpoint}) { table:not(.#{$table-not-responsive-name}) { border-collapse: collapse; border: 0; @@ -121,7 +121,7 @@ table { } // Horizontal table view. @if $include-horizontal-table { - @media (min-width: #{$table-horizontal-breakpoint}) { + @media screen and (min-width: #{$table-horizontal-breakpoint}) { table.#{$table-horizontal-name} { // Old syntax display: -webkit-box; @@ -209,7 +209,7 @@ table { } } // Horizontal table view for non-responsive tables. - Apply over breakpoint when non-responsive. - @media (max-width: #{$table-mobile-breakpoint}) { + @media screen and (max-width: #{$table-mobile-breakpoint}) { table.#{$table-horizontal-name}.#{$table-not-responsive-name} { // Old syntax display: -webkit-box; @@ -299,7 +299,7 @@ table { } } // Responsiveness for striped tables. - @media (max-width: #{$table-mobile-breakpoint}) { + @media screen and (max-width: #{$table-mobile-breakpoint}) { table.#{$table-striped-name}:not(.#{$table-not-responsive-name}) { tr:nth-of-type(2n) { background: $table-striped-alt-body-back-color; diff --git a/src/mini/_utility_mixins.scss b/src/mini/_utility_mixins.scss index 26e356e..596a6ed 100644 --- a/src/mini/_utility_mixins.scss +++ b/src/mini/_utility_mixins.scss @@ -40,12 +40,12 @@ .#{$margin-name} { margin: $margin-small-value !important; } - @media (min-width: #{$margin-medium-breakpoint}) { + @media screen and (min-width: #{$margin-medium-breakpoint}) { .#{$margin-name} { margin: $margin-medium-value !important; } } - @media (min-width: #{$margin-large-breakpoint}) { + @media screen and (min-width: #{$margin-large-breakpoint}) { .#{$margin-name} { margin: $margin-large-value !important; } @@ -65,12 +65,12 @@ .#{$padding-name} { padding: $padding-small-value !important; } - @media (min-width: #{$padding-medium-breakpoint}) { + @media screen and (min-width: #{$padding-medium-breakpoint}) { .#{$padding-name} { padding: $padding-medium-value !important; } } - @media (min-width: #{$padding-large-breakpoint}) { + @media screen and (min-width: #{$padding-large-breakpoint}) { .#{$padding-name} { padding: $padding-large-value !important; }