From 08e4de27f9c9efb2aa318b6cefacce3f599b5b99 Mon Sep 17 00:00:00 2001 From: Himanshu Pal Date: Tue, 2 May 2023 01:44:48 +0530 Subject: [PATCH] Fix layout shift in explorer --- .../css/themes/bootstrap-cerulean.min.css | 3 + .../css/themes/bootstrap-cyborg.min.css | 3 + .../css/themes/bootstrap-flatly.min.css | 1577 +++++++++-------- .../css/themes/bootstrap-spacelab.min.css | 3 + .../assets/css/themes/remix-black_undtds.css | 3 + .../assets/css/themes/remix-candy_ikhg4m.css | 6 +- .../assets/css/themes/remix-dark_tvx1s2.css | 5 +- .../assets/css/themes/remix-hacker_owl.css | 17 +- .../assets/css/themes/remix-light_powaqg.css | 6 +- .../css/themes/remix-midcentury_hrzph3.css | 6 +- .../src/lib/components/file-render.tsx | 4 +- 11 files changed, 833 insertions(+), 800 deletions(-) diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css index 9542aa513a..60516001cb 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css @@ -5640,6 +5640,9 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .bg-transparent { background-color:transparent!important } +.border-no-shift { + box-shadow: inset 0 0 0 1px #dee2e6; +} .border { border:1px solid #dee2e6!important } diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css index 5e813c6d42..58439d7765 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css @@ -5642,6 +5642,9 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .bg-transparent { background-color:transparent!important } +.border-no-shift { + box-shadow: inset 0 0 0 1px #dee2e6; +} .border { border:1px solid #dee2e6!important } diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css index a38b681f61..0e4e5caacc 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css @@ -48,54 +48,54 @@ } html { font-family:sans-serif; - line-height:1.15; - -webkit-text-size-adjust:100%; + line-height:1.15; + -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent } article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display:block } body { - margin:0; - font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size:.9375rem; - font-weight:400; - line-height:1.5; - color:#212529; - text-align:left; + margin:0; + font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size:.9375rem; + font-weight:400; + line-height:1.5; + color:#212529; + text-align:left; background-color:#fff } [tabindex="-1"]:focus:not(:focus-visible) { outline:0!important } hr { - box-sizing:content-box; - height:0; + box-sizing:content-box; + height:0; overflow:visible } h1,h2,h3,h4,h5,h6 { - margin-top:0; + margin-top:0; margin-bottom:.5rem } p { - margin-top:0; + margin-top:0; margin-bottom:1rem } abbr[data-original-title],abbr[title] { - text-decoration:underline; - -webkit-text-decoration:underline dotted; - text-decoration:underline dotted; - cursor:help; - border-bottom:0; - -webkit-text-decoration-skip-ink:none; + text-decoration:underline; + -webkit-text-decoration:underline dotted; + text-decoration:underline dotted; + cursor:help; + border-bottom:0; + -webkit-text-decoration-skip-ink:none; text-decoration-skip-ink:none } address { - margin-bottom:1rem; - font-style:normal; + margin-bottom:1rem; + font-style:normal; line-height:inherit } dl,ol,ul { - margin-top:0; + margin-top:0; margin-bottom:1rem } ol ol,ol ul,ul ol,ul ul { @@ -105,7 +105,7 @@ dt { font-weight:700 } dd { - margin-bottom:.5rem; + margin-bottom:.5rem; margin-left:0 } blockquote { @@ -118,9 +118,9 @@ small { font-size:80% } sub,sup { - position:relative; - font-size:75%; - line-height:0; + position:relative; + font-size:75%; + line-height:0; vertical-align:baseline } sub { @@ -133,55 +133,55 @@ i { color: #074438; } a { - color:#074438; - text-decoration:none; + color:#074438; + text-decoration:none; background-color:transparent } a:hover { - color:#10947c; + color:#10947c; text-decoration:underline } a:not([href]):not([class]) { - color:inherit; + color:inherit; text-decoration:none } a:not([href]):not([class]):hover { - color:inherit; + color:inherit; text-decoration:none } code,kbd,pre,samp { - font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; + font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size:1em } pre { - margin-top:0; - margin-bottom:1rem; - overflow:auto; + margin-top:0; + margin-bottom:1rem; + overflow:auto; -ms-overflow-style:scrollbar } figure { margin:0 0 1rem } img { - vertical-align:middle; + vertical-align:middle; border-style:none } svg { - overflow:hidden; + overflow:hidden; vertical-align:middle } table { border-collapse:collapse } caption { - padding-top:.75rem; - padding-bottom:.75rem; - color:#95a5a6; - text-align:left; + padding-top:.75rem; + padding-bottom:.75rem; + color:#95a5a6; + text-align:left; caption-side:bottom } th { - text-align:inherit; + text-align:inherit; text-align:-webkit-match-parent } label { @@ -194,13 +194,13 @@ button { border-radius:0 } button:focus { - outline:1px dotted; + outline:1px dotted; outline:5px auto -webkit-focus-ring-color } button,input,optgroup,select,textarea { - margin:0; - font-family:inherit; - font-size:inherit; + margin:0; + font-family:inherit; + font-size:inherit; line-height:inherit } button,input { @@ -222,32 +222,32 @@ select { cursor:pointer } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { - padding:0; + padding:0; border-style:none } input[type=checkbox],input[type=radio] { - box-sizing:border-box; + box-sizing:border-box; padding:0 } textarea { - overflow:auto; + overflow:auto; resize:vertical } fieldset { - min-width:0; - padding:0; - margin:0; + min-width:0; + padding:0; + margin:0; border:0 } legend { - display:block; - width:100%; - max-width:100%; - padding:0; - margin-bottom:.5rem; - font-size:1.5rem; - line-height:inherit; - color:inherit; + display:block; + width:100%; + max-width:100%; + padding:0; + margin-bottom:.5rem; + font-size:1.5rem; + line-height:inherit; + color:inherit; white-space:normal } progress { @@ -257,21 +257,21 @@ progress { height:auto } [type=search] { - outline-offset:-2px; + outline-offset:-2px; -webkit-appearance:none } [type=search]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-file-upload-button { - font:inherit; + font:inherit; -webkit-appearance:button } output { display:inline-block } summary { - display:list-item; + display:list-item; cursor:pointer } template { @@ -281,8 +281,8 @@ template { display:none!important } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { - margin-bottom:.5rem; - font-weight:500; + margin-bottom:.5rem; + font-weight:500; line-height:1.2 } .h1,h1 { @@ -304,49 +304,49 @@ template { font-size:.9375rem } .lead { - font-size:1.171875rem; + font-size:1.171875rem; font-weight:300 } .display-1 { - font-size:6rem; - font-weight:300; + font-size:6rem; + font-weight:300; line-height:1.2 } .display-2 { - font-size:5.5rem; - font-weight:300; + font-size:5.5rem; + font-weight:300; line-height:1.2 } .display-3 { - font-size:4.5rem; - font-weight:300; + font-size:4.5rem; + font-weight:300; line-height:1.2 } .display-4 { - font-size:3.5rem; - font-weight:300; + font-size:3.5rem; + font-weight:300; line-height:1.2 } hr { - margin-top:1rem; - margin-bottom:1rem; - border:0; + margin-top:1rem; + margin-bottom:1rem; + border:0; border-top:1px solid rgba(0,0,0,.1) } .small,small { - font-size:80%; + font-size:80%; font-weight:400 } .mark,mark { - padding:.2em; + padding:.2em; background-color: var(--text-bg-mark); } .list-unstyled { - padding-left:0; + padding-left:0; list-style:none } .list-inline { - padding-left:0; + padding-left:0; list-style:none } .list-inline-item { @@ -356,292 +356,292 @@ hr { margin-right:.5rem } .initialism { - font-size:90%; + font-size:90%; text-transform:uppercase } .blockquote { - margin-bottom:1rem; + margin-bottom:1rem; font-size:1.171875rem } .blockquote-footer { - display:block; - font-size:80%; + display:block; + font-size:80%; color:#95a5a6 } .blockquote-footer::before { content:"\2014\00A0" } .img-fluid { - max-width:100%; + max-width:100%; height:auto } .img-thumbnail { - padding:.25rem; - background-color:#fff; - border:1px solid #dee2e6; - border-radius:.25rem; - max-width:100%; + padding:.25rem; + background-color:#fff; + border:1px solid #dee2e6; + border-radius:.25rem; + max-width:100%; height:auto } .figure { display:inline-block } .figure-img { - margin-bottom:.5rem; + margin-bottom:.5rem; line-height:1 } .figure-caption { - font-size:90%; + font-size:90%; color:#95a5a6 } code { - font-size:87.5%; - color:#e83e8c; + font-size:87.5%; + color:#e83e8c; word-wrap:break-word } a>code { color:inherit } kbd { - padding:.2rem .4rem; - font-size:87.5%; - color:#fff; - background-color:#212529; + padding:.2rem .4rem; + font-size:87.5%; + color:#fff; + background-color:#212529; border-radius:.2rem } kbd kbd { - padding:0; - font-size:100%; + padding:0; + font-size:100%; font-weight:700 } pre { - display:block; - font-size:87.5%; + display:block; + font-size:87.5%; color:#212529 } pre code { - font-size:inherit; - color:inherit; + font-size:inherit; + color:inherit; word-break:normal } .pre-scrollable { - max-height:340px; + max-height:340px; overflow-y:scroll } .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl { - width:100%; - padding-right:15px; - padding-left:15px; - margin-right:auto; + width:100%; + padding-right:15px; + padding-left:15px; + margin-right:auto; margin-left:auto } @media (min-width:576px) { .container,.container-sm { max-width:540px } - + } @media (min-width:768px) { .container,.container-md,.container-sm { max-width:720px } - + } @media (min-width:992px) { .container,.container-lg,.container-md,.container-sm { max-width:960px } - + } @media (min-width:1200px) { .container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1140px } - + } .row { - display:-ms-flexbox; - display:flex; - -ms-flex-wrap:wrap; - flex-wrap:wrap; - margin-right:-15px; + display:-ms-flexbox; + display:flex; + -ms-flex-wrap:wrap; + flex-wrap:wrap; + margin-right:-15px; margin-left:-15px } .no-gutters { - margin-right:0; + margin-right:0; margin-left:0 } .no-gutters>.col,.no-gutters>[class*=col-] { - padding-right:0; + padding-right:0; padding-left:0 } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { - position:relative; - width:100%; - padding-right:15px; + position:relative; + width:100%; + padding-right:15px; padding-left:15px } .col { - -ms-flex-preferred-size:0; - flex-basis:0; - -ms-flex-positive:1; - flex-grow:1; + -ms-flex-preferred-size:0; + flex-basis:0; + -ms-flex-positive:1; + flex-grow:1; max-width:100% } .row-cols-1>* { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .row-cols-2>* { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .row-cols-3>* { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .row-cols-4>* { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .row-cols-5>* { - -ms-flex:0 0 20%; - flex:0 0 20%; + -ms-flex:0 0 20%; + flex:0 0 20%; max-width:20% } .row-cols-6>* { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-auto { - -ms-flex:0 0 auto; - flex:0 0 auto; - width:auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; max-width:100% } .col-1 { - -ms-flex:0 0 8.333333%; - flex:0 0 8.333333%; + -ms-flex:0 0 8.333333%; + flex:0 0 8.333333%; max-width:8.333333% } .col-2 { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-3 { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .col-4 { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .col-5 { - -ms-flex:0 0 41.666667%; - flex:0 0 41.666667%; + -ms-flex:0 0 41.666667%; + flex:0 0 41.666667%; max-width:41.666667% } .col-6 { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .col-7 { - -ms-flex:0 0 58.333333%; - flex:0 0 58.333333%; + -ms-flex:0 0 58.333333%; + flex:0 0 58.333333%; max-width:58.333333% } .col-8 { - -ms-flex:0 0 66.666667%; - flex:0 0 66.666667%; + -ms-flex:0 0 66.666667%; + flex:0 0 66.666667%; max-width:66.666667% } .col-9 { - -ms-flex:0 0 75%; - flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; max-width:75% } .col-10 { - -ms-flex:0 0 83.333333%; - flex:0 0 83.333333%; + -ms-flex:0 0 83.333333%; + flex:0 0 83.333333%; max-width:83.333333% } .col-11 { - -ms-flex:0 0 91.666667%; - flex:0 0 91.666667%; + -ms-flex:0 0 91.666667%; + flex:0 0 91.666667%; max-width:91.666667% } .col-12 { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .order-first { - -ms-flex-order:-1; + -ms-flex-order:-1; order:-1 } .order-last { - -ms-flex-order:13; + -ms-flex-order:13; order:13 } .order-0 { - -ms-flex-order:0; + -ms-flex-order:0; order:0 } .order-1 { - -ms-flex-order:1; + -ms-flex-order:1; order:1 } .order-2 { - -ms-flex-order:2; + -ms-flex-order:2; order:2 } .order-3 { - -ms-flex-order:3; + -ms-flex-order:3; order:3 } .order-4 { - -ms-flex-order:4; + -ms-flex-order:4; order:4 } .order-5 { - -ms-flex-order:5; + -ms-flex-order:5; order:5 } .order-6 { - -ms-flex-order:6; + -ms-flex-order:6; order:6 } .order-7 { - -ms-flex-order:7; + -ms-flex-order:7; order:7 } .order-8 { - -ms-flex-order:8; + -ms-flex-order:8; order:8 } .order-9 { - -ms-flex-order:9; + -ms-flex-order:9; order:9 } .order-10 { - -ms-flex-order:10; + -ms-flex-order:10; order:10 } .order-11 { - -ms-flex-order:11; + -ms-flex-order:11; order:11 } .order-12 { - -ms-flex-order:12; + -ms-flex-order:12; order:12 } .offset-1 { @@ -679,166 +679,166 @@ pre code { } @media (min-width:576px) { .col-sm { - -ms-flex-preferred-size:0; - flex-basis:0; - -ms-flex-positive:1; - flex-grow:1; + -ms-flex-preferred-size:0; + flex-basis:0; + -ms-flex-positive:1; + flex-grow:1; max-width:100% } .row-cols-sm-1>* { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .row-cols-sm-2>* { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .row-cols-sm-3>* { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .row-cols-sm-4>* { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .row-cols-sm-5>* { - -ms-flex:0 0 20%; - flex:0 0 20%; + -ms-flex:0 0 20%; + flex:0 0 20%; max-width:20% } .row-cols-sm-6>* { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-sm-auto { - -ms-flex:0 0 auto; - flex:0 0 auto; - width:auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; max-width:100% } .col-sm-1 { - -ms-flex:0 0 8.333333%; - flex:0 0 8.333333%; + -ms-flex:0 0 8.333333%; + flex:0 0 8.333333%; max-width:8.333333% } .col-sm-2 { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-sm-3 { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .col-sm-4 { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .col-sm-5 { - -ms-flex:0 0 41.666667%; - flex:0 0 41.666667%; + -ms-flex:0 0 41.666667%; + flex:0 0 41.666667%; max-width:41.666667% } .col-sm-6 { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .col-sm-7 { - -ms-flex:0 0 58.333333%; - flex:0 0 58.333333%; + -ms-flex:0 0 58.333333%; + flex:0 0 58.333333%; max-width:58.333333% } .col-sm-8 { - -ms-flex:0 0 66.666667%; - flex:0 0 66.666667%; + -ms-flex:0 0 66.666667%; + flex:0 0 66.666667%; max-width:66.666667% } .col-sm-9 { - -ms-flex:0 0 75%; - flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; max-width:75% } .col-sm-10 { - -ms-flex:0 0 83.333333%; - flex:0 0 83.333333%; + -ms-flex:0 0 83.333333%; + flex:0 0 83.333333%; max-width:83.333333% } .col-sm-11 { - -ms-flex:0 0 91.666667%; - flex:0 0 91.666667%; + -ms-flex:0 0 91.666667%; + flex:0 0 91.666667%; max-width:91.666667% } .col-sm-12 { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .order-sm-first { - -ms-flex-order:-1; + -ms-flex-order:-1; order:-1 } .order-sm-last { - -ms-flex-order:13; + -ms-flex-order:13; order:13 } .order-sm-0 { - -ms-flex-order:0; + -ms-flex-order:0; order:0 } .order-sm-1 { - -ms-flex-order:1; + -ms-flex-order:1; order:1 } .order-sm-2 { - -ms-flex-order:2; + -ms-flex-order:2; order:2 } .order-sm-3 { - -ms-flex-order:3; + -ms-flex-order:3; order:3 } .order-sm-4 { - -ms-flex-order:4; + -ms-flex-order:4; order:4 } .order-sm-5 { - -ms-flex-order:5; + -ms-flex-order:5; order:5 } .order-sm-6 { - -ms-flex-order:6; + -ms-flex-order:6; order:6 } .order-sm-7 { - -ms-flex-order:7; + -ms-flex-order:7; order:7 } .order-sm-8 { - -ms-flex-order:8; + -ms-flex-order:8; order:8 } .order-sm-9 { - -ms-flex-order:9; + -ms-flex-order:9; order:9 } .order-sm-10 { - -ms-flex-order:10; + -ms-flex-order:10; order:10 } .order-sm-11 { - -ms-flex-order:11; + -ms-flex-order:11; order:11 } .order-sm-12 { - -ms-flex-order:12; + -ms-flex-order:12; order:12 } .offset-sm-0 { @@ -877,170 +877,170 @@ pre code { .offset-sm-11 { margin-left:91.666667% } - + } @media (min-width:768px) { .col-md { - -ms-flex-preferred-size:0; - flex-basis:0; - -ms-flex-positive:1; - flex-grow:1; + -ms-flex-preferred-size:0; + flex-basis:0; + -ms-flex-positive:1; + flex-grow:1; max-width:100% } .row-cols-md-1>* { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .row-cols-md-2>* { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .row-cols-md-3>* { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .row-cols-md-4>* { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .row-cols-md-5>* { - -ms-flex:0 0 20%; - flex:0 0 20%; + -ms-flex:0 0 20%; + flex:0 0 20%; max-width:20% } .row-cols-md-6>* { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-md-auto { - -ms-flex:0 0 auto; - flex:0 0 auto; - width:auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; max-width:100% } .col-md-1 { - -ms-flex:0 0 8.333333%; - flex:0 0 8.333333%; + -ms-flex:0 0 8.333333%; + flex:0 0 8.333333%; max-width:8.333333% } .col-md-2 { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-md-3 { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .col-md-4 { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .col-md-5 { - -ms-flex:0 0 41.666667%; - flex:0 0 41.666667%; + -ms-flex:0 0 41.666667%; + flex:0 0 41.666667%; max-width:41.666667% } .col-md-6 { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .col-md-7 { - -ms-flex:0 0 58.333333%; - flex:0 0 58.333333%; + -ms-flex:0 0 58.333333%; + flex:0 0 58.333333%; max-width:58.333333% } .col-md-8 { - -ms-flex:0 0 66.666667%; - flex:0 0 66.666667%; + -ms-flex:0 0 66.666667%; + flex:0 0 66.666667%; max-width:66.666667% } .col-md-9 { - -ms-flex:0 0 75%; - flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; max-width:75% } .col-md-10 { - -ms-flex:0 0 83.333333%; - flex:0 0 83.333333%; + -ms-flex:0 0 83.333333%; + flex:0 0 83.333333%; max-width:83.333333% } .col-md-11 { - -ms-flex:0 0 91.666667%; - flex:0 0 91.666667%; + -ms-flex:0 0 91.666667%; + flex:0 0 91.666667%; max-width:91.666667% } .col-md-12 { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .order-md-first { - -ms-flex-order:-1; + -ms-flex-order:-1; order:-1 } .order-md-last { - -ms-flex-order:13; + -ms-flex-order:13; order:13 } .order-md-0 { - -ms-flex-order:0; + -ms-flex-order:0; order:0 } .order-md-1 { - -ms-flex-order:1; + -ms-flex-order:1; order:1 } .order-md-2 { - -ms-flex-order:2; + -ms-flex-order:2; order:2 } .order-md-3 { - -ms-flex-order:3; + -ms-flex-order:3; order:3 } .order-md-4 { - -ms-flex-order:4; + -ms-flex-order:4; order:4 } .order-md-5 { - -ms-flex-order:5; + -ms-flex-order:5; order:5 } .order-md-6 { - -ms-flex-order:6; + -ms-flex-order:6; order:6 } .order-md-7 { - -ms-flex-order:7; + -ms-flex-order:7; order:7 } .order-md-8 { - -ms-flex-order:8; + -ms-flex-order:8; order:8 } .order-md-9 { - -ms-flex-order:9; + -ms-flex-order:9; order:9 } .order-md-10 { - -ms-flex-order:10; + -ms-flex-order:10; order:10 } .order-md-11 { - -ms-flex-order:11; + -ms-flex-order:11; order:11 } .order-md-12 { - -ms-flex-order:12; + -ms-flex-order:12; order:12 } .offset-md-0 { @@ -1079,170 +1079,170 @@ pre code { .offset-md-11 { margin-left:91.666667% } - + } @media (min-width:992px) { .col-lg { - -ms-flex-preferred-size:0; - flex-basis:0; - -ms-flex-positive:1; - flex-grow:1; + -ms-flex-preferred-size:0; + flex-basis:0; + -ms-flex-positive:1; + flex-grow:1; max-width:100% } .row-cols-lg-1>* { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .row-cols-lg-2>* { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .row-cols-lg-3>* { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .row-cols-lg-4>* { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .row-cols-lg-5>* { - -ms-flex:0 0 20%; - flex:0 0 20%; + -ms-flex:0 0 20%; + flex:0 0 20%; max-width:20% } .row-cols-lg-6>* { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-lg-auto { - -ms-flex:0 0 auto; - flex:0 0 auto; - width:auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; max-width:100% } .col-lg-1 { - -ms-flex:0 0 8.333333%; - flex:0 0 8.333333%; + -ms-flex:0 0 8.333333%; + flex:0 0 8.333333%; max-width:8.333333% } .col-lg-2 { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-lg-3 { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .col-lg-4 { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .col-lg-5 { - -ms-flex:0 0 41.666667%; - flex:0 0 41.666667%; + -ms-flex:0 0 41.666667%; + flex:0 0 41.666667%; max-width:41.666667% } .col-lg-6 { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .col-lg-7 { - -ms-flex:0 0 58.333333%; - flex:0 0 58.333333%; + -ms-flex:0 0 58.333333%; + flex:0 0 58.333333%; max-width:58.333333% } .col-lg-8 { - -ms-flex:0 0 66.666667%; - flex:0 0 66.666667%; + -ms-flex:0 0 66.666667%; + flex:0 0 66.666667%; max-width:66.666667% } .col-lg-9 { - -ms-flex:0 0 75%; - flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; max-width:75% } .col-lg-10 { - -ms-flex:0 0 83.333333%; - flex:0 0 83.333333%; + -ms-flex:0 0 83.333333%; + flex:0 0 83.333333%; max-width:83.333333% } .col-lg-11 { - -ms-flex:0 0 91.666667%; - flex:0 0 91.666667%; + -ms-flex:0 0 91.666667%; + flex:0 0 91.666667%; max-width:91.666667% } .col-lg-12 { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .order-lg-first { - -ms-flex-order:-1; + -ms-flex-order:-1; order:-1 } .order-lg-last { - -ms-flex-order:13; + -ms-flex-order:13; order:13 } .order-lg-0 { - -ms-flex-order:0; + -ms-flex-order:0; order:0 } .order-lg-1 { - -ms-flex-order:1; + -ms-flex-order:1; order:1 } .order-lg-2 { - -ms-flex-order:2; + -ms-flex-order:2; order:2 } .order-lg-3 { - -ms-flex-order:3; + -ms-flex-order:3; order:3 } .order-lg-4 { - -ms-flex-order:4; + -ms-flex-order:4; order:4 } .order-lg-5 { - -ms-flex-order:5; + -ms-flex-order:5; order:5 } .order-lg-6 { - -ms-flex-order:6; + -ms-flex-order:6; order:6 } .order-lg-7 { - -ms-flex-order:7; + -ms-flex-order:7; order:7 } .order-lg-8 { - -ms-flex-order:8; + -ms-flex-order:8; order:8 } .order-lg-9 { - -ms-flex-order:9; + -ms-flex-order:9; order:9 } .order-lg-10 { - -ms-flex-order:10; + -ms-flex-order:10; order:10 } .order-lg-11 { - -ms-flex-order:11; + -ms-flex-order:11; order:11 } .order-lg-12 { - -ms-flex-order:12; + -ms-flex-order:12; order:12 } .offset-lg-0 { @@ -1281,170 +1281,170 @@ pre code { .offset-lg-11 { margin-left:91.666667% } - + } @media (min-width:1200px) { .col-xl { - -ms-flex-preferred-size:0; - flex-basis:0; - -ms-flex-positive:1; - flex-grow:1; + -ms-flex-preferred-size:0; + flex-basis:0; + -ms-flex-positive:1; + flex-grow:1; max-width:100% } .row-cols-xl-1>* { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .row-cols-xl-2>* { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .row-cols-xl-3>* { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .row-cols-xl-4>* { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .row-cols-xl-5>* { - -ms-flex:0 0 20%; - flex:0 0 20%; + -ms-flex:0 0 20%; + flex:0 0 20%; max-width:20% } .row-cols-xl-6>* { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-xl-auto { - -ms-flex:0 0 auto; - flex:0 0 auto; - width:auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; max-width:100% } .col-xl-1 { - -ms-flex:0 0 8.333333%; - flex:0 0 8.333333%; + -ms-flex:0 0 8.333333%; + flex:0 0 8.333333%; max-width:8.333333% } .col-xl-2 { - -ms-flex:0 0 16.666667%; - flex:0 0 16.666667%; + -ms-flex:0 0 16.666667%; + flex:0 0 16.666667%; max-width:16.666667% } .col-xl-3 { - -ms-flex:0 0 25%; - flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; max-width:25% } .col-xl-4 { - -ms-flex:0 0 33.333333%; - flex:0 0 33.333333%; + -ms-flex:0 0 33.333333%; + flex:0 0 33.333333%; max-width:33.333333% } .col-xl-5 { - -ms-flex:0 0 41.666667%; - flex:0 0 41.666667%; + -ms-flex:0 0 41.666667%; + flex:0 0 41.666667%; max-width:41.666667% } .col-xl-6 { - -ms-flex:0 0 50%; - flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; max-width:50% } .col-xl-7 { - -ms-flex:0 0 58.333333%; - flex:0 0 58.333333%; + -ms-flex:0 0 58.333333%; + flex:0 0 58.333333%; max-width:58.333333% } .col-xl-8 { - -ms-flex:0 0 66.666667%; - flex:0 0 66.666667%; + -ms-flex:0 0 66.666667%; + flex:0 0 66.666667%; max-width:66.666667% } .col-xl-9 { - -ms-flex:0 0 75%; - flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; max-width:75% } .col-xl-10 { - -ms-flex:0 0 83.333333%; - flex:0 0 83.333333%; + -ms-flex:0 0 83.333333%; + flex:0 0 83.333333%; max-width:83.333333% } .col-xl-11 { - -ms-flex:0 0 91.666667%; - flex:0 0 91.666667%; + -ms-flex:0 0 91.666667%; + flex:0 0 91.666667%; max-width:91.666667% } .col-xl-12 { - -ms-flex:0 0 100%; - flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; max-width:100% } .order-xl-first { - -ms-flex-order:-1; + -ms-flex-order:-1; order:-1 } .order-xl-last { - -ms-flex-order:13; + -ms-flex-order:13; order:13 } .order-xl-0 { - -ms-flex-order:0; + -ms-flex-order:0; order:0 } .order-xl-1 { - -ms-flex-order:1; + -ms-flex-order:1; order:1 } .order-xl-2 { - -ms-flex-order:2; + -ms-flex-order:2; order:2 } .order-xl-3 { - -ms-flex-order:3; + -ms-flex-order:3; order:3 } .order-xl-4 { - -ms-flex-order:4; + -ms-flex-order:4; order:4 } .order-xl-5 { - -ms-flex-order:5; + -ms-flex-order:5; order:5 } .order-xl-6 { - -ms-flex-order:6; + -ms-flex-order:6; order:6 } .order-xl-7 { - -ms-flex-order:7; + -ms-flex-order:7; order:7 } .order-xl-8 { - -ms-flex-order:8; + -ms-flex-order:8; order:8 } .order-xl-9 { - -ms-flex-order:9; + -ms-flex-order:9; order:9 } .order-xl-10 { - -ms-flex-order:10; + -ms-flex-order:10; order:10 } .order-xl-11 { - -ms-flex-order:11; + -ms-flex-order:11; order:11 } .order-xl-12 { - -ms-flex-order:12; + -ms-flex-order:12; order:12 } .offset-xl-0 { @@ -1483,20 +1483,20 @@ pre code { .offset-xl-11 { margin-left:91.666667% } - + } .table { - width:100%; - margin-bottom:1rem; + width:100%; + margin-bottom:1rem; color:#212529 } .table td,.table th { - padding:.75rem; - vertical-align:top; + padding:.75rem; + vertical-align:top; border-top:1px solid #dee2e6 } .table thead th { - vertical-align:bottom; + vertical-align:bottom; border-bottom:2px solid #dee2e6 } .table tbody+tbody { @@ -1521,7 +1521,7 @@ pre code { background-color:#ecf0f1 } .table-hover tbody tr:hover { - color:#212529; + color:#212529; background-color:rgba(0,0,0,.075) } .table-primary,.table-primary>td,.table-primary>th { @@ -1630,17 +1630,17 @@ pre code { background-color:rgba(0,0,0,.075) } .table .thead-dark th { - color:#fff; - background-color:#343a40; + color:#fff; + background-color:#343a40; border-color:#454d55 } .table .thead-light th { - color:#7b8a8b; - background-color:#ecf0f1; + color:#7b8a8b; + background-color:#ecf0f1; border-color:#dee2e6 } .table-dark { - color:#fff; + color:#fff; background-color:#343a40 } .table-dark td,.table-dark th,.table-dark thead th { @@ -1653,186 +1653,186 @@ pre code { background-color:rgba(255,255,255,.05) } .table-dark.table-hover tbody tr:hover { - color:#fff; + color:#fff; background-color:rgba(255,255,255,.075) } @media (max-width:575.98px) { .table-responsive-sm { - display:block; - width:100%; - overflow-x:auto; + display:block; + width:100%; + overflow-x:auto; -webkit-overflow-scrolling:touch } .table-responsive-sm>.table-bordered { border:0 } - + } @media (max-width:767.98px) { .table-responsive-md { - display:block; - width:100%; - overflow-x:auto; + display:block; + width:100%; + overflow-x:auto; -webkit-overflow-scrolling:touch } .table-responsive-md>.table-bordered { border:0 } - + } @media (max-width:991.98px) { .table-responsive-lg { - display:block; - width:100%; - overflow-x:auto; + display:block; + width:100%; + overflow-x:auto; -webkit-overflow-scrolling:touch } .table-responsive-lg>.table-bordered { border:0 } - + } @media (max-width:1199.98px) { .table-responsive-xl { - display:block; - width:100%; - overflow-x:auto; + display:block; + width:100%; + overflow-x:auto; -webkit-overflow-scrolling:touch } .table-responsive-xl>.table-bordered { border:0 } - + } .table-responsive { - display:block; - width:100%; - overflow-x:auto; + display:block; + width:100%; + overflow-x:auto; -webkit-overflow-scrolling:touch } .table-responsive>.table-bordered { border:0 } .form-control { - display:block; - width:100%; - height:calc(1.5em + .75rem + 2px); - padding:.375rem .75rem; - font-size:.9375rem; - font-weight:400; - line-height:1.5; - color:#7b8a8b; - background-color:#fff; - background-clip:padding-box; - border:1px solid #ced4da; - border-radius:.25rem; + display:block; + width:100%; + height:calc(1.5em + .75rem + 2px); + padding:.375rem .75rem; + font-size:.9375rem; + font-weight:400; + line-height:1.5; + color:#7b8a8b; + background-color:#fff; + background-clip:padding-box; + border:1px solid #ced4da; + border-radius:.25rem; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition:none } - + } .form-control::-ms-expand { - background-color:transparent; + background-color:transparent; border:0 } .form-control:-moz-focusring { - color:transparent; + color:transparent; text-shadow:0 0 0 #7b8a8b } .form-control:focus { - color:#7b8a8b; - background-color:#fff; - border-color:#597ea2; - outline:0; + color:#7b8a8b; + background-color:#fff; + border-color:#597ea2; + outline:0; box-shadow:0 0 0 .2rem rgba(44,62,80,.25) } .form-control::-webkit-input-placeholder { - color:#95a5a6; + color:#95a5a6; opacity:1 } .form-control::-moz-placeholder { - color:#95a5a6; + color:#95a5a6; opacity:1 } .form-control:-ms-input-placeholder { - color:#95a5a6; + color:#95a5a6; opacity:1 } .form-control::-ms-input-placeholder { - color:#95a5a6; + color:#95a5a6; opacity:1 } .form-control::placeholder { - color:#95a5a6; + color:#95a5a6; opacity:1 } .form-control:disabled,.form-control[readonly] { - background-color:#ecf0f1; + background-color:#ecf0f1; opacity:1 } input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control { - -webkit-appearance:none; - -moz-appearance:none; + -webkit-appearance:none; + -moz-appearance:none; appearance:none } select.form-control:focus::-ms-value { - color:#7b8a8b; + color:#7b8a8b; background-color:#fff } .form-control-file,.form-control-range { - display:block; + display:block; width:100% } .col-form-label { - padding-top:calc(.375rem + 1px); - padding-bottom:calc(.375rem + 1px); - margin-bottom:0; - font-size:inherit; + padding-top:calc(.375rem + 1px); + padding-bottom:calc(.375rem + 1px); + margin-bottom:0; + font-size:inherit; line-height:1.5 } .col-form-label-lg { - padding-top:calc(.5rem + 1px); - padding-bottom:calc(.5rem + 1px); - font-size:1.171875rem; + padding-top:calc(.5rem + 1px); + padding-bottom:calc(.5rem + 1px); + font-size:1.171875rem; line-height:1.5 } .col-form-label-sm { - padding-top:calc(.25rem + 1px); - padding-bottom:calc(.25rem + 1px); - font-size:.825rem; + padding-top:calc(.25rem + 1px); + padding-bottom:calc(.25rem + 1px); + font-size:.825rem; line-height:1.5 } .form-control-plaintext { - display:block; - width:100%; - padding:.375rem 0; - margin-bottom:0; - font-size:.9375rem; - line-height:1.5; - color:#212529; - background-color:transparent; - border:solid transparent; + display:block; + width:100%; + padding:.375rem 0; + margin-bottom:0; + font-size:.9375rem; + line-height:1.5; + color:#212529; + background-color:transparent; + border:solid transparent; border-width:1px 0 } .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm { - padding-right:0; + padding-right:0; padding-left:0 } .form-control-sm { - height:calc(1.5em + .5rem + 2px); - padding:.25rem .5rem; - font-size:.825rem; - line-height:1.5; + height:calc(1.5em + .5rem + 2px); + padding:.25rem .5rem; + font-size:.825rem; + line-height:1.5; border-radius:.2rem } .form-control-lg { - height:calc(1.5em + 1rem + 2px); - padding:.5rem 1rem; - font-size:1.171875rem; - line-height:1.5; + height:calc(1.5em + 1rem + 2px); + padding:.5rem 1rem; + font-size:1.171875rem; + line-height:1.5; border-radius:.3rem } select.form-control[multiple],select.form-control[size] { @@ -1845,29 +1845,29 @@ textarea.form-control { margin-bottom:1rem } .form-text { - display:block; + display:block; margin-top:.25rem } .form-row { - display:-ms-flexbox; - display:flex; - -ms-flex-wrap:wrap; - flex-wrap:wrap; - margin-right:-5px; + display:-ms-flexbox; + display:flex; + -ms-flex-wrap:wrap; + flex-wrap:wrap; + margin-right:-5px; margin-left:-5px } .form-row>.col,.form-row>[class*=col-] { - padding-right:5px; + padding-right:5px; padding-left:5px } .form-check { - position:relative; - display:block; + position:relative; + display:block; padding-left:1.25rem } .form-check-input { - position:absolute; - margin-top:.3rem; + position:absolute; + margin-top:.3rem; margin-left:-1.25rem } .form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label { @@ -1877,67 +1877,67 @@ textarea.form-control { margin-bottom:0 } .form-check-inline { - display:-ms-inline-flexbox; - display:inline-flex; - -ms-flex-align:center; - align-items:center; - padding-left:0; + display:-ms-inline-flexbox; + display:inline-flex; + -ms-flex-align:center; + align-items:center; + padding-left:0; margin-right:.75rem } .form-check-inline .form-check-input { - position:static; - margin-top:0; - margin-right:.3125rem; + position:static; + margin-top:0; + margin-right:.3125rem; margin-left:0 } .valid-feedback { - display:none; - width:100%; - margin-top:.25rem; - font-size:80%; + display:none; + width:100%; + margin-top:.25rem; + font-size:80%; color:#18bc9c } .valid-tooltip { - position:absolute; - top:100%; - left:0; - z-index:5; - display:none; - max-width:100%; - padding:.25rem .5rem; - margin-top:.1rem; - font-size:.825rem; - line-height:1.5; - color:#fff; - background-color:rgba(24,188,156,.9); + position:absolute; + top:100%; + left:0; + z-index:5; + display:none; + max-width:100%; + padding:.25rem .5rem; + margin-top:.1rem; + font-size:.825rem; + line-height:1.5; + color:#fff; + background-color:rgba(24,188,156,.9); border-radius:.25rem } .is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip { display:block } .form-control.is-valid,.was-validated .form-control:valid { - border-color:#18bc9c; - padding-right:calc(1.5em + .75rem); - background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2318bc9c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-repeat:no-repeat; - background-position:right calc(.375em + .1875rem) center; + border-color:#18bc9c; + padding-right:calc(1.5em + .75rem); + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2318bc9c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat:no-repeat; + background-position:right calc(.375em + .1875rem) center; background-size:calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus,.was-validated .form-control:valid:focus { - border-color:#18bc9c; + border-color:#18bc9c; box-shadow:0 0 0 .2rem rgba(24,188,156,.25) } .was-validated textarea.form-control:valid,textarea.form-control.is-valid { - padding-right:calc(1.5em + .75rem); + padding-right:calc(1.5em + .75rem); background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-valid,.was-validated .custom-select:valid { - border-color:#18bc9c; - padding-right:calc(.75em + 2.3125rem); + border-color:#18bc9c; + padding-right:calc(.75em + 2.3125rem); background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2318bc9c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-valid:focus,.was-validated .custom-select:valid:focus { - border-color:#18bc9c; + border-color:#18bc9c; box-shadow:0 0 0 .2rem rgba(24,188,156,.25) } .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { @@ -1953,7 +1953,7 @@ textarea.form-control { border-color:#18bc9c } .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before { - border-color:#24e3be; + border-color:#24e3be; background-color:#24e3be } .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before { @@ -1966,57 +1966,57 @@ textarea.form-control { border-color:#18bc9c } .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label { - border-color:#18bc9c; + border-color:#18bc9c; box-shadow:0 0 0 .2rem rgba(24,188,156,.25) } .invalid-feedback { - display:none; - width:100%; - margin-top:.25rem; - font-size:80%; + display:none; + width:100%; + margin-top:.25rem; + font-size:80%; color:#e74c3c } .invalid-tooltip { - position:absolute; - top:100%; - left:0; - z-index:5; - display:none; - max-width:100%; - padding:.25rem .5rem; - margin-top:.1rem; - font-size:.825rem; - line-height:1.5; - color:#fff; - background-color:rgba(231,76,60,.9); + position:absolute; + top:100%; + left:0; + z-index:5; + display:none; + max-width:100%; + padding:.25rem .5rem; + margin-top:.1rem; + font-size:.825rem; + line-height:1.5; + color:#fff; + background-color:rgba(231,76,60,.9); border-radius:.25rem } .is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip { display:block } .form-control.is-invalid,.was-validated .form-control:invalid { - border-color:#e74c3c; - padding-right:calc(1.5em + .75rem); - background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74c3c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74c3c' stroke='none'/%3e%3c/svg%3e"); - background-repeat:no-repeat; - background-position:right calc(.375em + .1875rem) center; + border-color:#e74c3c; + padding-right:calc(1.5em + .75rem); + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74c3c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74c3c' stroke='none'/%3e%3c/svg%3e"); + background-repeat:no-repeat; + background-position:right calc(.375em + .1875rem) center; background-size:calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus { - border-color:#e74c3c; + border-color:#e74c3c; box-shadow:0 0 0 .2rem rgba(231,76,60,.25) } .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { - padding-right:calc(1.5em + .75rem); + padding-right:calc(1.5em + .75rem); background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-invalid,.was-validated .custom-select:invalid { - border-color:#e74c3c; - padding-right:calc(.75em + 2.3125rem); + border-color:#e74c3c; + padding-right:calc(.75em + 2.3125rem); background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74c3c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74c3c' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus { - border-color:#e74c3c; + border-color:#e74c3c; box-shadow:0 0 0 .2rem rgba(231,76,60,.25) } .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { @@ -2032,7 +2032,7 @@ textarea.form-control { border-color:#e74c3c } .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before { - border-color:#ed7669; + border-color:#ed7669; background-color:#ed7669 } .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before { @@ -2045,15 +2045,15 @@ textarea.form-control { border-color:#e74c3c } .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label { - border-color:#e74c3c; + border-color:#e74c3c; box-shadow:0 0 0 .2rem rgba(231,76,60,.25) } .form-inline { - display:-ms-flexbox; - display:flex; - -ms-flex-flow:row wrap; - flex-flow:row wrap; - -ms-flex-align:center; + display:-ms-flexbox; + display:flex; + -ms-flex-flow:row wrap; + flex-flow:row wrap; + -ms-flex-align:center; align-items:center } .form-inline .form-check { @@ -2061,28 +2061,28 @@ textarea.form-control { } @media (min-width:576px) { .form-inline label { - display:-ms-flexbox; - display:flex; - -ms-flex-align:center; - align-items:center; - -ms-flex-pack:center; - justify-content:center; + display:-ms-flexbox; + display:flex; + -ms-flex-align:center; + align-items:center; + -ms-flex-pack:center; + justify-content:center; margin-bottom:0 } .form-inline .form-group { - display:-ms-flexbox; - display:flex; - -ms-flex:0 0 auto; - flex:0 0 auto; - -ms-flex-flow:row wrap; - flex-flow:row wrap; - -ms-flex-align:center; - align-items:center; + display:-ms-flexbox; + display:flex; + -ms-flex:0 0 auto; + flex:0 0 auto; + -ms-flex-flow:row wrap; + flex-flow:row wrap; + -ms-flex-align:center; + align-items:center; margin-bottom:0 } .form-inline .form-control { - display:inline-block; - width:auto; + display:inline-block; + width:auto; vertical-align:middle } .form-inline .form-control-plaintext { @@ -2092,63 +2092,63 @@ textarea.form-control { width:auto } .form-inline .form-check { - display:-ms-flexbox; - display:flex; - -ms-flex-align:center; - align-items:center; - -ms-flex-pack:center; - justify-content:center; - width:auto; + display:-ms-flexbox; + display:flex; + -ms-flex-align:center; + align-items:center; + -ms-flex-pack:center; + justify-content:center; + width:auto; padding-left:0 } .form-inline .form-check-input { - position:relative; - -ms-flex-negative:0; - flex-shrink:0; - margin-top:0; - margin-right:.25rem; + position:relative; + -ms-flex-negative:0; + flex-shrink:0; + margin-top:0; + margin-right:.25rem; margin-left:0 } .form-inline .custom-control { - -ms-flex-align:center; - align-items:center; - -ms-flex-pack:center; + -ms-flex-align:center; + align-items:center; + -ms-flex-pack:center; justify-content:center } .form-inline .custom-control-label { margin-bottom:0 } - + } .btn { - display:inline-block; - font-weight:400; - color:#212529; - text-align:center; - vertical-align:middle; - -webkit-user-select:none; - -moz-user-select:none; - -ms-user-select:none; - user-select:none; - background-color:transparent; - border:1px solid transparent; - padding:.375rem .75rem; - line-height:1.5; - border-radius:.25rem; + display:inline-block; + font-weight:400; + color:#212529; + text-align:center; + vertical-align:middle; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + background-color:transparent; + border:1px solid transparent; + padding:.375rem .75rem; + line-height:1.5; + border-radius:.25rem; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition:none } - + } .btn:hover { - color:#212529; + color:#212529; text-decoration:none } .btn.focus,.btn:focus { - outline:0; + outline:0; box-shadow:0 0 0 .2rem rgba(44,62,80,.25) } .btn.disabled,.btn:disabled { @@ -2161,227 +2161,227 @@ a.btn.disabled,fieldset:disabled a.btn { pointer-events:none } .btn-primary { - color:#fff; - background-color:#2c3e50; + color:#fff; + background-color:#2c3e50; border-color:#2c3e50 } .btn-primary:hover { - color:#fff; - background-color:#1e2b37; + color:#fff; + background-color:#1e2b37; border-color:#1a252f } .btn-primary.focus,.btn-primary:focus { - color:#fff; - background-color:#1e2b37; - border-color:#1a252f; + color:#fff; + background-color:#1e2b37; + border-color:#1a252f; box-shadow:0 0 0 .2rem rgba(76,91,106,.5) } .btn-primary.disabled,.btn-primary:disabled { - color:#fff; - background-color:#2c3e50; + color:#fff; + background-color:#2c3e50; border-color:#2c3e50 } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { - color:#fff; - background-color:#1a252f; + color:#fff; + background-color:#1a252f; border-color:#151e27 } .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(76,91,106,.5) } .btn-secondary { - color:#fff; - background-color:#95a5a6; + color:#fff; + background-color:#95a5a6; border-color:#95a5a6 } .btn-secondary:hover { - color:#fff; - background-color:#809395; + color:#fff; + background-color:#809395; border-color:#798d8f } .btn-secondary.focus,.btn-secondary:focus { - color:#fff; - background-color:#809395; - border-color:#798d8f; + color:#fff; + background-color:#809395; + border-color:#798d8f; box-shadow:0 0 0 .2rem rgba(165,179,179,.5) } .btn-secondary.disabled,.btn-secondary:disabled { - color:#fff; - background-color:#95a5a6; + color:#fff; + background-color:#95a5a6; border-color:#95a5a6 } .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { - color:#fff; - background-color:#798d8f; + color:#fff; + background-color:#798d8f; border-color:#738789 } .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(165,179,179,.5) } .btn-success { - color:#fff; - background-color:#18bc9c; + color:#fff; + background-color:#18bc9c; border-color:#18bc9c } .btn-success:hover { - color:#fff; - background-color:#149a80; + color:#fff; + background-color:#149a80; border-color:#128f76 } .btn-success.focus,.btn-success:focus { - color:#fff; - background-color:#149a80; - border-color:#128f76; + color:#fff; + background-color:#149a80; + border-color:#128f76; box-shadow:0 0 0 .2rem rgba(59,198,171,.5) } .btn-success.disabled,.btn-success:disabled { - color:#fff; - background-color:#18bc9c; + color:#fff; + background-color:#18bc9c; border-color:#18bc9c } .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { - color:#fff; - background-color:#128f76; + color:#fff; + background-color:#128f76; border-color:#11836d } .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(59,198,171,.5) } .btn-info { - color:#fff; - background-color:#3498db; + color:#fff; + background-color:#3498db; border-color:#3498db } .btn-info:hover { - color:#fff; - background-color:#2384c6; + color:#fff; + background-color:#2384c6; border-color:#217dbb } .btn-info.focus,.btn-info:focus { - color:#fff; - background-color:#2384c6; - border-color:#217dbb; + color:#fff; + background-color:#2384c6; + border-color:#217dbb; box-shadow:0 0 0 .2rem rgba(82,167,224,.5) } .btn-info.disabled,.btn-info:disabled { - color:#fff; - background-color:#3498db; + color:#fff; + background-color:#3498db; border-color:#3498db } .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { - color:#fff; - background-color:#217dbb; + color:#fff; + background-color:#217dbb; border-color:#1f76b0 } .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(82,167,224,.5) } .btn-warning { - color:#fff; - background-color:#f39c12; + color:#fff; + background-color:#f39c12; border-color:#f39c12 } .btn-warning:hover { - color:#fff; - background-color:#d4860b; + color:#fff; + background-color:#d4860b; border-color:#c87f0a } .btn-warning.focus,.btn-warning:focus { - color:#fff; - background-color:#d4860b; - border-color:#c87f0a; + color:#fff; + background-color:#d4860b; + border-color:#c87f0a; box-shadow:0 0 0 .2rem rgba(245,171,54,.5) } .btn-warning.disabled,.btn-warning:disabled { - color:#fff; - background-color:#f39c12; + color:#fff; + background-color:#f39c12; border-color:#f39c12 } .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle { - color:#fff; - background-color:#c87f0a; + color:#fff; + background-color:#c87f0a; border-color:#bc770a } .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(245,171,54,.5) } .btn-danger { - color:#fff; - background-color:#e74c3c; + color:#fff; + background-color:#e74c3c; border-color:#e74c3c } .btn-danger:hover { - color:#fff; - background-color:#e12e1c; + color:#fff; + background-color:#e12e1c; border-color:#d62c1a } .btn-danger.focus,.btn-danger:focus { - color:#fff; - background-color:#e12e1c; - border-color:#d62c1a; + color:#fff; + background-color:#e12e1c; + border-color:#d62c1a; box-shadow:0 0 0 .2rem rgba(235,103,89,.5) } .btn-danger.disabled,.btn-danger:disabled { - color:#fff; - background-color:#e74c3c; + color:#fff; + background-color:#e74c3c; border-color:#e74c3c } .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { - color:#fff; - background-color:#d62c1a; + color:#fff; + background-color:#d62c1a; border-color:#ca2a19 } .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(235,103,89,.5) } .btn-light { - color:#212529; - background-color:#ecf0f1; + color:#212529; + background-color:#ecf0f1; border-color:#ecf0f1 } .btn-light:hover { - color:#212529; - background-color:#d6dfe1; + color:#212529; + background-color:#d6dfe1; border-color:#cfd9db } .btn-light.focus,.btn-light:focus { - color:#212529; - background-color:#d6dfe1; - border-color:#cfd9db; + color:#212529; + background-color:#d6dfe1; + border-color:#cfd9db; box-shadow:0 0 0 .2rem rgba(206,210,211,.5) } .btn-light.disabled,.btn-light:disabled { - color:#212529; - background-color:#ecf0f1; + color:#212529; + background-color:#ecf0f1; border-color:#ecf0f1 } .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle { - color:#212529; - background-color:#cfd9db; + color:#212529; + background-color:#cfd9db; border-color:#c7d3d6 } .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(206,210,211,.5) } .btn-dark { - color:#fff; - background-color:#7b8a8b; + color:#fff; + background-color:#7b8a8b; border-color:#7b8a8b } .btn-dark:hover { - color:#fff; - background-color:#697677; + color:#fff; + background-color:#697677; border-color:#636f70 } .btn-dark.focus,.btn-dark:focus { - color:#fff; - background-color:#697677; - border-color:#636f70; + color:#fff; + background-color:#697677; + border-color:#636f70; box-shadow:0 0 0 .2rem rgba(143,156,156,.5) } .btn-dark.disabled,.btn-dark:disabled { - color:#fff; - background-color:#7b8a8b; + color:#fff; + background-color:#7b8a8b; border-color:#7b8a8b } .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle { @@ -2568,7 +2568,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .fade { transition:none } - + } .fade:not(.show) { opacity:0 @@ -2583,7 +2583,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .collapsing { transition:none } - + } .dropdown,.dropleft,.dropright,.dropup { position:relative @@ -2613,7 +2613,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .dropdown-menu-sm-right { right:0; left:auto } - + } @media (min-width:768px) { .dropdown-menu-md-left { @@ -2622,7 +2622,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .dropdown-menu-md-right { right:0; left:auto } - + } @media (min-width:992px) { .dropdown-menu-lg-left { @@ -2631,7 +2631,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .dropdown-menu-lg-right { right:0; left:auto } - + } @media (min-width:1200px) { .dropdown-menu-xl-left { @@ -2640,7 +2640,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .dropdown-menu-xl-right { right:0; left:auto } - + } .dropup .dropdown-menu { top:auto; bottom:100%; margin-top:0; margin-bottom:.125rem @@ -2922,7 +2922,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-switch .custom-control-label::after { transition:none } - + } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color:#fff; -webkit-transform:translateX(.75rem); transform:translateX(.75rem) @@ -3006,7 +3006,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-range::-webkit-slider-thumb { -webkit-transition:none; transition:none } - + } .custom-range::-webkit-slider-thumb:active { background-color:#7997b5 @@ -3021,7 +3021,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-range::-moz-range-thumb { -moz-transition:none; transition:none } - + } .custom-range::-moz-range-thumb:active { background-color:#7997b5 @@ -3036,7 +3036,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-range::-ms-thumb { -ms-transition:none; transition:none } - + } .custom-range::-ms-thumb:active { background-color:#7997b5 @@ -3072,7 +3072,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-control-label::before,.custom-file-label,.custom-select { transition:none } - + } .nav { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none @@ -3165,7 +3165,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:576px) { .navbar-expand-sm { @@ -3189,13 +3189,13 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-sm .navbar-toggler { display:none } - + } @media (max-width:767.98px) { .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:768px) { .navbar-expand-md { @@ -3219,13 +3219,13 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-md .navbar-toggler { display:none } - + } @media (max-width:991.98px) { .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:992px) { .navbar-expand-lg { @@ -3249,13 +3249,13 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-lg .navbar-toggler { display:none } - + } @media (max-width:1199.98px) { .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:1200px) { .navbar-expand-xl { @@ -3279,7 +3279,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-xl .navbar-toggler { display:none } - + } .navbar-expand { -ms-flex-flow:row nowrap; flex-flow:row nowrap; -ms-flex-pack:start; justify-content:flex-start @@ -3447,7 +3447,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .card-deck .card { -ms-flex:1 0 0%; flex:1 0 0%; margin-right:15px; margin-bottom:0; margin-left:15px } - + } .card-group>.card { margin-bottom:15px @@ -3480,7 +3480,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius:0 } - + } .card-columns .card { margin-bottom:.75rem @@ -3492,7 +3492,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .card-columns .card { display:inline-block; width:100% } - + } .accordion { overflow-anchor:none @@ -3579,7 +3579,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .badge { transition:none } - + } a.badge:focus,a.badge:hover { text-decoration:none @@ -3672,7 +3672,7 @@ a.badge-dark.focus,a.badge-dark:focus { .jumbotron { padding:4rem 2rem } - + } .jumbotron-fluid { padding-right:0; padding-left:0; border-radius:0 @@ -3771,7 +3771,7 @@ a.badge-dark.focus,a.badge-dark:focus { to { background-position:0 0 } - + } @keyframes progress-bar-stripes { from { @@ -3780,7 +3780,7 @@ a.badge-dark.focus,a.badge-dark:focus { to { background-position:0 0 } - + } .progress { display:-ms-flexbox; display:flex; height:1rem; overflow:hidden; line-height:0; font-size:.703125rem; background-color:#ecf0f1; border-radius:.25rem @@ -3792,7 +3792,7 @@ a.badge-dark.focus,a.badge-dark:focus { .progress-bar { transition:none } - + } .progress-bar-striped { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size:1rem 1rem @@ -3804,7 +3804,7 @@ a.badge-dark.focus,a.badge-dark:focus { .progress-bar-animated { -webkit-animation:none; animation:none } - + } .media { display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start @@ -3882,7 +3882,7 @@ a.badge-dark.focus,a.badge-dark:focus { .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px } - + } @media (min-width:768px) { .list-group-horizontal-md { @@ -3903,7 +3903,7 @@ a.badge-dark.focus,a.badge-dark:focus { .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px } - + } @media (min-width:992px) { .list-group-horizontal-lg { @@ -3924,7 +3924,7 @@ a.badge-dark.focus,a.badge-dark:focus { .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px } - + } @media (min-width:1200px) { .list-group-horizontal-xl { @@ -3945,7 +3945,7 @@ a.badge-dark.focus,a.badge-dark:focus { .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px } - + } .list-group-flush { border-radius:0 @@ -4083,7 +4083,7 @@ a.close.disabled { .modal.fade .modal-dialog { transition:none } - + } .modal.show .modal-dialog { -webkit-transform:none; transform:none @@ -4170,19 +4170,19 @@ a.close.disabled { .modal-sm { max-width:300px } - + } @media (min-width:992px) { .modal-lg,.modal-xl { max-width:800px } - + } @media (min-width:1200px) { .modal-xl { max-width:1140px } - + } .tooltip { position:absolute; z-index:1070; display:block; margin:0; font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:.825rem; word-wrap:break-word; opacity:0 @@ -4327,7 +4327,7 @@ a.close.disabled { .carousel-item { transition:none } - + } .carousel-item-next,.carousel-item-prev,.carousel-item.active { display:block @@ -4351,7 +4351,7 @@ a.close.disabled { .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { transition:none } - + } .carousel-control-next,.carousel-control-prev { position:absolute; top:0; bottom:0; z-index:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; width:15%; color:#fff; text-align:center; opacity:.5; transition:opacity .15s ease @@ -4360,7 +4360,7 @@ a.close.disabled { .carousel-control-next,.carousel-control-prev { transition:none } - + } .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { color:#fff; text-decoration:none; outline:0; opacity:.9 @@ -4390,7 +4390,7 @@ a.close.disabled { .carousel-indicators li { transition:none } - + } .carousel-indicators .active { opacity:1 @@ -4402,13 +4402,13 @@ a.close.disabled { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } - + } @keyframes spinner-border { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } - + } .spinner-border { display:inline-block; width:2rem; height:2rem; vertical-align:text-bottom; border:.25em solid currentColor; border-right-color:transparent; border-radius:50%; -webkit-animation:spinner-border .75s linear infinite; animation:spinner-border .75s linear infinite @@ -4423,7 +4423,7 @@ a.close.disabled { 50% { opacity:1; -webkit-transform:none; transform:none } - + } @keyframes spinner-grow { 0% { @@ -4432,7 +4432,7 @@ a.close.disabled { 50% { opacity:1; -webkit-transform:none; transform:none } - + } .spinner-grow { display:inline-block; width:2rem; height:2rem; vertical-align:text-bottom; background-color:currentColor; border-radius:50%; opacity:0; -webkit-animation:spinner-grow .75s linear infinite; animation:spinner-grow .75s linear infinite @@ -4512,6 +4512,9 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .bg-transparent { background-color:transparent!important } +.border-no-shift { + box-shadow: inset 0 0 0 1px #dee2e6; +} .border { border:1px solid #dee2e6!important } @@ -4657,7 +4660,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .d-sm-inline-flex { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media (min-width:768px) { .d-md-none { @@ -4687,7 +4690,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .d-md-inline-flex { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media (min-width:992px) { .d-lg-none { @@ -4717,7 +4720,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .d-lg-inline-flex { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media (min-width:1200px) { .d-xl-none { @@ -4747,7 +4750,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .d-xl-inline-flex { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media print { .d-print-none { @@ -4777,7 +4780,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .d-print-inline-flex { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } .embed-responsive { position:relative; display:block; width:100%; padding:0; overflow:hidden @@ -5005,7 +5008,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .align-self-sm-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } @media (min-width:768px) { .flex-md-row { @@ -5110,7 +5113,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .align-self-md-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } @media (min-width:992px) { .flex-lg-row { @@ -5215,7 +5218,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .align-self-lg-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } @media (min-width:1200px) { .flex-xl-row { @@ -5320,7 +5323,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .align-self-xl-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } .float-left { float:left!important @@ -5341,7 +5344,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-sm-none { float:none!important } - + } @media (min-width:768px) { .float-md-left { @@ -5353,7 +5356,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-md-none { float:none!important } - + } @media (min-width:992px) { .float-lg-left { @@ -5365,7 +5368,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-lg-none { float:none!important } - + } @media (min-width:1200px) { .float-xl-left { @@ -5377,7 +5380,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-xl-none { float:none!important } - + } .user-select-all { -webkit-user-select:all!important; -moz-user-select:all!important; -ms-user-select:all!important; user-select:all!important @@ -5419,7 +5422,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .sticky-top { position:-webkit-sticky; position:sticky; top:0; z-index:1020 } - + } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 @@ -6028,7 +6031,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-sm-auto,.mx-sm-auto { margin-left:auto!important } - + } @media (min-width:768px) { .m-md-0 { @@ -6301,7 +6304,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-md-auto,.mx-md-auto { margin-left:auto!important } - + } @media (min-width:992px) { .m-lg-0 { @@ -6574,7 +6577,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-lg-auto,.mx-lg-auto { margin-left:auto!important } - + } @media (min-width:1200px) { .m-xl-0 { @@ -6847,7 +6850,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-xl-auto,.mx-xl-auto { margin-left:auto!important } - + } .stretched-link::after { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; pointer-events:auto; content:""; background-color:rgba(0,0,0,0) @@ -6886,7 +6889,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-sm-center { text-align:center!important } - + } @media (min-width:768px) { .text-md-left { @@ -6898,7 +6901,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-md-center { text-align:center!important } - + } @media (min-width:992px) { .text-lg-left { @@ -6910,7 +6913,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-lg-center { text-align:center!important } - + } @media (min-width:1200px) { .text-xl-left { @@ -6922,7 +6925,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-xl-center { text-align:center!important } - + } .text-lowercase { text-transform:lowercase!important @@ -7093,7 +7096,7 @@ a.text-dark:focus,a.text-dark:hover { .table .thead-dark th { color:inherit; border-color:#dee2e6 } - + } .bg-primary .navbar-nav .active>.nav-link { color:#18bc9c!important diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css index 4c792a1245..df3d279eeb 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css @@ -5642,6 +5642,9 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .bg-transparent { background-color:transparent!important } +.border-no-shift { + box-shadow: inset 0 0 0 1px #dee2e6; + } .border { border:1px solid #dee2e6!important } diff --git a/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css b/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css index 61dbb692ce..cbe4d36c70 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css +++ b/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css @@ -5707,6 +5707,9 @@ button.bg-dark:hover { .bg-transparent { background-color: transparent !important; } +.border-no-shift { + box-shadow: inset 0 0 0 1px #3c3a3a; +} .border { border: 1px solid #3c3a3a !important; } diff --git a/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css b/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css index fd25e0642d..402ab8da29 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css +++ b/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css @@ -6223,6 +6223,10 @@ button.bg-dark:focus { background-color: transparent !important; } +.border-no-shift { + box-shadow: inset 0 0 0 1px #d6d8e3; +} + .border { border: 1px solid #d6d8e3 !important; } @@ -9500,7 +9504,7 @@ a.text-dark:focus { border: none !important; } .remix-bg-opacity { - background: rgba(248, 250, 254, 0.80) !important; + background: rgba(248, 250, 254, 0.80) !important; } .plugins-list-header { background: transparent !important; diff --git a/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css b/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css index c53a7e7ac3..d2f8994f23 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css +++ b/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css @@ -5709,6 +5709,9 @@ button.bg-dark:hover { .bg-transparent { background-color: transparent !important; } +.border-no-shift { + box-shadow: inset 0 0 0 1px #3f4455; +} .border { border: 1px solid #3f4455 !important; } @@ -8802,7 +8805,7 @@ a.text-dark:hover { padding: 0 !important; margin: 0 !important; border: 0 !important; - color: #DFE1EA !important; + color: #DFE1EA !important; } .run-instance-list li { margin: 0 !important; diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css index 58f3aa64fc..d04428f275 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css +++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css @@ -42,7 +42,7 @@ --theme-bg-btn-dark--hover: #033863; --theme-border-tab: 1px solid #274052; --theme-border-default: 1px solid #07121ca6; - --theme-form-placeholder: #dfe1ea; + --theme-form-placeholder: #dfe1ea; --font-family-sans-serif: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, @@ -5720,6 +5720,9 @@ button.bg-dark:hover { .bg-transparent { background-color: transparent !important; } +.border-no-shift { + box-shadow: inset 0 0 0 1px var(--theme-divider-color); +} .border { border: 1px solid var(--theme-divider-color) !important; } @@ -8819,7 +8822,7 @@ a.text-dark:hover { padding: 0 !important; margin: 0 !important; border: 0 !important; - color: #DFE1EA !important; + color: #DFE1EA !important; } .run-instance-list li { margin: 0 !important; @@ -8923,10 +8926,10 @@ div[data-id="remixIdeSidePanel"] { background-color: var(--text-background); } -.monaco-scrollable-element > .visible, -.monaco-scrollable-element > .visible .scrollbar, -.monaco-scrollable-element > .invisible, -.monaco-scrollable-element > .invisible .scrollbar, +.monaco-scrollable-element > .visible, +.monaco-scrollable-element > .visible .scrollbar, +.monaco-scrollable-element > .invisible, +.monaco-scrollable-element > .invisible .scrollbar, .monaco-scrollable-element > .invisible .fade { background-color: var(--light)!important; color: var(--light)!important; @@ -8937,4 +8940,4 @@ div[data-id="remixIdeSidePanel"] { .monaco-editor .vertical { box-shadow: none; -} \ No newline at end of file +} diff --git a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css index 800b7dc5a8..d905edbb42 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css +++ b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css @@ -6219,6 +6219,10 @@ button.bg-dark:focus { background-color: transparent !important; } +.border-no-shift { + box-shadow: inset 0 0 0 1px #d6d8e3; +} + .border { border: 1px solid #d6d8e3 !important; } @@ -9496,7 +9500,7 @@ a.text-dark:focus { border: none !important; } .remix-bg-opacity { - background: rgba(248, 250, 254, 0.80) !important; + background: rgba(248, 250, 254, 0.80) !important; } .plugins-list-header { diff --git a/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css b/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css index de6be478db..e0467128f0 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css +++ b/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css @@ -6225,6 +6225,10 @@ button.bg-dark:focus { background-color: transparent !important; } +.border-no-shift { + box-shadow: inset 0 0 0 1px #9b8a85; +} + .border { border: 1px solid #9b8a85 !important; } @@ -9502,7 +9506,7 @@ a.text-dark:focus { border: none !important; } .remix-bg-opacity { - background: rgb(221 219 213 / 66%) !important; + background: rgb(221 219 213 / 66%) !important; } .plugins-list-header { background: transparent !important; diff --git a/libs/remix-ui/workspace/src/lib/components/file-render.tsx b/libs/remix-ui/workspace/src/lib/components/file-render.tsx index b168663fa9..b92a449f7f 100644 --- a/libs/remix-ui/workspace/src/lib/components/file-render.tsx +++ b/libs/remix-ui/workspace/src/lib/components/file-render.tsx @@ -41,8 +41,8 @@ export const FileRender = (props: RenderFileProps) => { const labelClass = props.focusEdit.element === file.path ? 'bg-light' : props.focusElement.findIndex(item => item.key === file.path) !== -1 ? 'bg-secondary' : hover - ? 'bg-light border' : (props.focusContext.element === file.path) && (props.focusEdit.element !== file.path) - ? 'bg-light border' : '' + ? 'bg-light border-no-shift' : (props.focusContext.element === file.path) && (props.focusEdit.element !== file.path) + ? 'bg-light border-no-shift' : '' const spreadProps = { onClick: (e) => e.stopPropagation()