empower-container 0.1.29 → 0.1.31
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +378 -378
- package/build/asset-manifest.json +13 -0
- package/build/favicon.ico +0 -0
- package/build/index.html +1 -0
- package/build/logo192.png +0 -0
- package/build/logo512.png +0 -0
- package/build/manifest.json +25 -0
- package/build/robots.txt +3 -0
- package/build/static/css/main.e4990057.css +2 -0
- package/build/static/css/main.e4990057.css.map +1 -0
- package/build/static/js/main.ab1b6fc8.js +3 -0
- package/build/static/js/main.ab1b6fc8.js.LICENSE.txt +47 -0
- package/build/static/js/main.ab1b6fc8.js.map +1 -0
- package/dist/cjs/DatetimeFormatter.d.ts +3 -3
- package/dist/cjs/DatetimeFormatter.js +389 -389
- package/dist/cjs/Information.d.ts +10 -10
- package/dist/cjs/Information.js +63 -63
- package/dist/cjs/MenuBar.d.ts +24 -24
- package/dist/cjs/MenuBar.js +539 -539
- package/dist/cjs/Modal.d.ts +33 -33
- package/dist/cjs/Modal.js +44 -44
- package/dist/cjs/assets/Asset.d.ts +17 -17
- package/dist/cjs/assets/Asset.js +31 -31
- package/dist/cjs/constants/Constant.d.ts +15 -15
- package/dist/cjs/constants/Constant.js +35 -35
- package/dist/cjs/index.d.ts +3 -3
- package/dist/cjs/index.js +10 -10
- package/dist/cjs/inputs/Input.d.ts +25 -25
- package/dist/cjs/inputs/Input.js +106 -106
- package/dist/cjs/inputs/InputSelectionHandler.d.ts +3 -3
- package/dist/cjs/inputs/InputSelectionHandler.js +36 -36
- package/dist/cjs/inputs/Select.d.ts +28 -28
- package/dist/cjs/inputs/Select.js +403 -403
- package/dist/esm/DatetimeFormatter.d.ts +3 -3
- package/dist/esm/DatetimeFormatter.js +385 -385
- package/dist/esm/Information.d.ts +10 -10
- package/dist/esm/Information.js +38 -38
- package/dist/esm/MenuBar.d.ts +24 -24
- package/dist/esm/MenuBar.js +534 -534
- package/dist/esm/Modal.d.ts +33 -33
- package/dist/esm/Modal.js +39 -39
- package/dist/esm/assets/Asset.d.ts +17 -17
- package/dist/esm/assets/Asset.js +28 -28
- package/dist/esm/constants/Constant.d.ts +15 -15
- package/dist/esm/constants/Constant.js +32 -32
- package/dist/esm/index.d.ts +3 -3
- package/dist/esm/index.js +3 -3
- package/dist/esm/inputs/Input.d.ts +25 -25
- package/dist/esm/inputs/Input.js +104 -104
- package/dist/esm/inputs/InputSelectionHandler.d.ts +3 -3
- package/dist/esm/inputs/InputSelectionHandler.js +31 -31
- package/dist/esm/inputs/Select.d.ts +28 -28
- package/dist/esm/inputs/Select.js +399 -399
- package/dist/scss/components/_modal.scss +66 -66
- package/dist/scss/elements/_button.scss +142 -142
- package/dist/scss/elements/_index.scss +1 -1
- package/dist/scss/elements/_popover.scss +16 -16
- package/dist/scss/foundation/_colors.scss +59 -59
- package/dist/scss/foundation/_mixins.scss +40 -40
- package/dist/scss/foundation/_normalize.scss +203 -203
- package/dist/scss/foundation/_settings.scss +36 -36
- package/dist/scss/foundation/_typography.scss +94 -94
- package/dist/scss/library/_information.scss +72 -72
- package/dist/scss/library/_input.scss +37 -37
- package/dist/scss/library/_menubar.scss +241 -241
- package/dist/scss/library/_select.scss +399 -400
- package/dist/scss/style.scss +38 -38
- package/jest.config.ts +32 -0
- package/package.json +67 -64
- package/tscnofig.old +26 -26
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"files": {
|
|
3
|
+
"main.css": "/empowerteams/empower-container/static/css/main.e4990057.css",
|
|
4
|
+
"main.js": "/empowerteams/empower-container/static/js/main.ab1b6fc8.js",
|
|
5
|
+
"index.html": "/empowerteams/empower-container/index.html",
|
|
6
|
+
"main.e4990057.css.map": "/empowerteams/empower-container/static/css/main.e4990057.css.map",
|
|
7
|
+
"main.ab1b6fc8.js.map": "/empowerteams/empower-container/static/js/main.ab1b6fc8.js.map"
|
|
8
|
+
},
|
|
9
|
+
"entrypoints": [
|
|
10
|
+
"static/css/main.e4990057.css",
|
|
11
|
+
"static/js/main.ab1b6fc8.js"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
Binary file
|
package/build/index.html
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/empowerteams/empower-container/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/empowerteams/empower-container/logo192.png"/><link rel="manifest" href="/empowerteams/empower-container/manifest.json"/><title>React App</title><script defer="defer" src="/empowerteams/empower-container/static/js/main.ab1b6fc8.js"></script><link href="/empowerteams/empower-container/static/css/main.e4990057.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"short_name": "React App",
|
|
3
|
+
"name": "Create React App Sample",
|
|
4
|
+
"icons": [
|
|
5
|
+
{
|
|
6
|
+
"src": "favicon.ico",
|
|
7
|
+
"sizes": "64x64 32x32 24x24 16x16",
|
|
8
|
+
"type": "image/x-icon"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"src": "logo192.png",
|
|
12
|
+
"type": "image/png",
|
|
13
|
+
"sizes": "192x192"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"src": "logo512.png",
|
|
17
|
+
"type": "image/png",
|
|
18
|
+
"sizes": "512x512"
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"start_url": ".",
|
|
22
|
+
"display": "standalone",
|
|
23
|
+
"theme_color": "#000000",
|
|
24
|
+
"background_color": "#ffffff"
|
|
25
|
+
}
|
package/build/robots.txt
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700|Roboto:400,400i,700&display=swap);h1,h2,h3,h4,h5,h6{color:#393f5a;font-family:Quicksand,sans-serif;margin:0 0 1rem}h1:last-of-type,h2:last-of-type,h3:last-of-type,h4:last-of-type,h5:last-of-type,h6:last-of-type{margin-bottom:0}h1{font-size:2.25rem}@media(min-width:768px){h1{font-size:2.625rem}}h2{font-size:1.875rem}@media(min-width:768px){h2{font-size:2.25rem}}h3{font-size:1.5rem}@media(min-width:768px){h3{font-size:1.875rem}}h4{font-size:1.25rem}@media(min-width:768px){h4{font-size:1.5rem}}h5{font-size:1rem}@media(min-width:768px){h5{font-size:1.25rem}}h6,label{font-size:.875rem}label{color:#9fa5b7;display:inline-block;font-weight:700;margin:0 0 .25rem;text-transform:capitalize}p{color:#393f5a;line-height:1.5;margin:0 0 1rem}p:last-of-type{margin-bottom:0}a{color:#399a10;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1)}a:hover{color:#237506}.sub-text{color:#788098;display:block;font-size:.875rem;line-height:20px}html{box-sizing:border-box;overflow-x:hidden}*,:after,:before{box-sizing:inherit}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:0 0 .67em}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}input:focus{outline:none}li{list-style:none;padding-top:3px}.em-modal{display:flex;justify-content:center;overflow:auto;padding:30px 15px}.em-modal,.em-modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9000}.em-modal:before{background:linear-gradient(180deg,rgba(13,14,28,.9),rgba(8,19,117,.9));content:"";opacity:.9}.em-modal-container{display:flex;height:auto;margin:auto;position:relative;z-index:9001}.em-modal-container>div{margin:auto}.em-card{background-color:#fff;border-radius:10px;box-shadow:0 10px 20px 0 rgba(19,37,154,.05);padding:5px}.em-card.modal-sm{margin:0 auto;max-width:400px;width:100vw}.em-card.modal-md{margin:0 auto;max-width:600px;width:100vw}.em-card.modal-lg{margin:0 auto;max-width:960px;width:100vw}.em-card-content{padding:15px}.em-button{align-items:center;background-color:#53c01e;border:0;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:700;height:50px;justify-content:center;line-height:1;margin-right:10px;padding:15px 30px;text-decoration:none;text-transform:none}.em-button,.em-button span{transition:all .5s cubic-bezier(.19,1,.22,1)}.em-button span{color:#fff}.em-button svg{margin-right:10px;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-button svg path{fill:#fff}.em-button .belt-icon{display:flex}.em-button:hover{background-color:#399a10;box-shadow:inset 0 0 0 5px #399a10;color:#399a10}.em-button:hover span{color:#fff}.em-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.em-button:focus{outline:none}.em-button.disabled,.em-button:disabled{background-color:#e0e3e9;box-shadow:none;color:#788098;cursor:default}.em-button.disabled span,.em-button:disabled span{color:#9fa5b7}.em-button.disabled svg path,.em-button:disabled svg path{fill:#9fa5b7}.em-button.disabled:hover,.em-button:disabled:hover{background-color:#e0e3e9;color:#788098}.em-button.disabled:active,.em-button.disabled:disabled:active,.em-button.disabled:disabled:focus,.em-button.disabled:focus,.em-button:disabled:active,.em-button:disabled:disabled:active,.em-button:disabled:disabled:focus,.em-button:disabled:focus{-webkit-transform:scale(1);transform:scale(1)}.em-button.outline{background-color:transparent;box-shadow:inset 0 0 0 1px #53c01e;color:#399a10}.em-button.outline svg{margin-right:10px}.em-button.outline svg circle,.em-button.outline svg path,.em-button.outline svg rect{fill:#53c01e;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-button.outline span{color:#788098}.em-button.outline:hover{background-color:#d7e4fe;box-shadow:none}.em-button.outline:hover span{color:#515977}.em-button.delete{box-shadow:inset 0 0 0 1px #f02731;color:#f02731;padding:15px}.em-button.delete:hover{background-color:#f02731}.em-text-link{align-items:center;display:inline-flex}.em-text-link span{color:#399a10;font-size:.875rem;font-weight:700}.em-text-link svg{margin-left:5px;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-text-link svg path,.em-text-link svg rect{fill:#53c01e}.em-text-link:hover svg{-webkit-transform:translateX(3px);transform:translateX(3px)}.em-popover{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:5px solid #5c7ff3;box-shadow:0 15px 30px 0 rgba(19,37,154,.15);color:#393f5a;display:flex;font-size:.875rem;margin-top:-2px;max-width:650px;position:absolute;top:50px;width:100%;z-index:100}.em-input{position:relative;width:100%}.em-input .em-input-field{background-color:#f0f5fe;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:inset 0 -2px 0 0 #d7e4fe;color:#393f5a;font-size:.875rem;margin-bottom:15px;min-height:50px;padding:10px 15px;transition:all .5s cubic-bezier(.19,1,.22,1);width:100%}.em-input .em-input-field:focus{background-color:#f0f5fe;border:none;box-shadow:inset 0 -2px 0 0 #5c7ff3;color:#393f5a;outline:none}.em-input .em-noresult{padding:20px}.is-invalid .em-input .em-input-field{box-shadow:0 2px 0 0 #f02731}.em-card-belt{display:flex;justify-content:space-between;min-height:40px;padding:20px 15px;width:100%}.em-card-belt .em-dropdown{min-width:100px;position:relative;white-space:nowrap}.em-card-belt .em-belt-left{align-items:center;display:flex;flex-wrap:wrap}.em-card-belt .em-belt-left .belt-info{margin-left:10px}.em-card-belt .em-beltleft-container{align-items:center;display:flex;justify-content:center;margin-right:20px}.em-card-belt .em-beltleft-container>.belt-icon{align-items:center;display:flex;justify-content:center;margin-right:10px}.em-card-belt .em-beltleft-container>.belt-icon svg path,.em-card-belt .em-beltleft-container>.belt-icon svg rect{fill:#5c7ff3}.em-card-belt .em-beltleft-container .icon-back{align-items:center;border-radius:10px;box-shadow:none;display:flex;height:40px;justify-content:center;margin-right:10px;min-width:40px;transition:all .5s cubic-bezier(.19,1,.22,1);width:40px}.em-card-belt .em-beltleft-container .icon-back:hover svg{-webkit-transform:translateX(-2px);transform:translateX(-2px);transition:all .5s cubic-bezier(.19,1,.22,1)}.em-card-belt .em-beltleft-container .belt-icon-check{margin-right:10px}.em-card-belt .em-beltleft-container .belt-icon-check>div{display:flex}.em-card-belt .em-beltleft-container .belt-title{flex:none;margin-block:10px}.em-card-belt .em-beltleft-container .belt-title h6{color:#393f5a;font-size:.875rem;margin:0;text-transform:uppercase}.em-card-belt .em-beltleft-cta{align-items:center;display:flex;justify-content:center;margin-right:20px}.em-card-belt .em-beltleft-cta a{align-items:center;display:flex;justify-content:center;margin-right:10px;max-height:40px;padding:10px 20px}.em-card-belt .em-beltleft-cta .em-button:not(:first-child){background-color:transparent;box-shadow:inset 0 0 0 1px #53c01e;color:#399a10}.em-card-belt .em-beltleft-cta .em-button:not(:first-child) svg{margin-right:10px}.em-card-belt .em-beltleft-cta .em-button:not(:first-child) svg circle,.em-card-belt .em-beltleft-cta .em-button:not(:first-child) svg path,.em-card-belt .em-beltleft-cta .em-button:not(:first-child) svg rect{fill:#53c01e;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-card-belt .em-beltleft-cta .em-button:not(:first-child) span{color:#788098}.em-card-belt .em-beltleft-cta .em-button:not(:first-child):hover{background-color:#d7e4fe;box-shadow:none}.em-card-belt .em-beltleft-cta .em-button:not(:first-child):hover span{color:#515977}.em-card-belt .em-belt-right{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-end}.em-card-belt .em-belt-right>a,.em-card-belt .em-belt-right>div{margin-left:10px}.em-card-belt .em-belt-right .belt-dropdown,.em-card-belt .em-belt-right .pagination-summary{align-items:center;border:none;border-radius:10px;box-shadow:inset 0 0 0 1px #afc7fd;color:#393f5a;display:flex;font-size:.875rem;height:40px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-card-belt .em-belt-right .belt-dropdown:hover,.em-card-belt .em-belt-right .pagination-summary:hover{box-shadow:inset 0 0 0 1px #5c7ff3}.em-card-belt .em-belt-right .pagination-summary{font-weight:400}.em-card-belt .em-belt-right .belt-dropdown span{color:#788098;font-size:.875rem;font-weight:700}.em-card-belt .em-belt-right .belt-dropdown .icon-arrowdown{height:20px;margin-left:15px;transition:all .5s cubic-bezier(.19,1,.22,1);width:20px}.em-card-belt .em-belt-right .belt-dropdown .icon-add{align-items:center;display:flex;margin-right:10px}.em-card-belt .em-belt-right .belt-dropdown .icon-add svg path{fill:#788098}.em-card-belt .em-belt-right .belt-dropdown:hover span{color:#393f5a}.em-card-belt .em-belt-right .belt-dropdown:hover .icon-arrowdown{-webkit-transform:translateY(2px);transform:translateY(2px)}.em-card-belt .em-belt-right .belt-dropdown:hover .icon-arrowdown svg path{fill:#788098}.em-card-belt .em-belt-right .belt-next,.em-card-belt .em-belt-right .belt-prev{border-radius:10px;box-shadow:inset 0 0 0 1px #afc7fd;height:40px;min-width:40px;padding:10px;transition:all .5s cubic-bezier(.19,1,.22,1);width:40px}.em-card-belt .em-belt-right .belt-next .belt-icon,.em-card-belt .em-belt-right .belt-prev .belt-icon{background:50% no-repeat;height:20px;transition:all .5s cubic-bezier(.19,1,.22,1);width:20px}.em-card-belt .em-belt-right .belt-next:hover,.em-card-belt .em-belt-right .belt-prev:hover{box-shadow:inset 0 0 0 1px #5c7ff3}.em-card-belt .em-belt-right .belt-next:hover .belt-icon svg path,.em-card-belt .em-belt-right .belt-prev:hover .belt-icon svg path{fill:#788098}.em-card-belt .em-belt-right .belt-prev:hover .belt-icon{-webkit-transform:translateX(-2px);transform:translateX(-2px)}.em-card-belt .em-belt-right .belt-next:hover .belt-icon{-webkit-transform:translateX(2px);transform:translateX(2px)}.em-popover.em-menubar-dropdown{border-top:5px solid #5c7ff3;margin-top:0;top:50px;width:auto}.em-select{position:relative;width:100%}.em-select option{color:#393f5a;cursor:pointer;font-size:.875rem;padding:20px;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-select option:hover{background-color:#f0f5fe;padding:20px 18px 20px 22px}.em-select .em-input-field{width:100%}.em-select .em-input-field .em-select-input,.em-select .em-popover .em-select-search input{background-color:#f0f5fe;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:inset 0 -2px 0 0 #d7e4fe;color:#393f5a;font-size:.875rem;margin-bottom:15px;min-height:50px;padding:10px 15px;resize:none;transition:all .5s cubic-bezier(.19,1,.22,1);width:100%}.em-select .em-input-field .em-select-input:focus,.em-select .em-popover .em-select-search input:focus{background-color:#f0f5fe;border:none;box-shadow:inset 0 -2px 0 0 #5c7ff3;color:#393f5a;outline:none}.em-select .em-field-icon{position:absolute;right:15px;top:15px}.em-select .em-noresult{padding:20px}.is-invalid .em-select .em-input-field .select-input{box-shadow:0 2px 0 0 #f02731}.em-overlay{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.em-popover-input{display:flex;padding:20px}.em-popover-input .field{margin:0 15px 0 0;width:160px}.em-popover-input .field>label{color:#9fa5b7;display:inline-block;font-size:.875rem;font-weight:700;left:0;margin-bottom:5px;padding:0;position:relative;text-transform:uppercase;top:0}.em-popover-input button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;height:50px;justify-content:center;transition:all .5s cubic-bezier(.19,1,.22,1);width:50px}.em-popover-list{display:block;padding:0}.em-popover-list a{border:none;box-shadow:none;color:#788098;cursor:pointer;display:block;font-size:.875rem;font-weight:700;line-height:20px;margin-right:0;min-height:50px;padding:15px 20px;text-align:left;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-popover-list a:hover{background-color:#f0f5fe;border:none;box-shadow:none;color:#393f5a;padding:15px 18px 15px 22px}.em-popover-months{flex-direction:column;padding:0;width:300px}.em-popover-months .list-years{background-color:#213cc0;display:flex;justify-content:space-between;margin-top:-1px;width:100%}.em-popover-months .list-years button{background-color:transparent;border:none;cursor:pointer;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-popover-months .list-years button svg path{fill:#fff}.em-popover-months .list-years button img{transition:all .5s cubic-bezier(.19,1,.22,1)}.em-popover-months .list-years button img:hover{background-color:rgba(19,37,154,.5)}.em-popover-months .list-years button img:focus{outline:none}.em-popover-months .list-years>div{color:#fff;font-size:1.5rem;padding:15px}.em-popover-months .list-months{display:flex;flex-wrap:wrap}.em-popover-months .list-months a{box-shadow:inset 1px 0 0 0 #d7e4fe,inset 0 1px 0 0 #d7e4fe;color:#788098;font-size:.875rem;font-weight:700;padding:15px;text-align:center;text-decoration:none;width:33.33%}.em-popover-months .list-months a:hover{background-color:#f4f5f7;color:#393f5a}.em-popover-months .list-months a.is-disabled{background-color:#f4f5f7;color:#9fa5b7;cursor:auto}.em-popover-months .list-months a.is-disabled:hover{background-color:#f4f5f7;color:#9fa5b7}.em-popover-months .list-months a.is-selected{background-color:#13259a;box-shadow:inset 1px 0 0 0 #13259a,inset 0 1px 0 0 #13259a;color:#fff}.em-datepicker-weekly .rdrCalendarWrapper{box-shadow:0 15px 30px 0 rgba(19,37,154,.15);display:flex;flex-direction:column;font-size:.875rem}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearWrapper{align-items:center;background-color:#0f2473;display:flex;justify-content:space-between;padding:15px;width:100%}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearWrapper button{align-items:center;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .5s cubic-bezier(.19,1,.22,1);width:50px}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearPickers{display:flex}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearPickers select{background:url(https://storage.googleapis.com/empower-production-assets/images/icons/icon-arrowdown-white.svg) 100% no-repeat;border:none;border-radius:0;color:#fff;font-size:1rem;height:50px;min-width:100px;transition:all .5s cubic-bezier(.19,1,.22,1)}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearPickers select:focus-visible{outline:none}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearPickers select:hover{background-color:rgba(9,19,54,.5)}.em-datepicker-weekly .rdrCalendarWrapper .rdrMonthAndYearPickers select option{background-color:#fff;color:#4a5568;padding:10px}.em-datepicker-weekly .rdrCalendarWrapper .rdrNextPrevButton i{border:0;height:20px;margin:0;transition:all .5s cubic-bezier(.19,1,.22,1);width:20px}.em-datepicker-weekly .rdrCalendarWrapper .rdrNextPrevButton.rdrPprevButton i{background:url(https://storage.googleapis.com/empower-production-assets/images/icons/icon-arrowleft-white.svg) 50% no-repeat}.em-datepicker-weekly .rdrCalendarWrapper .rdrNextPrevButton.rdrPprevButton:hover i{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.em-datepicker-weekly .rdrCalendarWrapper .rdrNextPrevButton.rdrNextButton i{background:url(https://storage.googleapis.com/empower-production-assets/images/icons/icon-arrowright-white.svg) 50% no-repeat}.em-datepicker-weekly .rdrCalendarWrapper .rdrNextPrevButton.rdrNextButton:hover i{-webkit-transform:translateX(5px);transform:translateX(5px)}.em-datepicker-weekly .rdrCalendarWrapper .rdrWeekDays{display:flex;padding:15px 15px 0}.em-datepicker-weekly .rdrCalendarWrapper .rdrWeekDay{color:#a0aec0;font-size:.875rem;font-weight:700;padding:1rem .25rem;text-align:center;text-transform:uppercase;width:50px}.em-datepicker-weekly .rdrCalendarWrapper .rdrDay{background-color:transparent;border:none;font-size:.875rem;text-align:center;width:50px}.em-datepicker-weekly .rdrCalendarWrapper .rdrDay .rdrDayNumber span{align-items:center;color:#393f5a;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .5s cubic-bezier(.19,1,.22,1);width:50px}.em-datepicker-weekly .rdrCalendarWrapper .rdrDay .rdrDayNumber span:hover{background-color:#edf2f7}.em-datepicker-weekly .rdrCalendarWrapper .rdrDay.rdrDayPassive .rdrDayNumber>span{color:#9fa5b7;cursor:default}.em-datepicker-weekly .rdrCalendarWrapper .rdrDay.rdrDayPassive .rdrDayNumber>span:hover{background-color:transparent}.em-datepicker-weekly .rdrCalendarWrapper .rdrDays{display:flex;flex-wrap:wrap;padding:0 15px 15px}.em-select-popover{scrollbar-color:#515977;scrollbar-width:thin}.em-select-popover::-webkit-scrollbar-track{background:#f4f5f7}.em-select-popover::-webkit-scrollbar-thumb{background-color:#c0c5d1;border:3px solid #f4f5f7;border-radius:20px;cursor:pointer}.em-select-popover::-webkit-scrollbar{cursor:pointer;width:12px}.em-belt-info{position:relative}.em-belt-info .em-popover{width:650px}.em-belt-info .em-info-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.em-belt-info .em-info-icon:hover{background-color:#f0f5fe}.em-belt-info .em-info-icon:hover svg path{stroke:#5c7ff3}.em-belt-info .em-info-icon:hover svg circle{fill:#5c7ff3}.em-popover-i{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:650px}.em-popover-i .em-popover-i-content>div{border-bottom:1px solid #e0e3e9;max-height:calc(75vh - 120px);overflow-y:auto;padding:15px}.em-popover-i .em-popover-i-content>div:last-of-type{border:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.em-popover-i .em-popover-i-content .em-popover-i-title{align-items:center;display:flex;justify-content:space-between}.em-popover-i .em-popover-i-content .em-popover-i-title h6{font-size:.875rem;text-transform:uppercase}.em-popover-i .em-popover-i-content .em-popover-i-category{display:flex;justify-content:space-between}.em-popover-i .em-popover-i-content .em-popover-i-category:hover{background-color:#f4f5f7;cursor:pointer}body{font-family:Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.em-close{border-radius:10px;box-shadow:none;cursor:pointer;height:40px;min-width:40px;padding:10px;transition:all .5s cubic-bezier(.19,1,.22,1);width:40px}.em-close:hover{background-color:#f0f5fe}
|
|
2
|
+
/*# sourceMappingURL=main.e4990057.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"static/css/main.e4990057.css","mappings":"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","sources":["scss/foundation/_typography.scss","scss/foundation/_colors.scss","scss/foundation/_mixins.scss","scss/foundation/_settings.scss","scss/foundation/_normalize.scss","scss/components/_modal.scss","scss/elements/_button.scss","scss/elements/_popover.scss","scss/library/_input.scss","scss/library/_menubar.scss","scss/library/_select.scss","scss/library/_information.scss","scss/style.scss"],"sourcesContent":["body {\n font-family: 'Roboto', sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6{\n margin: 0 0 1rem;\n color: $gray-dark;\n font-family: 'Quicksand', sans-serif;\n\n &:last-of-type{\n margin-bottom: 0;\n }\n}\n\nh1{\n font-size: 2.25rem;\n\n @include md{\n font-size: 2.625rem;\n }\n}\n\nh2{\n font-size: 1.875rem;\n\n @include md{\n font-size: 2.25rem;\n }\n}\n\nh3{\n font-size: 1.5rem;\n\n @include md{\n font-size: 1.875rem;\n }\n}\n\nh4{\n font-size: 1.25rem;\n\n @include md{\n font-size: 1.5rem;\n }\n}\n\nh5{\n font-size: 1rem;\n\n @include md{\n font-size: 1.25rem;\n }\n}\n\nh6{\n font-size: 0.875rem;\n}\n\nlabel{\n font-size: 0.875rem;\n font-weight: 700;\n color: $gray-light3;\n text-transform: capitalize;\n display: inline-block;\n margin: 0 0 0.25rem;\n}\n\np{\n color: $gray-dark;\n line-height: 1.5;\n margin: 0 0 1rem;\n\n &:last-of-type{\n margin-bottom: 0;\n }\n}\n\na{\n color: $green-dark;\n font-weight: 700;\n font-size: 0.875rem;\n text-decoration: none;\n transition: $transition;\n\n &:hover{\n color: $green-dark1;\n }\n}\n\n.sub-text{\n font-size: $text-sm;\n color: $gray-light4;\n display: block;\n line-height: 20px;\n}","// Gray\n$gray: #515977;\n$gray-light: #F4F5F7;\n$gray-light1: #E0E3E9;\n$gray-light2: #C0C5D1;\n$gray-light3: #9FA5B7;\n$gray-light4: #788098;\n$gray-dark: #393F5A;\n$gray-dark1: #262942;\n$gray-dark2: #15172C;\n$gray-dark3: #0D0E1C;\n$white: #FFF;\n\n// Green\n$green: #53C01E;\n$green-light: #F5FEED;\n$green-light1: #D9F5BF;\n$green-light2: #B7E991;\n$green-light3: #95DB67;\n$green-light4: #73CD40;\n$green-dark: #399A10;\n$green-dark1: #237506;\n$green-dark2: #145002;\n$green-dark3: #092A01;\n\n// Blue\n$blue: #3356E6;\n$blue-light: #F0F5FE;\n$blue-light1: #D7E4FE;\n$blue-light2: #AFC7FD;\n$blue-light3: #88A6FC;\n$blue-light4: #5C7FF3;\n$blue-dark: #213CC0;\n$blue-dark1: #13259A;\n$blue-dark2: #081375;\n$blue-dark3: #050A50;\n\n// Red\n$red: #F02731;\n$red-light: #FEF1F0;\n$red-light1: #FDCDC8;\n$red-light2: #FCA5A0;\n$red-light3: #FC7B78;\n$red-light4: #FB5153;\n$red-dark: #CA1725;\n$red-dark1: #A40B1D;\n$red-dark2: #7F0316;\n$red-dark3: #5A0212;\n\n// Yellow\n$yellow: #FADA15;\n$yellow-light: #FEFFE5;\n$yellow-light1: #FFFFB7;\n$yellow-light2: #FFFB8E;\n$yellow-light3: #FFF567;\n$yellow-light4: #FFEB3E;\n$yellow-dark: #D3B006;\n$yellow-dark1: #AC8B00;\n$yellow-dark2: #876900;\n$yellow-dark3: #624800;","// Breakpoint: Smaller devices\n@mixin xs {\n @media (min-width: #{$screen-xs-min}) {\n @content;\n }\n }\n \n // Breakpoint: Small devices\n @mixin sm {\n @media (min-width: #{$screen-sm-min}) {\n @content;\n }\n }\n \n // Breakpoint: Medium devices\n @mixin md {\n @media (min-width: #{$screen-md-min}) {\n @content;\n }\n }\n \n // Breakpoint: Large devices\n @mixin lg {\n @media (min-width: #{$screen-lg-min}) {\n @content;\n }\n }\n \n // Breakpoint: Extra large devices\n @mixin xl {\n @media (min-width: #{$screen-xl-min}) {\n @content;\n }\n }\n \n // Breakpoint: Extra large devices\n @mixin xxl {\n @media (min-width: #{$screen-xxl-min}) {\n @content;\n }\n }","// Breakpoints\n$screen-xs-min: 400px; // Small smartphones\n$screen-sm-min: 576px; // Small tablets and large smartphones (landscape view)\n$screen-md-min: 768px; // Small tablets (portrait view)\n$screen-lg-min: 992px; // Tablets and small desktopsw\n$screen-xl-min: 1200px; // Large tablets and desktops\n$screen-xxl-min: 1500px; // Large tablets and desktops\n\n// Container max width\n$container-width: 1024px;\n\n// Transition easing\n$transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n\n// Shadow\n$shadow-card: 0px 10px 20px 0px rgba(19, 37, 154, 0.05);\n$shadow-popover: 0px 15px 30px 0px rgba(19, 37, 154, 0.15);\n$shadow-modal: 0 30px 60px rgba(0,0,0,0.2);\n\n// Border Radius\n$border-radius-sm: 5px;\n$border-radius-md: 10px;\n$border-radius-lg: 20px;\n\n// Grid\n$grid-margin: -7.5px;\n$grid-gutter: 7.5px;\n\n// Typography\n$font-body: \"Roboto\", sans-serif;\n$font-heading: \"Quicksand\", sans-serif;\n$font-regular: 400;\n$font-bold: 700;\n$text-lg: 2rem;\n$text-base: 1rem;\n$text-sm: 0.875rem;\n","html {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n overflow-x: hidden;\n }\n \n *, *:before, *:after {\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n }\n \n html {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n \n body {\n margin: 0;\n }\n \n main {\n display: block;\n }\n \n h1 {\n font-size: 2em;\n margin: 0 0 0.67em;\n }\n \n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n \n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n \n a {\n background-color: transparent;\n }\n \n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n \n b,\n strong {\n font-weight: bolder;\n }\n \n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n \n small {\n font-size: 80%;\n }\n \n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n \n sub {\n bottom: -0.25em;\n }\n \n sup {\n top: -0.5em;\n }\n \n img {\n border-style: none;\n }\n \n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n }\n \n button,\n input { /* 1 */\n overflow: visible;\n }\n \n button,\n select { /* 1 */\n text-transform: none;\n }\n \n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n \n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n \n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n \n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n \n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n \n progress {\n vertical-align: baseline;\n }\n \n textarea {\n overflow: auto;\n }\n \n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n }\n \n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n \n [type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n \n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n \n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n \n details {\n display: block;\n }\n \n summary {\n display: list-item;\n }\n \n template {\n display: none;\n }\n \n [hidden] {\n display: none;\n }\n \n input{\n &:focus{\n outline: none;\n }\n }\n \n li{\n list-style: none;\n padding-top: 3px;\n }\n ","/* Modal */\n.em-modal{\n position: fixed;\n top: 0;\n left: 0;\n z-index: 9000;\n width: 100vw;\n height: 100vh;\n padding: 30px 15px;\n display: flex;\n justify-content: center;\n overflow: auto; \n \n &:before{\n content: '';\n width: 100vw;\n height: 100vh;\n z-index: 9000;\n position: fixed;\n top: 0;\n left: 0;\n opacity: 0.9;\n background: linear-gradient(to bottom, rgba(13,14,28,0.9), rgba(8,19,117,0.9));\n }\n}\n\n.em-modal-container{\n position: relative;\n z-index: 9001;\n margin: auto;\n display: flex;\n height: initial;\n\n > div{\n margin: auto;\n }\n}\n\n.em-card {\n background-color: $white;\n padding: 5px;\n box-shadow: $shadow-card;\n border-radius: 10px;\n\n &.modal-sm{\n width: 100vw;\n max-width: 400px;\n margin: 0 auto;\n }\n\n &.modal-md{\n width: 100vw;\n max-width: 600px;\n margin: 0 auto;\n }\n\n &.modal-lg{\n width: 100vw;\n max-width: 960px;\n margin: 0 auto;\n } \n}\n\n.em-card-content {\n padding: 15px; \n}\n",".em-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n background-color: $green;\n font-family: $font-body;\n font-weight: 700;\n font-size: 0.875rem;\n border: 0;\n padding: 15px 30px;\n height: 50px;\n cursor: pointer;\n transition: $transition;\n border-radius: 10px;\n text-transform: none;\n text-decoration: none;\n margin-right: 10px;\n\n span{\n color: $white;\n transition: $transition;\n }\n\n svg{\n transition: $transition;\n margin-right: 10px;\n\n path{\n fill: $white;\n }\n }\n\n .belt-icon {\n display: flex;\n }\n\n &:hover{\n background-color: $green-dark;\n color: $green-dark;\n box-shadow: inset 0 0 0 5px $green-dark;\n\n span{\n color: $white;\n }\n }\n\n &:active{\n transform: scale(0.95);\n }\n\n &:focus{\n outline: none;\n }\n\n &.disabled, &:disabled{\n background-color: $gray-light1;\n color: $gray-light4;\n box-shadow: none;\n cursor: default;\n\n span{\n color: $gray-light3;\n }\n\n svg path{\n fill: $gray-light3;\n }\n\n &:hover{\n background-color: $gray-light1;\n color: $gray-light4;\n }\n\n &:focus, &:active, &:disabled:focus, &:disabled:active{\n transform: scale(1);\n }\n }\n\n &.outline{\n background-color: transparent;\n color: $green-dark;\n box-shadow: inset 0 0 0 1px $green;\n\n svg{\n margin-right: 10px;\n\n path, rect, circle {\n transition: $transition;\n fill: $green;;\n }\n }\n\n span{\n color: $gray-light4;\n }\n\n &:hover{\n background-color: $blue-light1;\n box-shadow: none;\n\n span{\n color: $gray;\n }\n }\n } \n\n &.delete {\n color: $red;\n box-shadow: inset 0 0 0 1px $red;\n padding: 15px;\n\n &:hover {\n background-color: $red;\n }\n }\n}\n\n.em-text-link {\n display: inline-flex;\n align-items: center;\n\n span {\n color: $green-dark;\n font-weight: $font-bold;\n font-size: $text-sm;\n }\n\n svg{\n margin-left: 5px;\n transition: $transition;\n\n path, rect{\n fill: $green;\n }\n }\n\n &:hover{\n svg{\n transform: translateX(3px);\n }\n }\n}",".em-popover {\n position: absolute;\n top: 50px;\n margin-top: -2px;\n font-size: 0.875rem;\n color: $gray-dark;\n z-index: 100; \n display: flex;\n width: 100%;\n background-color: $white;\n border-top: 5px solid $blue-light4;\n border-bottom-left-radius: $border-radius-md;\n border-bottom-right-radius: $border-radius-md;\n box-shadow: $shadow-popover;\n max-width: 650px;\n}\n",".em-input {\n position: relative;\n width: 100%;\n\n .em-input-field {\n min-height: 50px;\n width: 100%;\n background-color: $blue-light;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n box-shadow: inset 0 -2px 0 0 $blue-light1;\n border: none;\n font-size: 0.875rem;\n color: $gray-dark;\n padding: 10px 15px;\n margin-bottom: 15px;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n\n &:focus {\n background-color: $blue-light;\n color: $gray-dark;\n border: none;\n outline: none;\n box-shadow: inset 0 -2px 0 0 $blue-light4;\n }\n }\n\n .em-noresult {\n padding: 20px;\n }\n}\n\n.is-invalid .em-input .em-input-field {\n box-shadow: 0 2px 0 0 $red;\n}\n",".em-card-belt {\n display: flex;\n justify-content: space-between;\n width: 100%;\n min-height: 40px;\n padding: 20px 15px;\n \n .em-dropdown {\n position: relative;\n min-width: 100px;\n white-space: nowrap;\n }\n\n .em-belt-left {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n\n .belt-info {\n margin-left: 10px;\n }\n }\n\n .em-beltleft-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 20px;\n\n > .belt-icon {\n margin-right: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n path, rect {\n fill: $blue-light4;\n }\n }\n }\n\n .icon-back {\n height: 40px;\n width: 40px;\n min-width: 40px;\n margin-right: 10px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: $transition;\n box-shadow: none;\n\n &:hover {\n svg {\n transition: $transition;\n transform: translateX(-2px);\n }\n }\n }\n\n .belt-icon-check {\n margin-right: 10px;\n\n > div {\n display: flex;\n }\n }\n\n .belt-title {\n margin-block: 10px;\n flex: none;\n\n h6 {\n text-transform: uppercase;\n font-size: .875rem;\n color: $gray-dark;\n margin: 0;\n }\n }\n }\n\n .em-beltleft-cta {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 20px;\n\n a {\n margin-right: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n max-height: 40px;\n padding: 10px 20px;\n } \n\n .em-button{\n &:not(:first-child){\n background-color: transparent;\n color: $green-dark;\n box-shadow: inset 0 0 0 1px $green;\n \n svg{\n margin-right: 10px;\n \n path, rect, circle {\n transition: $transition;\n fill: $green;;\n }\n }\n \n span{\n color: $gray-light4;\n }\n \n &:hover{\n background-color: $blue-light1;\n box-shadow: none;\n \n span{\n color: $gray;\n }\n }\n }\n }\n }\n\n .em-belt-right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-wrap: nowrap;\n\n > a, > div {\n margin-left: 10px;\n }\n\n .pagination-summary, .belt-dropdown {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n padding: 10px 20px;\n border: none;\n border-radius: 10px;\n box-shadow: inset 0 0 0 1px $blue-light2;\n color: $gray-dark;\n text-decoration: none;\n font-size: .875rem;\n transition: $transition;\n\n &:hover {\n box-shadow: inset 0 0 0 1px $blue-light4;\n }\n }\n\n .pagination-summary {\n font-weight: $font-regular;\n }\n\n .belt-dropdown {\n span {\n font-size: .875rem;\n font-weight: 700;\n color: $gray-light4;\n }\n\n .icon-arrowdown {\n height: 20px;\n width: 20px;\n margin-left: 15px;\n transition: $transition;\n }\n\n .icon-add {\n display: flex;\n align-items: center;\n margin-right: 10px;\n\n svg path {\n fill: $gray-light4;\n } \n }\n\n &:hover{\n span {\n color: $gray-dark;\n }\n\n .icon-arrowdown {\n transform: translateY(2px);\n\n svg path {\n fill: $gray-light4;\n }\n }\n }\n }\n\n .belt-prev, .belt-next {\n padding: 10px;\n height: 40px;\n width: 40px;\n min-width: 40px;\n box-shadow: inset 0 0 0 1px $blue-light2;\n border-radius: 10px;\n transition: $transition;\n\n .belt-icon {\n height: 20px;\n width: 20px;\n background: 50% no-repeat;\n transition: $transition;\n }\n\n &:hover {\n box-shadow: inset 0 0 0 1px $blue-light4;\n\n .belt-icon {\n svg path {\n fill: $gray-light4;\n }\n }\n }\n }\n\n .belt-prev {\n &:hover .belt-icon {\n transform: translateX(-2px);\n }\n }\n\n .belt-next {\n &:hover .belt-icon {\n transform: translateX(2px);\n }\n }\n }\n} \n",".em-popover.em-menubar-dropdown {\n top: 50px;\n margin-top: 0;\n width: auto;\n border-top: 5px solid $blue-light4;\n}\n\n.em-select {\n position: relative;\n width: 100%;\n\n option{\n font-size: 0.875rem;\n color: $gray-dark;\n padding: 20px;\n transition: $transition;\n cursor: pointer;\n\n &:hover{\n background-color: $blue-light;\n padding: 20px 18px 20px 22px;\n }\n }\n\n .em-input-field {\n width: 100%;\n } \n\n .em-input-field .em-select-input,\n .em-popover .em-select-search input {\n min-height: 50px;\n width: 100%;\n background-color: $blue-light;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n box-shadow: inset 0 -2px 0 0 $blue-light1;\n border: none;\n font-size: 0.875rem;\n color: $gray-dark;\n padding: 10px 15px;\n margin-bottom: 15px;\n resize: none;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n\n &:focus {\n background-color: $blue-light;\n color: $gray-dark;\n border: none;\n outline: none;\n box-shadow: inset 0 -2px 0 0 $blue-light4;\n }\n }\n\n .em-field-icon {\n position: absolute;\n top: 15px;\n right: 15px;\n }\n\n .em-noresult {\n padding: 20px;\n }\n}\n\n.is-invalid .em-select .em-input-field .select-input {\n box-shadow: 0 2px 0 0 $red;\n}\n\n.em-overlay {\n width: 100vw;\n height: 100vh;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 99;\n}\n\n.em-popover-input{\n display: flex;\n padding: 20px;\n\n .field {\n margin: 0 15px 0 0;\n width: 160px;\n\n > label {\n position: relative;\n top: 0;\n left: 0;\n padding: 0;\n margin-bottom: 5px;\n display: inline-block;\n font-size: .875rem;\n font-weight: 700;\n color: $gray-light3;\n text-transform: uppercase;\n }\n }\n\n button {\n border: 0;\n background: none;\n height: 50px;\n width: 50px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: $transition;\n }\n}\n\n.em-popover-list {\n display: block;\n padding: 0;\n\n a {\n display: block;\n font-weight: 700;\n font-size: .875rem;\n color: $gray-light4;\n padding: 15px 20px;\n min-height: 50px;\n line-height: 20px;\n text-decoration: none;\n text-align: left;\n border: none;\n box-shadow: none;\n transition: $transition;\n margin-right: 0;\n cursor: pointer;\n\n &:hover {\n background-color: $blue-light;\n color: $gray-dark;\n padding: 15px 18px 15px 22px;\n box-shadow: none;\n border: none;\n }\n }\n}\n\n.em-popover-months {\n width: 300px;\n padding: 0;\n flex-direction: column;\n\n .list-years {\n background-color: $blue-dark;\n display: flex;\n justify-content: space-between;\n margin-top: -1px;\n width: 100%;\n\n button {\n background-color: transparent;\n border: none;\n cursor: pointer;\n transition: $transition;\n\n svg path {\n fill: $white;\n }\n\n img {\n transition: $transition;\n\n &:hover {\n background-color: transparentize($blue-dark1, 0.5);\n }\n\n &:focus {\n outline: none;\n }\n }\n }\n\n > div {\n color: $white;\n font-size: 1.5rem;\n padding: 15px;\n }\n }\n\n .list-months {\n display: flex;\n flex-wrap: wrap;\n\n a {\n width: 33.33%;\n box-shadow: inset 1px 0 0 0 $blue-light1, inset 0 1px 0 0 $blue-light1;\n padding: 15px;\n color: $gray-light4;\n text-align: center;\n font-weight: 700;\n font-size: .875rem;\n text-decoration: none;\n\n &:hover {\n background-color: $gray-light;\n color: $gray-dark;\n }\n\n &.is-disabled{\n background-color: $gray-light;\n color: $gray-light3;\n cursor: initial;\n\n &:hover{\n background-color: $gray-light;\n color: $gray-light3;\n }\n }\n\n &.is-selected{\n background-color: $blue-dark1;\n color: $white;\n box-shadow: inset 1px 0 0 0 $blue-dark1, inset 0 1px 0 0 $blue-dark1;\n }\n }\n }\n}\n\n.em-datepicker-weekly {\n .rdrCalendarWrapper {\n display: flex;\n flex-direction: column;\n font-size: $text-sm;\n box-shadow: $shadow-popover;\n \n .rdrMonthAndYearWrapper {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: #0f2473;\n padding: 15px;\n\n button {\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 0;\n background-color: transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n cursor: pointer;\n }\n }\n \n .rdrMonthAndYearPickers {\n display: flex;\n \n select {\n min-width: 100px;\n color: $white;\n font-size: $text-base;\n height: 50px;\n border-radius: 0;\n border: none;\n background: url(\"https://storage.googleapis.com/empower-production-assets/images/icons/icon-arrowdown-white.svg\") right center no-repeat;\n transition: $transition;\n\n &:focus-visible {\n outline: none;\n }\n \n &:hover {\n background-color: transparentize(#091336, 0.5);\n }\n \n option {\n padding: 10px;\n background-color: $white;\n color: #4A5568;\n }\n }\n }\n \n .rdrNextPrevButton {\n \n i {\n height: 20px;\n width: 20px;\n border: 0;\n margin: 0;\n transition: $transition;\n }\n \n &.rdrPprevButton {\n i {\n background: url(\"https://storage.googleapis.com/empower-production-assets/images/icons/icon-arrowleft-white.svg\") center center no-repeat;\n }\n \n &:hover {\n i {\n transform: translateX(-5px);\n }\n }\n }\n \n &.rdrNextButton {\n i {\n background: url(\"https://storage.googleapis.com/empower-production-assets/images/icons/icon-arrowright-white.svg\") center center no-repeat;\n }\n \n &:hover {\n i {\n transform: translateX(5px);\n }\n }\n }\n }\n \n .rdrWeekDays {\n display: flex;\n padding: 15px 15px 0;\n }\n \n .rdrWeekDay {\n font-weight: 700;\n padding: 1rem 0.25rem;\n text-transform: uppercase;\n color: #A0AEC0;\n font-size: 0.875rem;\n width: 50px;\n text-align: center;\n }\n \n .rdrDay {\n font-size: 0.875rem;\n width: 50px;\n text-align: center;\n border: none;\n background-color: transparent;\n\n .rdrDayNumber {\n span {\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n color: $gray-dark;\n\n &:hover {\n background-color: #EDF2F7;\n }\n }\n }\n\n &.rdrDayPassive {\n .rdrDayNumber > span{\n cursor: default;\n color: $gray-light3;\n \n &:hover{\n background-color: transparent;\n }\n }\n }\n }\n \n .rdrDays {\n display: flex;\n flex-wrap: wrap;\n padding: 0 15px 15px;\n }\n }\n}\n\n\n/* scroll */\n.em-select-popover {\n scrollbar-width: thin;\n scrollbar-color: $gray;\n}\n\n.em-select-popover::-webkit-scrollbar-track{\n background: $gray-light;\n}\n\n.em-select-popover::-webkit-scrollbar-thumb{\n background-color: $gray-light2;\n border-radius: 20px;\n border: 3px solid $gray-light;\n cursor: pointer;\n}\n\n.em-select-popover::-webkit-scrollbar{\n width: 12px;\n cursor: pointer;\n}",".em-belt-info {\n position: relative;\n\n .em-popover {\n width: 650px;\n }\n\n .em-info-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 40px;\n width: 40px;\n border-radius: $border-radius-md;\n\n &:hover {\n background-color: $blue-light;\n \n svg {\n path {\n stroke: #5C7FF3;\n }\n\n circle {\n fill: #5C7FF3;\n }\n }\n }\n }\n}\n\n.em-popover-i { \n background-color: $white; \n width: 650px;\n border-bottom-left-radius: $border-radius-md;\n border-bottom-right-radius: $border-radius-md;\n\n .em-popover-i-content {\n > div {\n max-height: calc(75vh - 120px);\n overflow-y: auto;\n border-bottom: 1px solid $gray-light1;\n padding: 15px;\n\n &:last-of-type {\n border: none;\n border-bottom-left-radius: $border-radius-md;\n border-bottom-right-radius: $border-radius-md;\n }\n }\n\n .em-popover-i-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n h6 {\n font-size: $text-sm;\n text-transform: uppercase;\n }\n }\n\n .em-popover-i-category {\n display: flex;\n justify-content: space-between;\n\n &:hover {\n cursor: pointer;\n background-color: $gray-light;\n }\n }\n }\n}","@import url(\"https://fonts.googleapis.com/css?family=Quicksand:400,700|Roboto:400,400i,700&display=swap\");\n\n@import 'foundation/colors';\n@import 'foundation/settings';\n@import 'foundation/mixins';\n@import 'foundation/typography';\n@import 'foundation/normalize';\n@import 'components/modal';\n@import 'elements/button';\n@import 'elements/popover';\n@import 'library/input';\n@import 'library/menubar';\n@import 'library/select';\n@import 'library/information';\n\nbody {\n font-family: 'Roboto', sans-serif;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.em-close {\n height: 40px;\n width: 40px;\n min-width: 40px;\n padding: 10px;\n box-shadow: none;\n border-radius: $border-radius-md;\n transition: $transition;\n cursor: pointer;\n\n &:hover {\n background-color: $blue-light;\n }\n}"],"names":[],"sourceRoot":""}
|