UNPKG

simple-widgets

Version:

A Collection of React components to make your React code simpler

5 lines 63.9 kB
{ "version": 3, "sources": ["../src/sw-DropDown.css", "../src/sw-Header.css", "../src/sw-NavBar.css", "../src/sw-checkboxRadio.css", "../src/sw-contextMenuHover.css", "../src/sw-doubleListBox.css", "../src/sw-entryform.css", "../src/sw-inputFile.css", "../src/sw-invalid.css", "../src/sw-modal.css", "../src/sw-outline.css", "../src/sw-pageTitle.css", "../src/sw-slider1.css", "../src/sw-slider2.css", "../src/sw-slider3.css", "../src/sw-slider4.css", "../src/sw-slider5.css", "../src/sw-spreadSheet.css", "../src/sw-theme.css", "../src/sw-table.css", "../src/sw-textarea.css", "../src/forms/Form.css", "../src/forms/sw-Gears.css", "../src/forms/sw-MakeModal.css", "../src/forms/img/FormImages.css"], "sourcesContent": [".sw-dropdown-menu {\n display: flex;\n flex-direction: column;\n/* align-self: self-end; */\n \n background: #1888ff;\n \n list-style: none;\n text-align: start;\n\n/* min-width: 6em; */\n width: var(--sw-menu_width);\n\n z-index: 9;\n\n border-radius: .25rem;\n box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.5);\n \n }\n\n .sw-dropdown-menu-horizontal {\n position: absolute;\n top: 100%;\n }\n\n .sw-dropdown-menu-vertical {\n position: absolute;\n left: 100%;\n top: var(--sw-menu_top);\n bottom: var(--sw-menu_bottom);\n }\n \n .sw-dropdown-menu li, .sw-dropdown-menu li span {\n background: #1888ff;\n cursor: pointer;\n }\n \n .sw-dropdown-menu li:hover span {\n background: #5cabff; \n border-radius: .25rem;\n box-shadow: 35px 35px 35px 35px rgba(0, 0, 0, 0.7);\n width: var(--sw-menu_width);\n }\n\n .sw-dropdown-menu li:hover {\n background: #5cabff; \n width: var(--sw-menu_width);\n }\n\n\n .sw-dropdown-menu.clicked {\n display: none;\n width: var(--sw-menu_width);\n }\n\n .sw-dropdown-menu2-vertical {\n margin-left: var(--sw-menu_vertical_margin_left);\n }\n\n .sw-dropdown-menu2-horizontal {\n margin-left: var(--sw-menu_horizontal_margin_left);\n }\n \n .sw-dropdown-menu2 {\n/* display: flex;\n flex-direction: column; */\n\n position: fixed;\n top: 200px;\n left: 200px;\n list-style: none; \n text-align: start;\n\n/* margin-left: 6.8em; */\n/* min-width: 6em; */\n/* margin-left: 190px; */\n/* width: 200px; */\n\n z-index: 9;\n }\n\n .sw-dropdown-menu ul {\n/* min-width: 6em; */\n width: var(--sw-menu_width);\n} \n .sw-dropdown-menu2 ul {\n/* min-width: 6em; */\n width: var(--sw-menu_width);\n} \n\n .sw-dropdown-menu li span {\n/* min-width: 6em; */\n width: var(--sw-menu_width);\n }\n\n .sw-dropdown-menu2 li span {\n/* min-width: 6em; */\n cursor: pointer;\n width: var(--sw-menu_width);\n }\n \n .sw-dropdown-menu2 li:hover span {\n background: lightblue;\n }\n\n .sw-dropdown-menu2.clicked {\n display: none;\n }\n \n .sw-dropdown-link {\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n color: white;\n padding: 16px;\n }\n\n\n .sw-dropdown-link:hover {\n background: #5cabff;\n height: 100%;\n width: 100%;\n }\n\n", ".sw-header_div {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n\n.sw-header_div * {\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.sw-header_column {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n}\n\n.sw-header_logo {\n /* height: 4.5em; */\n height: inherit;\n width: 15%;\n justify-content: center;\n}\n\n.sw-header_title {\n /* color: #1888ff; */\n /* font-weight: bold; */\n /* font-size: 30pt; */\n\n display: contents;\n justify-content: center;\n /* 100 = viewport width, as 1vw = 1/100th of that\n So if the container is 50% of viewport (as here)\n then factor that into how you want it to size.\n Let's say you like 5vw if it were the whole width,\n then for this container, size it at 2.5vw (5 * .5 [i.e. 50%])\n */\n font-size: 3.4vw;\n}\n\n.sw-header_link {\n text-align: right;\n font-weight: bold;\n text-decoration: none;\n\n padding: 8px;\n\n /* font-size: x-large; */\n font-size: 2vw;\n\n --header_link_color: #1888ff; /* rgb(24, 136, 255) */\n\n color: var(--header_link_color);\n}\n\n.sw-header_link:hover {\n color: white;\n\n background-color: var(--header_link_color);\n\n border-radius: 0.25em;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);\n}\n\n.sw-header_msg {\n /* font-size: x-large; */\n\n display: flex;\n justify-content: center;\n width: 7%;\n /* 100 = viewport width, as 1vw = 1/100th of that\n So if the container is 50% of viewport (as here)\n then factor that into how you want it to size.\n Let's say you like 5vw if it were the whole width,\n then for this container, size it at 2.5vw (5 * .5 [i.e. 50%])\n */\n font-size: 1.3vw;\n}\n\n.sw-header_database {\n /* font-size: medium; */\n font-size: 1.3vw;\n}\n", ":root {\n --sw-menu_width: 12.5em;\n --sw-menu_vertical_margin_left: 11.87em;\n --sw-menu_horizontal_margin_left: 12.5em;\n --sw-menu_horizontal_pad_left: 2.75em;\n --sw-menu_height: vh;\n --sw-margin_top: 2.5em;\n --sw-menu_vertical_pad_top: 3.125em;\n --sw-menu_vertical_pad_top_always: 0.9375em;\n --sw-menu_vertical_pad_left: 0.625em;\n --sw-horiz_menu_width: 100%;\n --sw-both_wh: 0%;\n --sw-horizontal_width: 0%;\n --sw-vertical_height: 0%;\n --sw-slide_time: 500ms;\n --sw-menu_additional: 3.5em;\n --sw-menu_top: none;\n --sw-menu_bottom: none;\n}\n\nbody::-webkit-scrollbar {\n display: none;\n}\n\n.sw-menubar {\n display: flex;\n width: 100%;\n}\n\n.sw-nav-menu_horizontal {\n resize: both;\n overflow-y: scroll;\n width: 100%;\n height: 100vh;\n}\n\n.sw-nav-menu_vertical {\n resize: both;\n overflow-y: scroll;\n width: 100%;\n height: 100vh;\n}\n\n.sw-nav-menu_float {\n flex-grow: 4;\n}\n\n.sw-nav-nav-menu {\n background-color: #a4d3ee; /* LightSkyBlue2; */\n font-size: x-large;\n font-weight: 450;\n position: relative;\n box-shadow: 0 35px 35px -35px rgba(0, 0, 0, 0.3);\n/* width: 100%; */\n}\n\n.sw-nav-nav-menu_fixed_vert {\n background-color: #a4d3ee; /* LightSkyBlue2; */\n font-size: x-large;\n font-weight: 450;\n position: relative;\n box-shadow: 0 35px 35px -35px rgba(0, 0, 0, 0.3);\n z-index: 70;\n}\n\n.sw-nav-center {\n font-size: xx-large;\n margin-left: 5px;\n color: black;\n position: absolute;\n top: 0%;\n left: 0%; \n}\n\n.sw-nav_menu_component {\n margin-top: var(--sw-margin_top);\n}\n\n.sw-nav-horiz-open-horizontal {\n padding-left: var(--sw-menu_horizontal_pad_left);\n width: var(--sw-horizontal_width);\n color: transparent;\n background-color: inherit;\n/* transition: width var(--sw-slide_time), color 500ms ease-out; */\n}\n\n.sw-nav-horiz-open-horizontal:hover {\n padding-left: var(--sw-menu_horizontal_pad_left);\n width: var(--sw-horiz_menu_width);\n color: black;\n background-color: #a4d3ee; /* LightSkyBlue2; */\n transition: width var(--sw-slide_time), color 500ms 250ms ease-out;\n}\n\n\n.sw-nav-vertical {\n width: var(--sw-menu_width);\n height: var(--sw-menu_height);\n}\n\n.sw-nav-open-both {\n width: var(--sw-both_wh);\n height: var(--sw-both_wh);\n color: transparent;\n transition: width var(--sw-slide_time) ease-in, height var(--sw-slide_time) ease-in, color 250ms ease-out;\n}\n\n.sw-nav-open-both:hover {\n width: var(--sw-menu_width);\n height: var(--sw-menu_height);\n color: black;\n padding-top: var(--sw-menu_vertical_pad_top);\n transition: width var(--sw-slide_time) ease-out, height var(--sw-slide_time) ease-out, color 2000ms ease-out;\n}\n\n.sw-nav-open-horizontal {\n width: var(--sw-horizontal_width);\n color: transparent;\n transition: width var(--sw-slide_time) ease-in, color 250ms ease-out;\n}\n\n.sw-nav-open-horizontal:hover {\n padding-top: var(--sw-menu_vertical_pad_top);\n width: var(--sw-menu_width);\n color: black;\n background-color: #a4d3ee; /* LightSkyBlue2; */\n transition: width var(--sw-slide_time) ease-out, color 1000ms 250ms ease-out;\n}\n\n.sw-nav-open-vertical {\n height: var(--sw-vertical_height);\n color: transparent;\n transition: height var(--sw-slide_time) ease-in, color 250ms ease-out;\n}\n\n.sw-nav-open-vertical:hover {\n height: var(--sw-menu_height);\n color: black;\n padding-top: var(--sw-menu_vertical_pad_top);\n transition: height var(--sw-slide_time) ease-out, color 500ms ease-out;\n}\n\n\n\nnav ul {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\nnav ul li {\n /* display: inline; method 1 */\n float: left; /* method 2 */\n}\n\nnav ul li span {\n text-decoration: none;\n\n display: block;\n padding: 8px;\n}\n\n.sw-navbar_vertical {\n display: flex;\n justify-content: left;\n align-items: flex-start;\n font-size: 1.2rem;\n}\n\n.sw-navbar {\n/* background: linear-gradient(90deg, rgb(28, 27, 27) 0%, rgb(26, 23, 23) 100%); */\n display: flex;\n justify-content: left;\n align-items: center;\n font-size: 1.2rem;\n}\n\n.sw-nav-menu-horizontal {\n grid-template-columns: repeat(25, auto);\n margin-right: 2rem;\n text-align: center;\n}\n\n.sw-nav_menu_vertical_pad {\n padding-top: var(--sw-menu_vertical_pad);\n}\n\n.sw-nav_menu_vertical_pad_always {\n padding-top: var(--sw-menu_vertical_pad_top_always);\n}\n\n.sw-nav-menu-vertical {\n grid-template-columns: 1fr;\n width: var(--sw-menu_width);\n}\n\n.sw-nav-menu {\n display: grid;\n grid-gap: 10px;\n list-style: none;\n justify-content: start;\n}\n\n\n.sw-nav-item {\n display: flex;\n align-items: center;\n}\n\n.sw-nav-item:hover span {\n color: white;\n background: #1888ff;\n border-radius: .25em;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);\n}\n\n.sw-nav-item-vertical {\n display: flex;\n flex-direction: row;\n padding-left: var(--sw-menu_vertical_pad_left);\n}\n\n.sw-nav-item-vertical:hover span {\n color: white;\n background: #1888ff;\n border-radius: .25em;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);\n width: var(--sw-menu_width);\n}\n\n.sw-nav-links {\n/* color: black; */\n text-decoration: none;\n /* padding: 0.5rem 1rem; */\n}\n\n.sw-nav-links2 {\n/* color: black; */\n text-decoration: none;\n}\n\n.sw-nav-links:hover :not(.dropdown-menu) {\n background-color: #1888ff;\n border-radius: 4px;\n transition: all 0.2s ease-out;\n}\n\n.sw-menu nav[disabled] {\n pointer-events: none;\n opacity: 0.6;\n}\n\n/*\n@media only screen and (min-height: 85vh) and (max-height: 90vh) {\n .nav-menu_vertical {\n resize: both;\n overflow-y: scroll;\n width: 90vw;\n height: 70vh;\n }\n}\n\n@media screen and (min-height: 70vh) and (max-height: 80vh) {\n .nav-menu_vertical {\n resize: both;\n overflow-y: scroll;\n width: 90vw;\n height: 65vh;\n }\n}\n \n@media screen and (min-height: 80vh) {\n .nav-menu_vertical {\n resize: both;\n overflow-y: scroll;\n width: 90vw;\n height: 70vh;\n }\n}\n*/\n @media screen and (max-width: 960px) {\n /*\n .nav-menu {\n display: flex;\n flex-direction: column;\n width: 100%;\n position: absolute;\n top: 80px;\n left: -100%;\n opacity: 1;\n transition: all 0.5s ease;\n }\n */\n\n .sw-nav-menu.active {\n background: #242222;\n left: 0;\n opacity: 1;\n transition: all 0.5s ease;\n z-index: 1;\n }\n\n /*\n .nav-links {\n text-align: center;\n padding: 2rem;\n width: 100%;\n display: table;\n }\n */\n\n .sw-nav-links:hover {\n background-color: #1888ff;\n border-radius: 0;\n }\n}\n\n", "/* sw = simple widgets */\n\n.sw-checkbox_defaultStyle {\n background-color: transparent; \n background-repeat: no-repeat;\n border: none;\n cursor: pointer;\n overflow: hidden;\n outline: none;\n color: inherit; /* dont default to color: buttontext, wont match the current theme */\n}\n \n.sw-radio_defaultStyle {\n border: none;\n background-color: transparent;\n color: inherit;\n}\n ", "/* sw = simple-widgets */\n\ndiv.sw-cm_contextMenuHov {\n position: absolute;\n display: block;\n padding: 10px;\n z-index: 1;\n}\n\nspan.sw-cm_contextMenuHov:hover {\n visibility: visible;\n background-color: lightgray;\n}\n\n.sw-cm_menuStyle {\n width: 15em;\n border: 2px solid black;\n border-radius: 10px;\n background-color: var(--sw-theme_backgroundColor); /* \"#CCCC66\", */\n}\n", "/* sw = simple-widgets */\n\n.sw-dlb_buttonSt {\n width: 3em;\n margin: 0.25em 0.75em; /* top/bot 0.25 left/right 0.75 */\n justify-content: center;\n background-color: var(--sw-theme_buttonColor);\n color: var(--sw-theme_buttonTextColor);\n border: var(--sw-theme_buttonBorder);\n border-radius: var(--sw-theme_buttonRadius);\n font-weight: 900;\n}\n\n.sw-dlb_topSt { \n display: flex;\n flex-direction: row;\n}\n\n.sw-dlb_colSt { \n width: min-content;\n align-self: center;\n}\n\n.sw-dlb_listSt { \n min-width: 8em;\n}\n\n.sw-dlb_rightClass {\n font-size: 16;\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.sw-dlb_leftClass {\n font-size: 16;\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.sw-dlb_titleClass {\n font-size: 24;\n font-weight: bold;\n}\n\n.sw-dlb_overallStyle {\n margin-left: auto;\n margin-right: auto;\n}\n\n.sw-dlb_display {\n display: block;\n}\n", "/* sw = simple-widgets */\n\n.sw-ef_tLabel {\n/* width: 300px; */\n width: 19em;\n margin: 5px;\n text-align: left;\n line-height: 1.25em;\n display: table-cell;\n}\n\n.sw-ef_cell {\n display: table-cell;\n margin-right: 5px;\n margin-top: 5px;\n margin-bottom: 5px;\n line-height: 1.25em;\n}\n\n.sw-ef_w3 {\n/* width: 50px; */\n width: 3em;\n text-align: left;\n}\n \n.sw-ef_w3R {\n/* width: 50px; */\n width: 3em;\n text-align: right;\n}\n \n.sw-ef_w6 {\n/* width: 90px; */\n width: 6em;\n text-align: left;\n}\n \n.sw-ef_w6R {\n/* width: 90px; */\n width: 6em;\n text-align: right;\n}\n \n.sw-ef_w8 {\n/* width: 120px; */\n width: 8em;\n text-align: left;\n}\n \n.sw-ef_w8R {\n/* width: 120px; */\n width: 8em;\n text-align: right;\n}\n \n.sw-ef_w9 {\n/* width: 150px; */\n width: 9em;\n text-align: left;\n}\n \n.sw-ef_w9R {\n/* width: 150px; */\n width: 9em;\n text-align: right;\n}\n \n.sw-ef_w12 {\n/* width: 195px; */\n width: 12em;\n text-align: left;\n}\n \n.sw-ef_w12R {\n/* width: 195px; */\n width: 12em;\n text-align: right;\n}\n \n.sw-ef_w18 {\n/* width: 290px; */\n width: 18em;\n text-align: left;\n}\n \n.sw-ef_w18R {\n/* width: 290px; */\n width: 18em;\n text-align: right;\n}\n \n.sw-ef_w18P {\n/* width: 255px; */\n width: 18em;\n padding: 10px;\n text-align: left;\n}\n \n.sw-ef_w18PR {\n/* width: 255px; */\n width: 18em;\n padding: 10px;\n text-align: right;\n}\n \n.sw-ef_w19 {\n/* width: 300px; */\n width: 19em;\n text-align: left;\n}\n\n.sw-ef_w19P {\n/* width: 300px; */\n width: 19em;\n padding: 10px;\n text-align: left;\n}\n \n.sw-ef_w19R {\n/* width: 300px; */\n width: 19em;\n text-align: right;\n}\n \n.sw-ef_w19PR {\n/* width: 300px; */\n width: 19em;\n padding: 10px;\n text-align: right;\n}\n\n.sw-ef_w25 {\n/* width: 400px; */\n width: 25em;\n text-align: left;\n}\n \n.sw-ef_w25R {\n/* width: 400px; */\n width: 25em;\n text-align: right;\n}\n \n.sw-ef_w31 {\n/* width: 500px; */\n width: 31em;\n text-align: left;\n}\n \n.sw-ef_w31R {\n/* width: 500px; */\n width: 31em;\n text-align: right;\n}\n \n.sw-ef_w44 {\n/* width: 700px; */\n width: 44em;\n text-align: left;\n}\n \n.sw-ef_w44R {\n/* width: 700px; */\n width: 44em;\n text-align: right;\n}\n \n.sw-ef_w56 {\n/* width: 900px; */\n width: 56em;\n text-align: left;\n}\n \n.sw-ef_w56R {\n/* width: 900px; */\n width: 56em;\n text-align: right;\n}\n \n \n.sw-ef_table {\n margin: 15px;\n display: table;\n}\n \n.sw-ef_tableCenter {\n margin: auto;\n display: table;\n}\n \n.sw-ef_row {\n display: table-row;\n}\n \n.sw-ef_specialrow {\n display: table-row;\n margin: 50px;\n}\n \n \n \n \n \nth1, td1 {\n border: 2px solid black;\n}\n \ntable1 {\n border: 2px solid black;\n margin: 20px;\n}\n \n \n \n", "/* sw = simple-widgets */\n\n.sw-infile_fileStyle {\n display: none;\n}\n\n.sw-infile_buttonStyle {\n margin: var(--sw-theme_buttonMargin);\n border-radius: var(--sw-theme_buttonRadius);\n color: var(--sw-theme_buttonTextColor);\n font: var(--sw-theme_buttonFont);\n font-weight: var(--sw-theme_buttonFontWeight);\n font-size: var(--sw-theme_buttonFontSize);\n padding: 5px;\n display: inline-block;\n cursor: pointer;\n}\n\n\n.sw-infile_textStyle {\n width: 75%;\n}\n\n.sw-infile_marginStyle {\n margin-right: 10px;\n}\n\n\n", "/* sw = simple-widgets */\r\n\r\n.sw-invalid_checkForError {\r\n position: relative;\r\n/* display: inline-block; */\r\n}\r\n \r\n.sw-invalid_errMessage {\r\n visibility: hidden;\r\n background-color: black;\r\n color: #fff;\r\n width: 350px; \r\n text-align: center;\r\n border-radius: 6px;\r\n padding: 10px;\r\n \r\n /* Position the tooltip */\r\n position: absolute; \r\n z-index: 1; \r\n}\r\n\r\n\r\n.sw-invalid_checkForError:hover .sw-invalid_errMessage {\r\n visibility: visible;\r\n}\r\n\r\n.sw-invalid_error {\r\n font-weight: bolder;\r\n color: red;\r\n}\r\n\r\n", "/* sw = simple-widgets */\n\n#sw-modalButton {\n background: transparent;\n border: none !important;\n}\n\n#sw-modal {\n background-color: rgba(129, 127, 127, 0.5);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n z-index: 10;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n#sw-modal:empty {\n display: none;\n}\n\n#sw-modal > div {\n background-color: white;\n max-width: fit-content;\n max-height: 75%;\n padding: 15px;\n border-radius: 5px;\n text-align: center;\n overflow-y: scroll;\n}\n\n.sw-modal_marginStyle {\n margin-bottom: 10px;\n}\n\n.sw-modal_abuttonStyle, .sw-modal_ebuttonStyle, .sw-modal_cbuttonStyle, .sw-modal_buttonStyle {\n margin: var(--sw-theme_buttonMargin);\n border-radius: var(--sw-theme_buttonRadius);\n color: var(--sw-theme_buttonTextColor);\n width: var(--sw-theme_buttonWidth);\n height: var(--sw-theme_buttonHeight);\n font: var(--sw-theme_buttonFont);\n font-weight: var(--sw-theme_buttonFontWeight);\n font-size: var(--sw-theme_buttonFontSize);\n background-color: var(--sw-theme_buttonColor);\n}\n\n.sw-modal_xbuttonStyle {\n color: black;\n font: \"san-serif\";\n font-weight: var(--sw-theme_buttonFontWeight);\n font-size: 16pt;\n background-color: inherit;\n border: 1px solid lightgray;\n}\n\n.sw-modal_divButton {\n text-align: right;\n}\n\n.sw-modal_flex {\n display: flex;\n justify-content: space-between;\n}\n\n.sw-modal_header {\n font-size: 24pt;\n font-weight: bold;\n margin-bottom: -10px;\n}\n\n.sw-modal_zindex {\n z-index: 15;\n}\n\n\n\n", ":root {\n --sw-outline-indentation_amount: 1em;\n --sw-outline-item_width: 100%;\n --sw-outline-normal_indent: 1em;\n --sw-outline-margin_right: 1em;\n --sw-outline-font_size: large;\n --sw-outline-reg_color: rgb(0, 124, 186);\n --sw-outline-reg_back_color: white;\n --sw-outline-hover_color: white;\n --sw-outline-hover_back_color: rgb(0, 124, 186);\n --sw-outline-font_family: Tahoma;\n --sw-outline-overall_width: 100%;\n}\n\n.sw-outline-item {\n width: var(--sw-outline-item_width);\n color: var(--sw-outline-reg_color);\n background-color: var(--sw-outline-reg_back_color);\n font-size: var(--sw-outline-font_size);\n font-family: var(--sw_outline-font_family);\n}\n\n.sw-outline-button {\n border: none;\n width: var(--sw-outline-item_width);\n color: var(--sw-outline-reg_color);\n background-color: var(--sw_outline-reg_back_color);\n font-size: var(--sw-outline-font_size);\n text-align: left;\n padding-left: 0px;\n font-family: var(--sw-outline-font_family);\n margin-bottom: 10px;\n\n}\n\n.sw-outline-button:hover {\n color: var(--sw-outline-hover_color);\n background-color: var(--sw-outline-hover_back_color);\n}\n\n\n.sw-outline-button_disable {\n background-color: gray;\n border: none;\n width: var(--sw-outline-item_width);\n color: var(--sw-outline-reg_color);\n font-size: var(--sw-outline-font_size);\n text-align: left;\n padding-left: 0px;\n font-family: var(--sw-outline-font_family);\n}\n\n.sw-outline-font_plain {\n font-style: normal;\n}\n\n.sw-outline-font_bold {\n font-weight: bold;\n}\n\n.sw-outline-font_italic {\n font-style: italic;\n}\n\n.sw-outline-indent_normal {\n margin-left: var(--sw-outline-normal_indent);\n}\n\n.sw-outline-indent_spacing {\n margin-left: var(--sw-outline-indentation_amount);\n}\n\n.sw-outline-list {\n list-style: none;\n}\n\n.sw-outline-flex {\n display: flex;\n}\n\n.sw-outline-margin {\n margin-right: var(--sw-outline-margin_right);\n border-right: 1px black solid;\n}\n\n.sw-outline-selected_item {\n width: var(--sw-outline-overall_width);\n}\n\n.sw-outline-scroll {\n overflow: auto;\n min-width: 10em;\n}", ":root {\n --sw-pt_bannerBackground: rgb(0, 124, 186);\n --sw-pt_bannerTextColor: rgb(255, 255, 255);\n --sw-pt_bannerBorderRadius: 8px;\n --sw-pt_bannerFontSize: 24pt;\n --sw-pt_bannerFontWeight: normal;\n --sw-pt_bannerTextAlign: left;\n --sw-pt_bannerMarginLeft: 20px;\n --sw-pt_bannerMarginBottom: 10px;\n --sw-pt_bannerOverFlowY: hidden;\n }\n\n .sw-pt_banner {\n display: flex;\n align-items: center;\n background-color: var(--sw-pt_bannerBackground); \n border-radius: var(--sw-pt_bannerBorderRadius);\n }\n \n .sw-pt_bannerFont {\n font-family: var(--sw-pt_font);\n font-size: var(--sw-pt_bannerFontSize);\n color: var(--sw-pt_bannerTextColor);\n text-align: var(--sw-pt_bannerTextAlign);\n margin-left: var(--sw-pt_bannerMarginLeft);\n overflow-y: var(--sw-pt_bannerOverFlowY);\n }\n \n .sw-pt_bannerSmallFont {\n font-family: var(--sw-pt_font);\n color: var(--sw-pt_bannerTextColor);\n text-align: var(--sw-pt_bannerTextAlign);\n margin-left: var(--sw-pt_bannerMarginLeft);\n margin-bottom: var(--sw-pt_bannerMarginBottom);\n overflow-y: var(--sw-pt_bannerOverFlowY);\n }\n\n ", "/* sw = simple-widgets */\n\n.sw-slider1_rangeValue {\n text-align: center;\n font-size: 2em;\n color: #999;\n font-weight: 400;\n margin-left: 20px;\n}\n\n.sw-slider1_range {\n width: 400px;\n height: 25px;\n -webkit-appearance: none;\n background: gray;\n outline: none;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);\n}\n\n.sw-slider1_range::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: blue;\n cursor: pointer;\n border: 4px solid #333;\n box-shadow: -407px 0 0 400px blue;\n}\n", "/* sw = simple-widgets */\n\n.sw-slider2_rangeValue {\n text-align: center;\n font-size: 2em;\n color: #999;\n font-weight: 400;\n margin-left: 20px;\n}\n\n.sw-slider2_range {\n -webkit-appearance: none;\n\tbackground-color: lightgray;\n height: 4px;\n\twidth: 400px;\n outline: none;\n}\n\n.sw-slider2_range::-webkit-slider-thumb {\n -webkit-appearance: none;\n border:solid black 2px;\n background: blue;\n border-radius:6px; \n width: 12px;\n height: 30px;\n cursor: pointer;\n}\n", "/* sw = simple-widgets */\n\n.sw-slider3_rangeValue {\n text-align: center;\n font-size: 2em;\n color: #999;\n font-weight: 400;\n margin-left: 20px;\n }\n\n.sw-slider3_range {\n -webkit-appearance: none;\n width: 400px;\n height: 20px;\n outline: none;\n overflow: hidden;\n background: lightgray;\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);\n}\n\n.sw-slider3_range::-webkit-slider-thumb {\n width: 15px;\n height: 20px;\n -webkit-appearance: none;\n background: blue;\n cursor: pointer;\n border: 2px solid #333; \n box-shadow: -400px 0 0 400px blue\n}\n ", "/* sw = simple-widgets */\n\n.sw-slider4_rangeValue {\n text-align: center;\n font-size: 2em;\n color: #999;\n font-weight: 400;\n margin-left: 20px;\n}\n\n.sw-slider4_range {\n width: 400px;\n margin: 13.8px 0;\n background-color: transparent;\n -webkit-appearance: none;\n}\n\n.sw-slider4_range:focus {\n outline: none;\n}\n\n.sw-slider4_range::-webkit-slider-runnable-track {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 1.3px;\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n}\n\n.sw-slider4_range::-webkit-slider-thumb {\n margin-top: -14px;\n width: 16px;\n height: 36px;\n background: #ffffff;\n border: 1px solid #000000;\n border-radius: 3px;\n cursor: pointer;\n -webkit-appearance: none;\n}\n\n.sw-slider4_range:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\n\n.sw-slider4_range::-moz-range-track {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 1.3px;\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n}\n \n.sw-slider4_range::-moz-range-thumb {\n width: 16px;\n height: 36px;\n background: #ffffff;\n border: 1px solid #000000;\n border-radius: 3px;\n cursor: pointer;\n}\n\n.sw-slider4_range::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: 14.8px 0;\n color: transparent;\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n}\n\n.sw-slider4_range::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n}\n\n.sw-slider4_range::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n}\n\n.sw-slider4_range::-ms-thumb {\n width: 16px;\n height: 36px;\n background: #ffffff;\n border: 1px solid #000000;\n border-radius: 3px;\n cursor: pointer;\n margin-top: 0px;\n /*Needed to keep the Edge thumb centred*/\n}\n\n.sw-slider4_range:focus::-ms-fill-lower {\n background: #3071a9;\n}\n\n.sw-slider4_range:focus::-ms-fill-upper {\n background: #367ebd;\n}\n ", "/* sw = simple-widgets */\n\n.sw-slider5_rangeValue {\n text-align: center;\n font-size: 2em;\n color: #999;\n font-weight: 400;\n margin-left: 20px;\n}\n\n.sw-slider5_range {\n width: 400px;\n}\n\n", ".sw-ss_button {\n margin: var(--sw-theme_buttonMargin);\n border-radius: var(--sw-theme_buttonRadius);\n color: var(--sw-theme_buttonTextColor);\n font: var(--sw-theme_buttonFont);\n font-weight: var(--sw-theme_buttonFontWeight);\n font-size: var(--sw-theme_buttonFontSize);\n}\n\n.sw-ss_center {\n text-align: center;\n}\n\n.sw-ss_left {\n text-align: left;\n}\n\n.sw-ss_right {\n text-align: right;\n}\n\n.sw-ss_check {\n font-size: x-large;\n}\n\n.sw-ss_checked_background {\n background-color: var(--sw-theme_checkedBackground);\n}\n\n.sw-ss_background {\n background-color: var(--sw-theme_backgroundColor);\n}\n\n\n", "/* sw = simple-widgets */\n\n:root {\n --sw-theme_backgroundColor: inherit;\n --sw-theme_buttonPadding: 8px;\n --sw-theme_buttonMargin: 10px;\n --sw-theme_buttonRadius: 10px;\n --sw-theme_buttonWidth: 100px;\n --sw-theme_buttonHeight: 30px;\n --sw-theme_buttonBorder: 2px solid #bcdff3;\n --sw-theme_buttonColor: #a4d3ee;\n --sw-theme_buttonTextColor: rgb(46, 41, 37);\n --sw-theme_buttonFont: \"Open Sans\", sans-serif;\n --sw-theme_buttonFontWeight: 600;\n --sw-theme_buttonFontSize: 12;\n --sw-theme_buttonStyle: normal;\n --sw-theme_disableButtonColor: lightgray;\n --sw-theme_checkedBackground: lightgray;\n --sw-theme_font: \"Open Sans\", sans-serif;;\n --sw-theme_fontWeight: bold;\n --sw-theme_fontSize: 12pt;\n --sw-theme_errorColor: pink;\n --sw-theme_normalColor: white;\n --sw-theme_textColor: black;\n }\n\n.sw-theme_buttonStyle {\n font-family: var(--sw-theme_buttonFont);\n font-size: var(--sw-theme_buttonFontSize);\n font-weight: var(--sw-theme_buttonFontWeight);\n font-style: var(--sw-theme_buttonStyle);\n color: var(--sw-theme_buttonTextColor);\n border: var(--sw-theme_buttonBorder);\n border-radius: var(--sw-theme_buttonRadius);\n margin: var(--sw-theme_buttonMargin);\n padding: var(--sw-theme_buttonPadding);\n/* width: var(--sw-theme_buttonWidth);\n height: var(--sw-theme_buttonHeight); */\n}\n\n.sw-theme_grayButtonBackground {\n background-color: var(--sw-theme_disableButtonColor);\n}\n\n.sw-theme_normalButtonBackground {\n background-color: var(--sw-theme_buttonColor);\n}\n\n.sw-theme_errorBackground {\n background-color: var(--sw-theme_errorColor);\n}\n\n.sw-theme_normalBackground {\n background-color: var(--sw-theme_normalColor);\n}\n\n", "/* sw = simple-widgets */\r\n:root {\r\n --sw-sst_hover_back_color1: none;\r\n --sw-sst_hover_back_color2: none;\r\n --sw-sst_hover_back_color3: none;\r\n --sw-sst_hover_back_color4: none;\r\n --sw-sst_hover_back_color5: none;\r\n --sw-sst_hover_back_color6: none;\r\n --sw-sst_hover_back_color7: none;\r\n --sw-sst_hover_back_color8: none;\r\n --sw-sst_hover_back_color9: none;\r\n --sw-sst_hover_back_color10: none;\r\n --sw-sst_header_background: #FFFFFE;\r\n}\r\n\r\ntable.sw-sst_search_sort_table1 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color1);\r\n}\r\n\r\ntable.sw-sst_search_sort_table2 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color2);\r\n}\r\n\r\ntable.sw-sst_search_sort_table3 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color3);\r\n}\r\n\r\ntable.sw-sst_search_sort_table4 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color4);\r\n}\r\n\r\ntable.sw-sst_search_sort_table5 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color5);\r\n}\r\n\r\ntable.sw-sst_search_sort_table6 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color6);\r\n}\r\n\r\ntable.sw-sst_search_sort_table7 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color7);\r\n}\r\n\r\ntable.sw-sst_search_sort_table8 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color8);\r\n}\r\n\r\ntable.sw-sst_search_sort_table9 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color9);\r\n}\r\n\r\ntable.sw-sst_search_sort_table10 tr:hover td {\r\n background-color: var(--sw-sst_hover_back_color10);\r\n}\r\n\r\n.sw-sst_divStyle {\r\n border: 2px solid black;\r\n border-radius: 10px;\r\n text-align: center;\r\n margin: 5px;\r\n padding: 10px;\r\n width: fit-content;\r\n overflow: auto;\r\n background-color: var(--sw-theme_backgroundColor); /* \"#CCCC66\" */\r\n resize: horizontal;\r\n}\r\n\r\n.sw-sst_divStyle2 {\r\n border: none;\r\n text-align: center;\r\n margin: 5px;\r\n padding: 10px;\r\n width: fit-content;\r\n overflow: auto;\r\n background-color: var(--sw-theme_backgroundColor); /* \"#CCCC66\" */\r\n resize: horizontal;\r\n}\r\n\r\n.sw-sst_noButtonStyle {\r\n margin: 10px;\r\n padding: 0px;\r\n border: none;\r\n background: none;\r\n font-weight: bold;\r\n color: black;\r\n}\r\n\r\n.sw-sst_marginStyle {\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n margin-left: 10px;\r\n margin-right: 30px;\r\n}\r\n\r\n.sw-sst_noBorderStyle {\r\n margin: 10px;\r\n padding: 0px;\r\n border: none;\r\n background: none;\r\n}\r\n\r\n.sw-sst_noBorder {\r\n border: none;\r\n}\r\n\r\n.sw-sst_tableStyle { \r\n margin: auto;\r\n border: 1px solid black;\r\n width: fit-content;\r\n}\r\n\r\n.sw-sst_oddRow {\r\n background-color: lightgray;\r\n}\r\n\r\n.sw-sst_evenRow {\r\n background-color: inherit;\r\n}\r\n\r\n.sw-sst_centerBoldStyle {\r\n text-align: center;\r\n font-weight: bold;\r\n font-size: 20px;\r\n z-index: 20;\r\n}\r\n\r\n.sw-sst_footerStyle {\r\n font-weight: bold;\r\n font-size: 20px;\r\n border: 1px solid black;\r\n}\r\n\r\n.sw-sst_footerStyle2 {\r\n text-align: none;\r\n font-weight: bold;\r\n font-size: 20px;\r\n border: none;\r\n}\r\n\r\n.sw-sst_scrollStyle {\r\n display: block;\r\n overflow: scroll; \r\n width: auto;\r\n border: 1px solid black;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.sw-sst_searchStyle {\r\n margin: 5px;\r\n}\r\n\r\n.sw-sst_footStyle {\r\n width: 100%;\r\n margin: 10px;\r\n text-align: right;\r\n/* position: sticky; */\r\n bottom: 0;\r\n z-index: 2;\r\n background-color: var(--sw-theme_backgroundColor);\r\n}\r\n\r\n.sw-sst_footStyle2 {\r\n text-align: left;\r\n}\r\n\r\n.sw-sst_imageStyleFilter {\r\n background-color: lightgreen;\r\n}\r\n\r\n.sw-sst_imageStyleNormal {\r\n background-color: aliceblue;\r\n}\r\n\r\n.sw-sst_imageStyleDisable {\r\n background-color: var(--sw-theme_disableButtonColor);\r\n}\r\n\r\n.sw-sst_buttonStyle2 {\r\n border: none;\r\n background-color: var(--sw-theme_backgroundColor);\r\n}\r\n\r\n.sw-sst_headerStyle {\r\n position: sticky;\r\n/* flex-direction: column; */\r\n top: 0;\r\n z-index: 2;\r\n border: 1px solid black;\r\n background-color: var(--sw-sst_header_background);\r\n}\r\n\r\n.sw-sst_headerStyle2 {\r\n position: sticky;\r\n /*flex-direction: column; */\r\n top: 0;\r\n z-index: 2;\r\n border: none;\r\n background-color: var(--sw-sst_header_background);\r\n}\r\n\r\n\r\n.sw-sst_widthStyle {\r\n margin-bottom: 0px;\r\n padding-bottom: 0px;\r\n width: 99%;\r\n text-align: center;\r\n}\r\n\r\n.sw-sst_titleStyle {\r\n color: black;\r\n background-color: var(--sw-theme_backgroundColor);\r\n}\r\n\r\n.sw-sst_buttonStyle {\r\n margin: var(--sw-theme_buttonMargin);\r\n padding: var(--sw-theme_buttonPadding);\r\n border: var(--sw-theme_buttonBorder);\r\n border-radius: var(--sw-theme_buttonRadius);\r\n color: var(--sw-theme_buttonTextColor);\r\n/* width: var(--sw-theme_buttonWidth);\r\n height: var(--sw-theme_buttonHeight); */\r\n font: var(--sw-theme_buttonFont);\r\n font-weight: var(--sw-theme_buttonFontWeight);\r\n font-size: var(--sw-theme_buttonFontSize);\r\n}\r\n\r\n.sw-sst_grayButtonBackground {\r\n background-color: var(--sw-theme_disableButtonColor);\r\n}\r\n\r\n.sw-sst_normalButtonBackground {\r\n background-color: var(--sw-theme_buttonColor);\r\n}\r\n\r\n.sw-sst_letterBackground {\r\n background-color: lightblue;\r\n}\r\n\r\n.sw-sst_regBackground {\r\n background-color: var(--sw-theme_backgroundColor);\r\n}\r\n\r\n.sw-sst_headerButton {\r\n background-color: var(--theme_backgroundColor);\r\n border: none;\r\n font-weight: bold;\r\n font: var(--sw-theme_buttonFont);\r\n/* font-weight: var(--sw-theme_buttonFontWeight); */\r\n font-size: 1em;\r\n}\r\n\r\n.sw-sst_dropDownDiv {\r\n background-color: navy;\r\n color: white;\r\n}\r\n\r\n.sw-sst_dropDownButton {\r\n background-color: navy;\r\n color: white;\r\n border: none;\r\n margin: 10px;\r\n font-size: 1.5em;\r\n}\r\n\r\n.sw-sst_tableBold {\r\n font-weight: bold;\r\n margin-top: 15px;\r\n font-size: 1.5em;\r\n}\r\n\r\n.sw-sst_headerColor {\r\n color: #0096FF;\r\n}\r\n\r\n.sw-sst-dropDown_choice {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.sw-sst_dropButton {\r\n border-radius: 5px;\r\n color: black;\r\n background-color: gainsboro;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.sw-sst_toolTip {\r\n visibility: hidden;\r\n background-color: transparent;\r\n color: gainsboro;\r\n font-size: 0.75em;\r\n\r\n /* Position the tooltip */\r\n position: absolute;\r\n z-index: 1;\r\n}\r\n\r\n\r\n.sw-sst_showToolTip:hover .sw-sst_toolTip {\r\n visibility: visible;\r\n animation: tooltipAnim 1s 1;\r\n opacity: 1;\r\n}\r\n\r\n.sw-sst_top {\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.sw-sst_right_top_bot {\r\n text-align: right;\r\n float: right;\r\n}\r\n\r\n.sw-sst_body_full {\r\n border: 1px solid black;\r\n}\r\n\r\n.sw-sst_table { /* The style for the table */\r\n border-collapse: collapse;\r\n width: 100%; \r\n}\r\n\r\n.sw-sst_table2 { /* The style for the table */\r\n border: none;\r\n width: 100%; \r\n}\r\n\r\n.sw-sst_resize { \r\n resize: horizontal; \r\n overflow: auto; \r\n}\r\n\r\n.sw-sst_final_total_margin {\r\n margin-top: 20px;\r\n}\r\n\r\n.sw-sst_body_col {\r\n border-left: 1px solid black;\r\n border-right: 1px solid black;\r\n border-top: none;\r\n border-bottom: none;\r\n}\r\n\r\n.sw-sst_body_row {\r\n border-left: none;\r\n border-right: none;\r\n border-top: 1px solid black;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\n.sw_sst_body_none {\r\n border: none;\r\n}\r\n\r\n.sw-sst_stripe:nth-child(even) {\r\n background-color: gainsboro;\r\n}\r\n\r\n.sw-sst_left {\r\n text-align: left;\r\n font-weight: normal;\r\n font-size: unset;\r\n}\r\n\r\n.sw-sst_left_bold {\r\n font-weight: bold;\r\n text-align: left;\r\n}\r\n\r\n.sw-sst_center {\r\n text-align: center;\r\n font-weight: normal;\r\n font-size: unset;\r\n}\r\n\r\n.sw-sst_center_bold {\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n.sw-sst_right {\r\n text-align: right;\r\n font-weight: normal;\r\n font-size: unset;\r\n}\r\n\r\n.sw-sst_right_bold {\r\n font-weight: bold;\r\n text-align: right;\r\n}\r\n\r\n.sw-sst_money {\r\n text-align: right;\r\n}\r\n\r\n.sw-sst_money_bold {\r\n font-weight: bold;\r\n text-align: right;\r\n}\r\n\r\n.sw-sst_money_left {\r\n text-align: left;\r\n}\r\n\r\n.sw-sst_money_left_bold {\r\n font-weight: bold;\r\n text-align: left;\r\n}\r\n\r\n.sw-sst_money_center {\r\n text-align: center;\r\n}\r\n\r\n.sw-sst_money_center_bold {\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n.sw-sst_date {\r\n text-align: center;\r\n}\r\n\r\n.sw-sst_date_bold {\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n.sw-sst_date_left {\r\n text-align: left;\r\n}\r\n\r\n.sw-sst_date_left_bold {\r\n font-weight: bold;\r\n text-align: left;\r\n}\r\n\r\n.sw-sst_date_right {\r\n text-align: right;\r\n}\r\n\r\n.sw-sst_date_right_bold {\r\n font-weight: bold;\r\n text-align: right;\r\n}\r\n\r\n.sw-sst_bottom {\r\n vertical-align: bottom;\r\n}\r\n\r\n.sw-sst_excelButtonStyle {\r\n margin: 20px;\r\n border-radius: 10px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n padding-top: 4px;\r\n padding-bottom: 4px;\r\n color: var(--sw-theme_buttonTextColor);\r\n background-color: var(--sw-theme_buttonColor);\r\n width: 270px;\r\n height: var(--sw-theme_buttonHeight);\r\n font: var(--sw-theme_buttonFont);\r\n font-weight: bold;\r\n text-decoration: none;\r\n}\r\n\r\n.sw-sst_pre {\r\n /* font-family: inherit; */\r\n white-space: pre-line;\r\n}\r\n\r\n.sw-sst_checkbox_bold {\r\n font-size: 12pt;\r\n font-weight: bold;\r\n}\r\n\r\n@keyframes tooltipAnim {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 75% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n", ".sw-textarea_word_count {\n font-size: 10pt;\n line-height: 0;\n}\n\n.sw-textarea_word_count_red {\n font-size: 10pt;\n line-height: 0;\n color: red;\n}\n\n\n", "\n\n.sw-form {\n resize: both;\n overflow: auto;\n}\n\n.sw-form-tr { resize: both; overflow: auto; }\n", "\n\n.sw-gears-container {\n\n background-color: #ffffff;\n\n height: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.sw-gears-machine {\n width: 60vmin;\n fill: #3eb049; }\n\n.sw-gears-small-shadow, .sw-gears-medium-shadow, .sw-gears-large-shadow {\n fill: rgba(0, 0, 0, 0.05); }\n\n.sw-gears-small {\n -webkit-animation: counter-rotation 2.5s infinite linear;\n\t -moz-animation: counter-rotation 2.5s infinite linear;\n\t -o-animation: counter-rotation 2.5s infinite linear;\n\t animation: counter-rotation 2.5s infinite linear;\n -webkit-transform-origin: 100.136px 225.345px;\n -ms-transform-origin: 100.136px 225.345px;\n transform-origin: 100.136px 225.345px; }\n\n.sw-gears-small-shadow {\n -webkit-animation: counter-rotation 2.5s infinite linear;\n\t -moz-animation: counter-rotation 2.5s infinite linear;\n\t -o-animation: counter-rotation 2.5s infinite linear;\n\t animation: counter-rotation 2.5s infinite linear;\n -webkit-transform-origin: 110.136px 235.345px;\n -ms-transform-origin: 110.136px 235.345px;\n transform-origin: 110.136px 235.345px; }\n\n.sw-gears-medium {\n -webkit-animation: rotation 3.75s infinite linear;\n\t -moz-animation: rotation 3.75s infinite linear;\n\t -o-animation: rotation 3.75s infinite linear;\n\t animation: rotation 3.75s infinite linear;\n -webkit-transform-origin: 254.675px 379.447px;\n -ms-transform-origin: 254.675px 379.447px;\n transform-origin: 254.675px 379.447px; }\n\n.sw-gears-medium-shadow {\n -webkit-animation: rotation 3.75s infinite linear;\n\t -moz-animation: rotation 3.75s infinite linear;\n\t -o-animation: rotation 3.75s infinite linear;\n\t animation: rotation 3.75s infinite linear;\n -webkit-transform-origin: 264.675px 389.447px;\n -ms-transform-origin: 264.675px 389.447px;\n transform-origin: 264.675px 389.447px; }\n\n.sw-gears-large {\n -webkit-animation: counter-rotation 5s infinite linear;\n -moz-animation: counter-rotation 5s infinite linear;\n\t -o-animation: counter-rotation 5s infinite linear;\n \tanimation: counter-rotation 5s infinite linear;\n -webkit-transform-origin: 461.37px 173.694px;\n -ms-transform-origin: 461.37px 173.694px;\n transform-origin: 461.37px 173.694px; }\n\n.sw-gears-large-shadow {\n -webkit-animation: counter-rotation 5s infinite linear;\n\t -moz-animation: counter-rotation 5s infinite linear;\n\t -o-animation: counter-rotation 5s infinite linear;\n\t animation: counter-rotation 5s infinite linear;\n -webkit-transform-origin: 471.37px 183.694px;\n -ms-transform-origin: 471.37px 183.694px;\n transform-origin: 471.37px 183.694px; }\n\n@-webkit-keyframes rotation {\n from {-webkit-transform: rotate(0deg);}\n to {-webkit-transform: rotate(359deg);}\n}\n@-moz-keyframes rotation {\n from {-moz-transform: rotate(0deg);}\n to {-moz-transform: rotate(359deg);}\n}\n@-o-keyframes rotation {\n from {-o-transform: rotate(0deg);}\n to {-o-transform: rotate(359deg);}\n}\n@keyframes rotation {\n from {transform: rotate(0deg);}\n to {transform: rotate(359deg);}\n}\n\n@-webkit-keyframes counter-rotation {\n from {-webkit-transform: rotate(359deg);}\n to {-webkit-transform: rotate(0deg);}\n}\n@-moz-keyframes counter-rotation {\n from {-moz-transform: rotate(359deg);}\n to {-moz-transform: rotate(0deg);}\n}\n@-o-keyframes counter-rotation {\n from {-o-transform: rotate(359deg);}\n to {-o-transform: rotate(0deg);}\n}\n@keyframes counter-rotation {\n from {transform: rotate(359deg);}\n to {transform: rotate(0deg);}\n}", "\n/* take from\n .sw-sst_normalButtonBackground .sw-sst_buttonStyle\n*/\n\n.sw-make-modal_buttonStyle {\n background-color: var(--sw-theme_buttonColor);\n\n margin-left: var(--sw-theme_buttonMargin);\n margin-right: var(--sw-theme_buttonMargin);\n padding-left: var(--sw-theme_buttonPadding); /* undefined */\n padding-right: var(--sw-theme_buttonPadding); /* undefined */\n border-radius: var(--sw-theme_buttonRadius);\n color: var(--sw-theme_buttonTextColor);\n width: var(--sw-theme_buttonWidth);\n/* height: var(--sw-theme_buttonHeight); */\n font: var(--sw-theme_buttonFont);\n font-weight: var(--sw-theme_buttonFontWeight);\n font-size: var(--sw-theme_buttonFontSize);\n}\n\n/* Override the default setting */\n#sw-modal > div {\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 8px;\n border-radius: 15px;\n}", "\n\n.sw-AddRecordIcon {\n min-width: 16px;\n min-height: 0.75em;\n}\n\n.sw-CloneRecordIcon {\n min-width: 16px;\n min-height: 0.75em;\n}\n"], "mappings": "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