/*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/accordions/Accordion.scss ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/accordions/Accordion.scss (1) ***! \*************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Badges/badge.scss ***! \*********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Badges/badge.scss (1) ***! \*************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Banners/banner.scss ***! \***********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Banners/banner.scss (1) ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Buttons/button.scss ***! \***********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Buttons/button.scss (1) ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Checkboxes/checkbox.scss ***! \****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Checkboxes/checkbox.scss (1) ***! \********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/ContextMenu/ContextMenu.scss ***! \********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/ContextMenu/ContextMenu.scss (1) ***! \************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/dropdowns/dropdown.scss ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/dropdowns/dropdown.scss (1) ***! \*******************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/GridSection/grid_section.scss ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/GridSection/grid_section.scss (1) ***! \*************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/HealthIndicator/health_indicator.scss ***! \*****************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/HealthIndicator/health_indicator.scss (1) ***! \*********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/LabelledInput.scss ***! \*****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/LabelledInput.scss (1) ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Pager/Pager.scss ***! \********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Pager/Pager.scss (1) ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Radios/radios.scss ***! \**********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Radios/radios.scss (1) ***! \**************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/SearchInput.scss ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/SearchInput.scss (1) ***! \*******************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/StatusDot/status_dot.scss ***! \*****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/StatusDot/status_dot.scss (1) ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/inputs.scss ***! \**********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/inputs.scss (1) ***! \**************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/TextInput.scss ***! \*************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/TextInput.scss (1) ***! \*****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Toggles/toggle.scss ***! \***********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Toggles/toggle.scss (1) ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!******************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tabs/tabs.scss ***! \******************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tabs/tabs.scss (1) ***! \**********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/icons/icons.scss ***! \********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/icons/icons.scss (1) ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/icons/icons.scss (2) ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/icons/icons.scss (3) ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/ButtonBars/button_bar.scss ***! \**********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/ButtonBars/button_bar.scss (1) ***! \**************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/ButtonGroups/button_group.scss ***! \**************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/ButtonGroups/button_group.scss (1) ***! \******************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modal.scss ***! \*************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modal.scss (1) ***! \*****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/ModalButton.scss ***! \*******************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/ModalButton.scss (1) ***! \***********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Drawers/Drawer.scss ***! \**********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Drawers/Drawer.scss (1) ***! \**************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Lookup.scss ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Lookup.scss (1) ***! \*******************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Currency.scss ***! \*****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Currency.scss (1) ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/Location.scss ***! \**************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/Location.scss (1) ***! \******************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/LocationCombo.scss ***! \*******************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/LocationCombo.scss (1) ***! \***********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/ContactVendorModal.scss ***! \*********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/ContactVendorModal.scss (1) ***! \*************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/CreateQuote/CreateQuote.scss ***! \**********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/CreateQuote/CreateQuote.scss (1) ***! \**************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/QuoteManager/QuoteManager.scss ***! \************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/QuoteManager/QuoteManager.scss (1) ***! \****************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/QuoteOrder/QuoteOrder.scss ***! \********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/QuoteOrder/QuoteOrder.scss (1) ***! \************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/MoveQuoteModal.scss ***! \*****************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/MoveQuoteModal.scss (1) ***! \*********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/OrderConfirmationModal.scss ***! \*************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/OrderConfirmationModal.scss (1) ***! \*****************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Popups/Popup.scss ***! \********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Popups/Popup.scss (1) ***! \************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Feedbacks/feedback.scss ***! \*******************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Feedbacks/feedback.scss (1) ***! \***********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!***********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Tiles/tile.scss ***! \***********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Tiles/tile.scss (1) ***! \***************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/LandingPages/error_pages.scss ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/LandingPages/error_pages.scss (1) ***! \*************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*******************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Organisms/navbar.scss ***! \*******************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!***********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Organisms/navbar.scss (1) ***! \***********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Organisms/sidebar.scss ***! \********************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Organisms/sidebar.scss (1) ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Dashboard/Dashboard.scss ***! \********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Dashboard/Dashboard.scss (1) ***! \************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/QuoteRequirements.scss ***! \****************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/QuoteRequirements.scss (1) ***! \********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/WhatsNext.scss ***! \********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/WhatsNext.scss (1) ***! \************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Attachments/QuoteAttachments.scss ***! \********************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Attachments/QuoteAttachments.scss (1) ***! \************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Comments/QuoteComments.scss ***! \**************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Comments/QuoteComments.scss (1) ***! \******************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/Design.scss ***! \******************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/Design.scss (1) ***! \**********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/DesignItemRow.scss ***! \************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/DesignItemRow.scss (1) ***! \****************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignTotals.scss ***! \************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignTotals.scss (1) ***! \****************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/DesignItems.scss ***! \**********************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/DesignItems.scss (1) ***! \**************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignEditor.scss ***! \************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignEditor.scss (1) ***! \****************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignValidation.scss ***! \****************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignValidation.scss (1) ***! \********************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignRollup.scss ***! \************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignRollup.scss (1) ***! \****************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Related/RelatedDesigns.scss ***! \**************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Related/RelatedDesigns.scss (1) ***! \******************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/QuoteViewer.scss ***! \**********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/QuoteViewer.scss (1) ***! \**************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminAudit.scss ***! \*****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminAudit.scss (1) ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Notifications/Notifications.scss ***! \****************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Notifications/Notifications.scss (1) ***! \********************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/CreateQuote.scss ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/CreateQuote.scss (1) ***! \****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/LoginPoc/LoginPocPage.scss ***! \**********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Red+Hat+Text&display=swap); /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/FooterLinks.scss ***! \************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/FooterLinks.scss (1) ***! \****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/PacketFabric/CreateQuote.scss ***! \*********************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/PacketFabric/CreateQuote.scss (1) ***! \*************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss ***! \*************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (1) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (2) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (3) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (4) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (5) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (6) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wdth,wght@0,100,300..800;0,75,300..800;1,75,300..800&display=swap); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (7) ***! \*****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,700,700i); /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/accordions/Accordion.scss (2) ***! \*************************************************************************************************************************************************/ .accordion { margin-bottom: 2rem; font-size: 1rem; } .accordion > :first-child { margin-top: 0; } .accordion > :last-child { margin-bottom: 0 !important; } .accordion .panel.expanded > .panel-header { border-bottom-color: #4d5151; background-color: #4d5151; color: #fff; } .accordion .panel.expanded > .panel-header:hover { border-bottom-color: #333636; background-color: #333636; } .accordion .panel.expanded > .panel-header > .control { transform: translateY(-50%) scaleY(-1); } .accordion .panel.expanded > .panel-header small, .accordion .panel.expanded > .panel-header .label { color: #e5e7e7; } .accordion .panel.expanded > .panel-content { max-height: 60vh; overflow: auto; padding-top: 1rem; padding-bottom: 1rem; } .accordion .panel.disabled > .panel-header { border-color: #cccfcf; background-color: #f2f3f3; color: #c0c3c3; cursor: not-allowed; } .accordion .panel.empty > .panel-header { border-bottom-width: 0; } .accordion .panel.empty > .panel-content { padding-top: 0; padding-bottom: 0; } .accordion .panel-header { position: relative; display: block; width: 100%; border-width: 0; border-bottom: 1px solid #33bddf; background-color: #f2f3f3; padding: 0.875em 2em 0.8125em 1em; text-align: left; text-decoration: none; font-size: 1em; color: inherit; line-height: 1.2; transition: 0.2s; } .accordion .panel-header:hover { background-color: #ccc; outline-width: 0; color: #1d1e21; } .accordion .panel-header:hover .icon[role='decorative'] { opacity: 1; } .accordion .panel-header.icon { padding-left: 3.5rem; } .accordion .panel-header .icon[role='decorative'] { position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); line-height: 0; font-size: 1.5rem; opacity: 0.85; } .accordion .panel-header .control { display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%) scaleY(1); padding: 0.5em 0.5em 0.5em 0.3em; line-height: 0; font-size: 1.5em; transition: 0.8s ease-in-out; } .accordion .panel-header .right { position: absolute; top: 50%; right: 2.5rem; transform: translateY(-50%); } .accordion .panel-header h3, .accordion .panel-header h4, .accordion .panel-header h5 { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 500; } .accordion .panel-header small, .accordion .panel-header .label { font-size: 0.75em; color: #393e46; } .accordion .panel-content { max-height: 0; overflow-y: hidden; box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1); padding: 0 1rem; transition: 0.8s ease-in-out; } .accordion .panel-content > :first-child { margin-top: 0; } .accordion .panel-content > :last-child { margin-bottom: 0; } .accordion.radio .panel-header { padding-left: 0.5em; text-align: left; font-size: 0.875rem; color: #5a5f5f; } .accordion.radio .panel-header .ant-radio-wrapper { margin-right: 1em; } .accordion.radio .ant-radio-inner { border-color: #8d9393; } .accordion.radio > .panel.expanded .panel-header { font-weight: bold; } .accordion.radio > .panel.expanded .ant-radio-inner { border-color: #61ab2b; } .accordion.inline { max-height: 60vh; overflow: auto; margin-bottom: 2rem; font-size: 0.875rem; } .accordion.inline > .panel:last-of-type > .panel-header { border-bottom-color: #ccc; } .accordion.inline > .panel.expanded > .panel-header { background-color: #f2f3f3; border-bottom-color: #ccc; } .accordion.inline > .panel.expanded > .panel-header:hover { background-color: #eee; } .accordion.inline > .panel > .panel-header { border-color: #ccc; background-color: inherit; color: inherit; } .accordion.inline > .panel > .panel-header:hover, .accordion.inline > .panel > .panel-header:focus { background-color: #f2f3f3; } .accordion.inline > .panel > .panel-header > .control { color: #9a9f9f; } .accordion.inline > .panel.disabled > .panel-header { background-color: #f2f3f3; } .accordion.widget > .panel:last-of-type > .panel-header { border-bottom-color: #ccc; } .accordion.widget > .panel.expanded > .panel-header { background-color: #555; border-bottom-color: #ccc; } .accordion.widget > .panel.expanded > .panel-header:hover { background-color: #333; } .accordion.widget > .panel > .panel-header { border-color: #ccc; background-color: #818888; color: #fff; } .accordion.widget > .panel > .panel-header:hover, .accordion.widget > .panel > .panel-header:focus { background-color: #555; } .accordion.widget > .panel > .panel-header > .control { color: #fff; } .accordion.widget > .panel.disabled > .panel-header { background-color: #f2f3f3; } .accordion .panel > .panel-header.success { border-bottom-width: 1px; border-bottom-color: #30a259; background-color: #eaf7ef; color: #30a259; } .accordion .panel > .panel-header.success:hover, .accordion .panel > .panel-header.success:focus { background-color: #dbf1e4; } .accordion .panel > .panel-header.success .control, .accordion .panel > .panel-header.success small, .accordion .panel > .panel-header.success .label { color: #30a259; } .accordion .panel.expanded > .panel-header.success { border-bottom-color: #30a259; background-color: #eaf7ef; color: #30a259; } .accordion .panel.expanded > .panel-header.success:hover, .accordion .panel.expanded > .panel-header.success:focus { background-color: #dbf1e4; } .accordion .panel > .panel-header.error { border-bottom-width: 1px; border-bottom-color: #ed021e; background-color: #fcebed; color: #ed021e; } .accordion .panel > .panel-header.error:hover, .accordion .panel > .panel-header.error:focus { background-color: #f9d9dd; } .accordion .panel > .panel-header.error .control, .accordion .panel > .panel-header.error small, .accordion .panel > .panel-header.error .label { color: #ed021e; } .accordion .panel.expanded > .panel-header.error { border-bottom-color: #ed021e; background-color: #fcebed; color: #ed021e; } .accordion .panel.expanded > .panel-header.error:hover, .accordion .panel.expanded > .panel-header.error:focus { background-color: #f9d9dd; } .accordion.small { font-size: 0.75rem; } .accordion.small > .panel > .panel-header { padding-top: 0.5rem; padding-bottom: 0.4375rem; } /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Badges/badge.scss (2) ***! \*************************************************************************************************************************************/ .badge { display: inline-block; position: relative; min-width: 2em; padding: 2px 0.6em; font-size: 0.875em; } .badge .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100em; } .badge .value { color: #fff; position: relative; font-weight: 400; } .badge.inverted { min-width: 1.5em; box-shadow: 0 0 0 1px; border-radius: 100em; padding: 2.5px 0.54em; line-height: 1.3; text-align: center; } .badge.inverted .background { display: none; } .badge.inverted .value { color: inherit; } /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Banners/banner.scss (2) ***! \***************************************************************************************************************************************/ .tile .banner { position: absolute; top: 0; right: -1px; } .tile .banner img { margin: 0; max-width: none; max-height: none; padding: 0; } .tile .banner .banner-content { position: absolute; top: 0; right: 0; width: 70.7%; height: 48px; transform: translate(50%, -50%) rotate(45deg) translate(0, 79px); padding: 0.375rem; line-height: 1.2; color: white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); pointer-events: none; } /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Breadcrumbs/Breadcrumbs.scss ***! \********************************************************************************************************************************************/ .breadcrumbs { margin: 1em 4em 0; color: #878A8B; font-size: 14px; line-height: 16px; list-style: none; padding: 0; } .breadcrumb { display: inline-flex; padding: 0; align-items: center; } .breadcrumb a { font-weight: normal; } .breadcrumb a, .breadcrumb span { max-width: 20rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .breadcrumb .icon-caret-next { font-size: .875rem; margin: 0 .5rem; } /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Buttons/button.scss (2) ***! \***************************************************************************************************************************************/ .button, .split-button { display: inline-block; box-shadow: 0 1px 0 #1a1b1d; border-width: 0; border-radius: 4px; padding: 0.875em 2em 0.8125em; background-color: #0d7137; line-height: 1; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; font-weight: 400; text-decoration: none; color: #f2f2f2; text-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); cursor: pointer; transition: 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .button:hover { background-color: #61ab2b; } .button:active { outline: 0; background-color: #90cc25; } .button.disabled, .button:disabled { background-color: #c2e8d0; box-shadow: 0 1px 0 #8d9393; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.15); cursor: not-allowed; } .button.secondary { box-shadow: 0 1px 0 #1a1b1d; background-color: #d9dbdb; color: #404444; text-shadow: none; } .button.secondary:hover { background-color: #c0c3c3; } .button.secondary:active { background-color: #c0c3c3; } .button.secondary.disabled, .button.secondary:disabled { box-shadow: 0 1px 0 #9a9f9f; background-color: #cccfcf; } .button.button-tile { width: 100%; box-shadow: none; border: 1px dashed #5ec382; background-color: #f2f3f3; padding: 1em; font-weight: 500; font-size: 0.75rem; color: #1d1e21; text-shadow: none; } .button.button-tile:hover { background-color: #5ec382; border-color: #5ec382; color: #fff; } .button.button-tile:active { background-color: #30a259; border-color: #30a259; } .button.button-tile.disabled, .button.button-tile:disabled { background-color: #f2f3f3; border-color: #aee1c0; color: #8d9393; } .button.button-transparent { width: 100%; box-shadow: none; border: 1px dashed #fff; background-color: rgba(255, 255, 255, 0); padding: 1em; color: #fff; font-size: 0.75rem; text-shadow: none; transition: 0.4s; } .button.button-transparent:hover { background-color: white; border-style: solid; } .button.button-transparent:active { background-color: #30a259; } .button.button-transparent.disabled, .button.button-transparent:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .button.button-transparent.disabled:hover, .button.button-transparent:disabled:hover { background-color: rgba(255, 255, 255, 0); border-style: dashed; color: rgba(255, 255, 255, 0.5); } .button.button-flat { box-shadow: none; border: 1px solid rgba(57, 62, 70, 0); border-radius: 4px; background-color: rgba(242, 243, 243, 0); padding: 0.3125rem 0.5rem 0.25rem; font-size: 1em; color: #393e46; text-shadow: none; } .button.button-flat:hover { border-color: #393e46; background-color: #f2f3f3; } .button.button-flat.disabled, .button.button-flat:disabled { color: #c0c3c3; border-color: rgba(57, 62, 70, 0); background-color: rgba(242, 243, 243, 0); } .button.button-inline { margin: 0; padding: 0; text-decoration: underline; box-shadow: none; background-color: transparent; color: inherit; font-weight: 500; text-shadow: none; } .button.button-link { box-shadow: none; margin-left: -0.5rem; margin-right: -0.5rem; background-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1em; color: #0d7137; text-shadow: none; } .button.button-link:hover { color: #90cc25; } .button.button-link.secondary { background-color: transparent; } .button.button-link.disabled, .button.button-link:disabled { outline-width: 0; background-color: transparent; color: #c0c3c3; } .button.button-link.disabled .icon, .button.button-link:disabled .icon { color: inherit; } .button.button-link.disabled .icon svg, .button.button-link:disabled .icon svg { fill: currentColor; } .button.small { font-size: 0.75rem; } .button :first-child { margin-top: 0; } .button :last-child { margin-bottom: 0; } .button h2, .button h3, .button h4, .button h5, .button h6 { margin-bottom: 0.25em; font-weight: normal; white-space: nowrap; } .button p { margin-bottom: 0; } .split-button { padding: 0; display: flex; align-items: center; height: 39px; margin: auto 20px auto 0; background: none; box-shadow: none; overflow: visible; } .split-button .split-button__button.button { margin: 0; border-radius: 4px 0 0 4px; padding-right: 1.5em; } .split-button .split-button__split { display: inline-block; width: .5px; height: 100%; padding: .25rem 0; margin-right: -.5px; opacity: .5; border-top: 0.375rem solid #0d7137; border-bottom: 0.375rem solid #0d7137; box-shadow: 0 1px 0 #1a1b1d; background: #ccc; } .split-button .split-button__split--disabled { border-color: #c2e8d0; } .split-button .split-button__context-button.button { padding: 0 .5rem; margin: 0; border-radius: 0 4px 4px 0; } .split-button .split-button__context-button.button .icon { transform: scale(1.5); vertical-align: middle; color: #fff; } /*!********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Checkboxes/checkbox.scss (2) ***! \********************************************************************************************************************************************/ .checkbox { position: relative; display: inline-block; font-size: 0.875rem; } .checkbox [type='checkbox'] { position: absolute; left: -9999em; } .checkbox label { display: inline-flex; align-items: baseline; cursor: pointer; } .checkbox .checkbox-icon { position: relative; flex: 0 0 1em; width: 1em; height: 1em; margin-right: 0.65em; top: 2px; border: 2px solid #cccfcf; background-color: #fff; color: #cccfcf; transition: all 200ms; } .radio-group .checkbox .checkbox-icon { border-radius: 50%; } .checkbox .checkbox-icon .icon-checkbox-checkmark { font-size: 1em; top: -2px; left: -2px; transform: scale(1.25); color: #f2f3f3; } .checkbox :focus + label .checkbox-icon, .checkbox :hover + label .checkbox-icon { border-color: #0d7137; } .checkbox :focus:checked + label .checkbox-icon, .checkbox :hover:checked + label .checkbox-icon { outline: 2px solid #0d7137; } .checkbox :checked + label .checkbox-icon, .checkbox :indeterminate + label .checkbox-icon { border-color: #61ab2b; background-color: #61ab2b; color: #fff; } .checkbox :disabled + label { color: #b3b7b7; } .checkbox :disabled + label .checkbox-icon { border-color: #cccfcf; background-color: #f2f3f3; } .checkbox :disabled:checked + label .checkbox-icon, .checkbox :disabled:indeterminate + label .checkbox-icon { background-color: #cccfcf; } .checkbox.checkbox--errored .checkbox-icon { color: red; border-color: red; } .checkbox .icon { position: absolute; top: -1px; left: -2px; font-size: 1.25rem; } /*!************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-contexify/dist/ReactContexify.min.css ***! \************************************************************************************************************/ .react-contexify{position:fixed;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;box-sizing:border-box;box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 1px #eee;padding:5px 0;min-width:180px}.react-contexify .react-contexify__submenu{position:absolute;top:0;pointer-events:none;transition:opacity .275s}.react-contexify__submenu-arrow{font-size:12px;position:absolute;right:10px;line-height:22px}.react-contexify__separator{float:left;width:100%;height:1px;cursor:default;margin:4px 0;background-color:rgba(0,0,0,.2)}.react-contexify__item{cursor:pointer;position:relative}.react-contexify__item:not(.react-contexify__item--disabled):hover>.react-contexify__item__content{color:#fff;background-color:#4393e6}.react-contexify__item:not(.react-contexify__item--disabled):hover>.react-contexify__submenu{pointer-events:auto;opacity:1}.react-contexify__item--disabled{cursor:default;opacity:.5}.react-contexify__item__content{padding:6px 12px;display:-ms-flexbox;display:flex;text-align:left;white-space:nowrap;color:#333;position:relative}.react-contexify__item__icon{font-size:20px;margin-right:5px;font-style:normal}.react-contexify__theme--dark{padding:6px 0;box-shadow:0 2px 15px rgba(0,0,0,.4),0 0 0 1px #222}.react-contexify__theme--dark,.react-contexify__theme--dark .react-contexify__submenu{background-color:rgba(40,40,40,.98)}.react-contexify__theme--dark .react-contexify__separator{background-color:#eee}.react-contexify__theme--dark .react-contexify__item__content{color:#fff}.react-contexify__theme--dark .react-contexify__item__icon{margin-right:8px;width:12px;text-align:center}.react-contexify__theme--light{padding:6px 0;box-shadow:0 2px 15px rgba(0,0,0,.2),0 0 0 1px #eee}.react-contexify__theme--light .react-contexify__separator{background-color:#eee}.react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover>.react-contexify__item__content{color:#4393e6;background-color:#e0eefd}.react-contexify__theme--light .react-contexify__item__content{color:#666}.react-contexify__theme--light .react-contexify__item__icon{margin-right:8px;width:12px;text-align:center}@keyframes react-contexify__popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes react-contexify__popOut{0%{transform:scale(1)}to{transform:scale(0)}}.react-contexify__will-enter--pop{animation:react-contexify__popIn .3s cubic-bezier(.51,.92,.24,1.2)}.react-contexify__will-leave--pop{animation:react-contexify__popOut .3s cubic-bezier(.51,.92,.24,1.2)}@keyframes react-contexify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes react-contexify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.react-contexify__will-enter--zoom{transform-origin:top left;animation:react-contexify__zoomIn .4s}.react-contexify__will-leave--zoom{animation:react-contexify__zoomOut .4s}@keyframes react-contexify__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-contexify__fadeOut{0%{opacity:1}to{opacity:0}}.react-contexify__will-enter--fade{animation:react-contexify__fadeIn .3s ease}.react-contexify__will-leave--fade{animation:react-contexify__fadeOut .3s ease}@keyframes react-contexify__flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes react-contexify__flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.react-contexify__will-enter--flip{animation:react-contexify__flipInX .65s}.react-contexify__will-enter--flip,.react-contexify__will-leave--flip{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.react-contexify__will-leave--flip{animation:react-contexify__flipOutX .65s} /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/ContextMenu/ContextMenu.scss (2) ***! \************************************************************************************************************************************************/ .context-menu-button.button { width: 2rem; height: 2rem; padding: 0; border: none; } .context-menu-button.button:active { background-color: transparent; box-shadow: 0px 0px 4px rgba(33, 33, 33, 0.6); border: none; } .context-menu-button.button:hover { background-color: transparent; border: none; } .context-menu-button.button .icon-ellipsis { font-size: 1rem; color: #818888; } .react-contexify__submenu { left: unset !important; right: 100%; } .context-menu--position-right { left: unset !important; right: 5%; } .react-contexify__item .react-contexify__item__content .icon { font-size: 1.5em; margin-right: 0.5rem; } .react-contexify__item .react-contexify__submenu-arrow { top: .5rem; right: .125rem; transition: right 100ms; } .react-contexify__item .react-contexify__submenu-arrow .icon { color: #747a7a; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content { background-color: #00add8; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content .icon { color: #fff; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content .react-contexify__submenu-arrow { right: -.125rem; } .react-contexify__submenu-wrapper--left .react-contexify__submenu { left: unset !important; } .react-contexify__submenu-wrapper--selectable > .react-contexify__submenu .react-contexify__item__content { color: #656565; } .react-contexify__submenu-wrapper--selectable > .react-contexify__submenu .react-contexify__item--selected { font-weight: 500; } .react-contexify__submenu-wrapper--selectable > .react-contexify__submenu .react-contexify__item--selected .contexify__item__content { color: #000; } .react-contexify__submenu-wrapper--selectable > .react-contexify__submenu .react-contexify__item--selected:hover::after { color: #fff; } /*!************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/select/style/index.css ***! \************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; right: 11px; bottom: 0; left: 11px; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s; } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 25px; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 18px; } .ant-select-single.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 32px; padding: 0 11px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0; left: 0; padding: 0 11px; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 40px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 38px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 38px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 24px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 7px; left: 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 28px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 21px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } /** * Do not merge `height` & `line-height` under style with `selection` & `search`, * since chrome may update to redesign with its align logic. */ .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 1px 4px; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; content: '\a0'; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 24px; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-margin-end: 4px; margin-inline-end: 4px; -webkit-padding-start: 8px; padding-inline-start: 8px; -webkit-padding-end: 4px; padding-inline-end: 4px; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .ant-select-selection-item-remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: middle; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { -webkit-margin-start: 0; margin-inline-start: 0; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; -webkit-margin-start: 7px; margin-inline-start: 7px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 24px; transition: all 0.3s; } .ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 32px; line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 16px; line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 7px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { -webkit-margin-start: 3px; margin-inline-start: 3px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 32px; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: #fff; border-color: #ff4d4f !important; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector, .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: #fff; border-color: #faad14 !important; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector, .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-error.ant-select-has-feedback .ant-select-clear, .ant-select-status-warning.ant-select-has-feedback .ant-select-clear, .ant-select-status-success.ant-select-has-feedback .ant-select-clear, .ant-select-status-validating.ant-select-has-feedback .ant-select-clear { right: 32px; } .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value { padding-right: 42px; } /* Reset search input style */ .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: #f5f5f5; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; background: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #40a9ff; border-right-width: 1px; } .ant-select-selection-item { flex: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { flex: auto; } } .ant-select-selection-placeholder { flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { flex: auto; } } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; display: flex; align-items: center; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-arrow > *:not(:last-child) { -webkit-margin-end: 8px; margin-inline-end: 8px; } .ant-select-clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px 0; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: background 0.3s ease; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: none; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #f5f5f5; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #e6f7ff; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1890ff; } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: #f5f5f5; } .ant-select-item-option-grouped { padding-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select.ant-select-in-form-item { width: 100%; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow { right: initial; left: 11px; } .ant-select-rtl .ant-select-clear { right: initial; left: 11px; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 24px; padding-left: 12px; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 4px; padding-left: 24px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0; margin-left: 4px; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 11px; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 7px; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0; left: 9px; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 11px; left: 25px; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 18px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 6px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; } /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/dropdowns/dropdown.scss (2) ***! \*******************************************************************************************************************************************/ .dropdown { margin-bottom: 1rem; } .dropdown .ant-select-selection__choice__content .checkbox { display: none; } .dropdown .ant-select { width: 100%; font-size: 0.875rem; color: #333636; transition: 0.2s; } .dropdown .ant-select:hover { box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1); } .dropdown .ant-select-focused .ant-select-selection, .dropdown .ant-select-selection:active, .dropdown .ant-select-selection:focus { box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1); } .dropdown .ant-select-disabled { color: #c0c3c3; } .dropdown .ant-select-disabled:hover { box-shadow: none; } .dropdown .ant-select-disabled .ant-select-selection { border-color: #cccfcf; } .dropdown .ant-select-selection { height: 2.5em; border-width: 0; border-bottom: 1px solid #33bddf; border-radius: 0; background-color: #f2f3f3; padding-top: 0.625em; padding-bottom: 0.625em; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; transition: 0.2s; } .dropdown .ant-select-selection__rendered { margin-left: 0.75em; margin-right: 0.75em; line-height: 1.4; } .dropdown .ant-select-selection__placeholder { color: #8d9393; } .dropdown .ant-select-arrow { margin-top: -0.5em; font-size: 0.875rem; color: #8d9393; } .dropdown .ant-select-open { color: #fff; } .dropdown .ant-select-open .ant-select-selection { border-color: #4d5151; background-color: #4d5151; } .dropdown .ant-select-open .ant-select-arrow { color: #fff; } .dropdown .ant-select-open .ant-select-search__field { color: #fff; } .dropdown.inline { display: inline; } .dropdown.inline .ant-select { width: auto; } .small .dropdown, .dropdown.small { font-size: 0.75rem; } .ant-select-dropdown { box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1); border-radius: 0; background-color: #fff; font-size: 0.875rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; color: #333636; } .ant-select-dropdown > div { transform: translateY(-4px); margin-bottom: -4px; } .ant-select-dropdown-menu { margin-top: 0; } .ant-select-dropdown-menu-item { height: 2.5em; line-height: 2; color: inherit; } .ant-select-dropdown-menu-item:first-child, .ant-select-dropdown-menu-item:last-child { border-radius: 0; } .ant-select-dropdown-menu-item-selected { background-color: #7fd6eb; font-weight: normal; } .ant-select-dropdown-menu-item-selected.ant-select-dropdown-menu-item-active:hover { background-color: #4cc5e3; } .ant-select-dropdown-menu-item-active, .ant-select-dropdown-menu-item:hover { background-color: #7fd6eb; font-weight: normal; color: #333636; } .ant-select-dropdown-menu-item-disabled { color: #c0c3c3; } .ant-select-dropdown-menu-item-disabled:hover { background-color: #fff; color: #c0c3c3; } .ant-select-selection--multiple .ant-select-selection__choice { border-color: #cccfcf; border-radius: 4px; background-color: #fff; color: #333636; } .ant-select-selection--multiple .ant-select-selection__rendered > ul > li, .ant-select-selection--multiple > ul > li { margin-top: -0.375rem; height: 2em; line-height: 2em; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after, .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after { color: #676c6c; } .tagged-dropdown { width: 100%; } .tagged-dropdown.inline { display: inline-block; width: auto; } .tagged-dropdown.inline .ant-btn { width: auto; } .tagged-dropdown .ant-btn { width: inherit; height: auto; min-height: 2.375em; box-shadow: none; border-color: #b3b7b7; background-color: #f2f3f3; padding: 0.875em 2.75em 0.8125em 0.75em; text-align: left; line-height: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; color: #393e46; transition: width 0s; } .tagged-dropdown .ant-btn:hover { border-color: #9a9f9f; background-color: #f2f3f3; } .tagged-dropdown .ant-btn:focus { border-color: #9a9f9f; background-color: #f2f3f3; color: #333636; } .tagged-dropdown .ant-btn:disabled { border-color: #c0c3c3; background-color: #f2f3f3; color: #c0c3c3; } .small > .tagged-dropdown .ant-btn { font-size: 0.75rem; } .tiny > .tagged-dropdown .ant-btn { font-size: 0.7rem; } .tagged-dropdown.inline { width: auto; } .tagged-dropdown.inline .hidden-menu { position: absolute; left: -9999em; padding: 0.875em 2.75em 0.8125em 0.75em; list-style-type: none; } .dropdown-caret { position: absolute; top: 50%; right: 0.75em; transform: translateY(-50%); padding-right: 0; line-height: 0; font-size: 0.675em; } .ant-btn:active > .dropdown-caret, .ant-btn:focus > .dropdown-caret { position: absolute; } .ant-dropdown { z-index: 1000001; font-family: inherit; } .ant-dropdown-menu { max-height: 12.75em; overflow: auto; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #f2f3f3; } .tagged-dropdown .tag-list { margin-top: 0.75rem; } .tagged-dropdown .tag-list:empty { height: 2.5rem; } .tagged-dropdown .generated-tag { display: inline-block; } .tagged-dropdown .generated-tag .ant-tag-text { color: #fff; } .tagged-dropdown .generated-tag .ant-tag { height: 2rem; margin: 0 0.5rem 0.5rem 0; background: #9a9f9f; padding: 0.3125rem 0.75rem; font-size: 0.75rem; } .tagged-dropdown .generated-tag .ant-tag:hover { opacity: 0.85; } .tagged-dropdown .generated-tag .icon { margin: 0.125rem; padding-right: 0; padding-left: 0.25rem; color: #b3b7b7; } /*!**********************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/twemoji-flags.scss ***! \**********************************************************************************************************************/ .em-flag { background-position: center left; background-repeat: no-repeat; background-size: 1.5em; padding-left: 2em; } .em-flag-cn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f3.png"); } .em-flag-cn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f3.svg"), none; } .em-flag-de { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ea.png"); } .em-flag-de.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1ea.svg"), none; } .em-flag-es { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1f8.png"); } .em-flag-es.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1f8.svg"), none; } .em-flag-ac { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1e8.png"); } .em-flag-ac.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1e8.svg"), none; } .em-flag-ad { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1e9.png"); } .em-flag-ad.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1e9.svg"), none; } .em-flag-ae { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ea.png"); } .em-flag-ae.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1ea.svg"), none; } .em-flag-af { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1eb.png"); } .em-flag-af.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1eb.svg"), none; } .em-flag-ag { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ec.png"); } .em-flag-ag.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1ec.svg"), none; } .em-flag-ai { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ee.png"); } .em-flag-ai.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1ee.svg"), none; } .em-flag-al { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f1.png"); } .em-flag-al.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f1.svg"), none; } .em-flag-am { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f2.png"); } .em-flag-am.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f2.svg"), none; } .em-flag-ao { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f4.png"); } .em-flag-ao.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f4.svg"), none; } .em-flag-aq { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f6.png"); } .em-flag-aq.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f6.svg"), none; } .em-flag-ar { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f7.png"); } .em-flag-ar.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f7.svg"), none; } .em-flag-as { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f8.png"); } .em-flag-as.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f8.svg"), none; } .em-flag-at { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f9.png"); } .em-flag-at.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1f9.svg"), none; } .em-flag-au { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1fa.png"); } .em-flag-au.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1fa.svg"), none; } .em-flag-aw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1fc.png"); } .em-flag-aw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1fc.svg"), none; } .em-flag-ax { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1fd.png"); } .em-flag-ax.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1fd.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1fd.svg"), none; } .em-flag-az { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ff.png"); } .em-flag-az.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e6-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e6-1f1ff.svg"), none; } .em-flag-ba { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1e6.png"); } .em-flag-ba.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1e6.svg"), none; } .em-flag-bb { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1e7.png"); } .em-flag-bb.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1e7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1e7.svg"), none; } .em-flag-bd { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1e9.png"); } .em-flag-bd.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1e9.svg"), none; } .em-flag-be { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ea.png"); } .em-flag-be.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1ea.svg"), none; } .em-flag-bf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1eb.png"); } .em-flag-bf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1eb.svg"), none; } .em-flag-bg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ec.png"); } .em-flag-bg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1ec.svg"), none; } .em-flag-bh { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ed.png"); } .em-flag-bh.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1ed.svg"), none; } .em-flag-bi { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ee.png"); } .em-flag-bi.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1ee.svg"), none; } .em-flag-bj { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ef.png"); } .em-flag-bj.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ef.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1ef.svg"), none; } .em-flag-bl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f1.png"); } .em-flag-bl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f1.svg"), none; } .em-flag-bm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f2.png"); } .em-flag-bm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f2.svg"), none; } .em-flag-bn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f3.png"); } .em-flag-bn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f3.svg"), none; } .em-flag-bo { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f4.png"); } .em-flag-bo.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f4.svg"), none; } .em-flag-bq { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f6.png"); } .em-flag-bq.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f6.svg"), none; } .em-flag-br { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f7.png"); } .em-flag-br.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f7.svg"), none; } .em-flag-bs { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f8.png"); } .em-flag-bs.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f8.svg"), none; } .em-flag-bt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f9.png"); } .em-flag-bt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1f9.svg"), none; } .em-flag-bv { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1fb.png"); } .em-flag-bv.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1fb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1fb.svg"), none; } .em-flag-bw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1fc.png"); } .em-flag-bw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1fc.svg"), none; } .em-flag-by { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1fe.png"); } .em-flag-by.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1fe.svg"), none; } .em-flag-bz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ff.png"); } .em-flag-bz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e7-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e7-1f1ff.svg"), none; } .em-flag-ca { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1e6.png"); } .em-flag-ca.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1e6.svg"), none; } .em-flag-cc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1e8.png"); } .em-flag-cc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1e8.svg"), none; } .em-flag-cd { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1e9.png"); } .em-flag-cd.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1e9.svg"), none; } .em-flag-cf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1eb.png"); } .em-flag-cf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1eb.svg"), none; } .em-flag-cg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ec.png"); } .em-flag-cg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1ec.svg"), none; } .em-flag-ch { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ed.png"); } .em-flag-ch.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1ed.svg"), none; } .em-flag-ci { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ee.png"); } .em-flag-ci.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1ee.svg"), none; } .em-flag-ck { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f0.png"); } .em-flag-ck.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f0.svg"), none; } .em-flag-cl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f1.png"); } .em-flag-cl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f1.svg"), none; } .em-flag-cm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f2.png"); } .em-flag-cm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f2.svg"), none; } .em-flag-co { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f4.png"); } .em-flag-co.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f4.svg"), none; } .em-flag-cp { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f5.png"); } .em-flag-cp.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f5.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f5.svg"), none; } .em-flag-cr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f7.png"); } .em-flag-cr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1f7.svg"), none; } .em-flag-cu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fa.png"); } .em-flag-cu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1fa.svg"), none; } .em-flag-cv { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fb.png"); } .em-flag-cv.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1fb.svg"), none; } .em-flag-cw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fc.png"); } .em-flag-cw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1fc.svg"), none; } .em-flag-cx { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fd.png"); } .em-flag-cx.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fd.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1fd.svg"), none; } .em-flag-cy { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fe.png"); } .em-flag-cy.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1fe.svg"), none; } .em-flag-cz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ff.png"); } .em-flag-cz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e8-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e8-1f1ff.svg"), none; } .em-flag-dg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ec.png"); } .em-flag-dg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1ec.svg"), none; } .em-flag-dj { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ef.png"); } .em-flag-dj.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ef.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1ef.svg"), none; } .em-flag-dk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1f0.png"); } .em-flag-dk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1f0.svg"), none; } .em-flag-dm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1f2.png"); } .em-flag-dm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1f2.svg"), none; } .em-flag-do { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1f4.png"); } .em-flag-do.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1f4.svg"), none; } .em-flag-dz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ff.png"); } .em-flag-dz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1e9-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1e9-1f1ff.svg"), none; } .em-flag-ea { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1e6.png"); } .em-flag-ea.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1e6.svg"), none; } .em-flag-ec { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1e8.png"); } .em-flag-ec.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1e8.svg"), none; } .em-flag-ee { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1ea.png"); } .em-flag-ee.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1ea.svg"), none; } .em-flag-eg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1ec.png"); } .em-flag-eg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1ec.svg"), none; } .em-flag-eh { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1ed.png"); } .em-flag-eh.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1ed.svg"), none; } .em-flag-england { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"); } .em-flag-england.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.svg"), none; } .em-flag-er { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1f7.png"); } .em-flag-er.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1f7.svg"), none; } .em-flag-et { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1f9.png"); } .em-flag-et.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1f9.svg"), none; } .em-flag-eu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1fa.png"); } .em-flag-eu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ea-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ea-1f1fa.svg"), none; } .em-flag-fi { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1ee.png"); } .em-flag-fi.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1eb-1f1ee.svg"), none; } .em-flag-fj { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1ef.png"); } .em-flag-fj.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1ef.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1eb-1f1ef.svg"), none; } .em-flag-fk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f0.png"); } .em-flag-fk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1eb-1f1f0.svg"), none; } .em-flag-fm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f2.png"); } .em-flag-fm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1eb-1f1f2.svg"), none; } .em-flag-fo { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f4.png"); } .em-flag-fo.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1eb-1f1f4.svg"), none; } .em-flag-ga { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1e6.png"); } .em-flag-ga.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1e6.svg"), none; } .em-flag-gd { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1e9.png"); } .em-flag-gd.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1e9.svg"), none; } .em-flag-ge { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ea.png"); } .em-flag-ge.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1ea.svg"), none; } .em-flag-gf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1eb.png"); } .em-flag-gf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1eb.svg"), none; } .em-flag-gg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ec.png"); } .em-flag-gg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1ec.svg"), none; } .em-flag-gh { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ed.png"); } .em-flag-gh.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1ed.svg"), none; } .em-flag-gi { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ee.png"); } .em-flag-gi.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1ee.svg"), none; } .em-flag-gl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f1.png"); } .em-flag-gl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f1.svg"), none; } .em-flag-gm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f2.png"); } .em-flag-gm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f2.svg"), none; } .em-flag-gn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f3.png"); } .em-flag-gn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f3.svg"), none; } .em-flag-gp { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f5.png"); } .em-flag-gp.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f5.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f5.svg"), none; } .em-flag-gq { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f6.png"); } .em-flag-gq.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f6.svg"), none; } .em-flag-gr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f7.png"); } .em-flag-gr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f7.svg"), none; } .em-flag-gs { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f8.png"); } .em-flag-gs.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f8.svg"), none; } .em-flag-gt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f9.png"); } .em-flag-gt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1f9.svg"), none; } .em-flag-gu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1fa.png"); } .em-flag-gu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1fa.svg"), none; } .em-flag-gw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1fc.png"); } .em-flag-gw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1fc.svg"), none; } .em-flag-gy { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1fe.png"); } .em-flag-gy.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1fe.svg"), none; } .em-flag-hk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f0.png"); } .em-flag-hk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ed-1f1f0.svg"), none; } .em-flag-hm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f2.png"); } .em-flag-hm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ed-1f1f2.svg"), none; } .em-flag-hn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f3.png"); } .em-flag-hn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ed-1f1f3.svg"), none; } .em-flag-hr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f7.png"); } .em-flag-hr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ed-1f1f7.svg"), none; } .em-flag-ht { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f9.png"); } .em-flag-ht.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ed-1f1f9.svg"), none; } .em-flag-hu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1fa.png"); } .em-flag-hu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ed-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ed-1f1fa.svg"), none; } .em-flag-ic { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1e8.png"); } .em-flag-ic.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1e8.svg"), none; } .em-flag-id { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1e9.png"); } .em-flag-id.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1e9.svg"), none; } .em-flag-ie { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1ea.png"); } .em-flag-ie.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1ea.svg"), none; } .em-flag-il { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f1.png"); } .em-flag-il.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f1.svg"), none; } .em-flag-im { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f2.png"); } .em-flag-im.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f2.svg"), none; } .em-flag-in { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f3.png"); } .em-flag-in.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f3.svg"), none; } .em-flag-io { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f4.png"); } .em-flag-io.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f4.svg"), none; } .em-flag-iq { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f6.png"); } .em-flag-iq.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f6.svg"), none; } .em-flag-ir { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f7.png"); } .em-flag-ir.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f7.svg"), none; } .em-flag-is { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f8.png"); } .em-flag-is.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f8.svg"), none; } .em-flag-je { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1ea.png"); } .em-flag-je.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ef-1f1ea.svg"), none; } .em-flag-jm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1f2.png"); } .em-flag-jm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ef-1f1f2.svg"), none; } .em-flag-jo { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1f4.png"); } .em-flag-jo.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ef-1f1f4.svg"), none; } .em-flag-ke { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ea.png"); } .em-flag-ke.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1ea.svg"), none; } .em-flag-kg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ec.png"); } .em-flag-kg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1ec.svg"), none; } .em-flag-kh { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ed.png"); } .em-flag-kh.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1ed.svg"), none; } .em-flag-ki { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ee.png"); } .em-flag-ki.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1ee.svg"), none; } .em-flag-km { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f2.png"); } .em-flag-km.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1f2.svg"), none; } .em-flag-kn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f3.png"); } .em-flag-kn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1f3.svg"), none; } .em-flag-kp { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f5.png"); } .em-flag-kp.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f5.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1f5.svg"), none; } .em-flag-kw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1fc.png"); } .em-flag-kw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1fc.svg"), none; } .em-flag-ky { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1fe.png"); } .em-flag-ky.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1fe.svg"), none; } .em-flag-kz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ff.png"); } .em-flag-kz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1ff.svg"), none; } .em-flag-la { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1e6.png"); } .em-flag-la.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1e6.svg"), none; } .em-flag-lb { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1e7.png"); } .em-flag-lb.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1e7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1e7.svg"), none; } .em-flag-lc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1e8.png"); } .em-flag-lc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1e8.svg"), none; } .em-flag-li { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1ee.png"); } .em-flag-li.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1ee.svg"), none; } .em-flag-lk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f0.png"); } .em-flag-lk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1f0.svg"), none; } .em-flag-lr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f7.png"); } .em-flag-lr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1f7.svg"), none; } .em-flag-ls { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f8.png"); } .em-flag-ls.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1f8.svg"), none; } .em-flag-lt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f9.png"); } .em-flag-lt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1f9.svg"), none; } .em-flag-lu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1fa.png"); } .em-flag-lu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1fa.svg"), none; } .em-flag-lv { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1fb.png"); } .em-flag-lv.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1fb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1fb.svg"), none; } .em-flag-ly { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1fe.png"); } .em-flag-ly.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f1-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f1-1f1fe.svg"), none; } .em-flag-ma { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1e6.png"); } .em-flag-ma.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1e6.svg"), none; } .em-flag-mc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1e8.png"); } .em-flag-mc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1e8.svg"), none; } .em-flag-md { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1e9.png"); } .em-flag-md.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1e9.svg"), none; } .em-flag-me { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ea.png"); } .em-flag-me.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1ea.svg"), none; } .em-flag-mf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1eb.png"); } .em-flag-mf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1eb.svg"), none; } .em-flag-mg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ec.png"); } .em-flag-mg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1ec.svg"), none; } .em-flag-mh { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ed.png"); } .em-flag-mh.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1ed.svg"), none; } .em-flag-mk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f0.png"); } .em-flag-mk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f0.svg"), none; } .em-flag-ml { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f1.png"); } .em-flag-ml.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f1.svg"), none; } .em-flag-mm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f2.png"); } .em-flag-mm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f2.svg"), none; } .em-flag-mn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f3.png"); } .em-flag-mn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f3.svg"), none; } .em-flag-mo { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f4.png"); } .em-flag-mo.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f4.svg"), none; } .em-flag-mp { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f5.png"); } .em-flag-mp.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f5.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f5.svg"), none; } .em-flag-mq { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f6.png"); } .em-flag-mq.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f6.svg"), none; } .em-flag-mr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f7.png"); } .em-flag-mr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f7.svg"), none; } .em-flag-ms { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f8.png"); } .em-flag-ms.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f8.svg"), none; } .em-flag-mt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f9.png"); } .em-flag-mt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1f9.svg"), none; } .em-flag-mu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fa.png"); } .em-flag-mu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1fa.svg"), none; } .em-flag-mv { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fb.png"); } .em-flag-mv.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1fb.svg"), none; } .em-flag-mw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fc.png"); } .em-flag-mw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1fc.svg"), none; } .em-flag-mx { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fd.png"); } .em-flag-mx.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fd.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1fd.svg"), none; } .em-flag-my { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fe.png"); } .em-flag-my.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1fe.svg"), none; } .em-flag-mz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ff.png"); } .em-flag-mz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f2-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f2-1f1ff.svg"), none; } .em-flag-na { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1e6.png"); } .em-flag-na.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1e6.svg"), none; } .em-flag-nc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1e8.png"); } .em-flag-nc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1e8.svg"), none; } .em-flag-ne { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ea.png"); } .em-flag-ne.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1ea.svg"), none; } .em-flag-nf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1eb.png"); } .em-flag-nf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1eb.svg"), none; } .em-flag-ng { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ec.png"); } .em-flag-ng.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1ec.svg"), none; } .em-flag-ni { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ee.png"); } .em-flag-ni.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1ee.svg"), none; } .em-flag-nl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f1.png"); } .em-flag-nl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1f1.svg"), none; } .em-flag-no { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f4.png"); } .em-flag-no.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1f4.svg"), none; } .em-flag-np { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f5.png"); } .em-flag-np.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f5.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1f5.svg"), none; } .em-flag-nr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f7.png"); } .em-flag-nr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1f7.svg"), none; } .em-flag-nu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1fa.png"); } .em-flag-nu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1fa.svg"), none; } .em-flag-nz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ff.png"); } .em-flag-nz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f3-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f3-1f1ff.svg"), none; } .em-flag-om { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f4-1f1f2.png"); } .em-flag-om.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f4-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f4-1f1f2.svg"), none; } .em-flag-pa { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1e6.png"); } .em-flag-pa.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1e6.svg"), none; } .em-flag-pe { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1ea.png"); } .em-flag-pe.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1ea.svg"), none; } .em-flag-pf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1eb.png"); } .em-flag-pf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1eb.svg"), none; } .em-flag-pg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1ec.png"); } .em-flag-pg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1ec.svg"), none; } .em-flag-ph { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1ed.png"); } .em-flag-ph.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1ed.svg"), none; } .em-flag-pk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f0.png"); } .em-flag-pk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f0.svg"), none; } .em-flag-pl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f1.png"); } .em-flag-pl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f1.svg"), none; } .em-flag-pm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f2.png"); } .em-flag-pm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f2.svg"), none; } .em-flag-pn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f3.png"); } .em-flag-pn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f3.svg"), none; } .em-flag-pr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f7.png"); } .em-flag-pr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f7.svg"), none; } .em-flag-ps { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f8.png"); } .em-flag-ps.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f8.svg"), none; } .em-flag-pt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f9.png"); } .em-flag-pt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1f9.svg"), none; } .em-flag-pw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1fc.png"); } .em-flag-pw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1fc.svg"), none; } .em-flag-py { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1fe.png"); } .em-flag-py.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f5-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f5-1f1fe.svg"), none; } .em-flag-qa { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f6-1f1e6.png"); } .em-flag-qa.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f6-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f6-1f1e6.svg"), none; } .em-flag-re { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1ea.png"); } .em-flag-re.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f7-1f1ea.svg"), none; } .em-flag-ro { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1f4.png"); } .em-flag-ro.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f7-1f1f4.svg"), none; } .em-flag-rs { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1f8.png"); } .em-flag-rs.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f7-1f1f8.svg"), none; } .em-flag-rw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1fc.png"); } .em-flag-rw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f7-1f1fc.svg"), none; } .em-flag-sa { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e6.png"); } .em-flag-sa.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1e6.svg"), none; } .em-flag-sb { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e7.png"); } .em-flag-sb.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1e7.svg"), none; } .em-flag-sc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e8.png"); } .em-flag-sc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1e8.svg"), none; } .em-flag-scotland { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"); } .em-flag-scotland.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.svg"), none; } .em-flag-sd { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e9.png"); } .em-flag-sd.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1e9.svg"), none; } .em-flag-se { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ea.png"); } .em-flag-se.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1ea.svg"), none; } .em-flag-sg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ec.png"); } .em-flag-sg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1ec.svg"), none; } .em-flag-sh { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ed.png"); } .em-flag-sh.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1ed.svg"), none; } .em-flag-si { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ee.png"); } .em-flag-si.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1ee.svg"), none; } .em-flag-sj { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ef.png"); } .em-flag-sj.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ef.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1ef.svg"), none; } .em-flag-sk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f0.png"); } .em-flag-sk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f0.svg"), none; } .em-flag-sl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f1.png"); } .em-flag-sl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f1.svg"), none; } .em-flag-sm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f2.png"); } .em-flag-sm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f2.svg"), none; } .em-flag-sn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f3.png"); } .em-flag-sn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f3.svg"), none; } .em-flag-so { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f4.png"); } .em-flag-so.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f4.svg"), none; } .em-flag-sr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f7.png"); } .em-flag-sr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f7.svg"), none; } .em-flag-ss { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f8.png"); } .em-flag-ss.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f8.svg"), none; } .em-flag-st { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f9.png"); } .em-flag-st.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1f9.svg"), none; } .em-flag-sv { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1fb.png"); } .em-flag-sv.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1fb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1fb.svg"), none; } .em-flag-sx { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1fd.png"); } .em-flag-sx.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1fd.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1fd.svg"), none; } .em-flag-sy { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1fe.png"); } .em-flag-sy.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1fe.svg"), none; } .em-flag-sz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ff.png"); } .em-flag-sz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f8-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f8-1f1ff.svg"), none; } .em-flag-ta { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1e6.png"); } .em-flag-ta.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1e6.svg"), none; } .em-flag-tc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1e8.png"); } .em-flag-tc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1e8.svg"), none; } .em-flag-td { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1e9.png"); } .em-flag-td.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1e9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1e9.svg"), none; } .em-flag-tf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1eb.png"); } .em-flag-tf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1eb.svg"), none; } .em-flag-tg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ec.png"); } .em-flag-tg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1ec.svg"), none; } .em-flag-th { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ed.png"); } .em-flag-th.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ed.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1ed.svg"), none; } .em-flag-tj { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ef.png"); } .em-flag-tj.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ef.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1ef.svg"), none; } .em-flag-tk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f0.png"); } .em-flag-tk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f0.svg"), none; } .em-flag-tl { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f1.png"); } .em-flag-tl.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f1.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f1.svg"), none; } .em-flag-tm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f2.png"); } .em-flag-tm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f2.svg"), none; } .em-flag-tn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f3.png"); } .em-flag-tn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f3.svg"), none; } .em-flag-to { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f4.png"); } .em-flag-to.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f4.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f4.svg"), none; } .em-flag-tr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f7.png"); } .em-flag-tr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f7.svg"), none; } .em-flag-tt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f9.png"); } .em-flag-tt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1f9.svg"), none; } .em-flag-tv { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1fb.png"); } .em-flag-tv.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1fb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1fb.svg"), none; } .em-flag-tw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1fc.png"); } .em-flag-tw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1fc.svg"), none; } .em-flag-tz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ff.png"); } .em-flag-tz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f9-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f9-1f1ff.svg"), none; } .em-flag-ua { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1e6.png"); } .em-flag-ua.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1e6.svg"), none; } .em-flag-ug { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1ec.png"); } .em-flag-ug.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1ec.svg"), none; } .em-flag-um { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1f2.png"); } .em-flag-um.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1f2.svg"), none; } .em-flag-un { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1f3.png"); } .em-flag-un.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1f3.svg"), none; } .em-flag-uy { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1fe.png"); } .em-flag-uy.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1fe.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1fe.svg"), none; } .em-flag-uz { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1ff.png"); } .em-flag-uz.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1ff.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1ff.svg"), none; } .em-flag-va { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1e6.png"); } .em-flag-va.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1e6.svg"), none; } .em-flag-vc { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1e8.png"); } .em-flag-vc.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1e8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1e8.svg"), none; } .em-flag-ve { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1ea.png"); } .em-flag-ve.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1ea.svg"), none; } .em-flag-vg { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1ec.png"); } .em-flag-vg.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1ec.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1ec.svg"), none; } .em-flag-vi { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1ee.png"); } .em-flag-vi.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1ee.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1ee.svg"), none; } .em-flag-vn { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1f3.png"); } .em-flag-vn.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1f3.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1f3.svg"), none; } .em-flag-vu { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1fa.png"); } .em-flag-vu.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fb-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fb-1f1fa.svg"), none; } .em-flag-wales { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"); } .em-flag-wales.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.svg"), none; } .em-flag-wf { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fc-1f1eb.png"); } .em-flag-wf.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fc-1f1eb.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fc-1f1eb.svg"), none; } .em-flag-ws { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fc-1f1f8.png"); } .em-flag-ws.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fc-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fc-1f1f8.svg"), none; } .em-flag-xk { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fd-1f1f0.png"); } .em-flag-xk.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fd-1f1f0.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fd-1f1f0.svg"), none; } .em-flag-ye { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fe-1f1ea.png"); } .em-flag-ye.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fe-1f1ea.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fe-1f1ea.svg"), none; } .em-flag-yt { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fe-1f1f9.png"); } .em-flag-yt.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fe-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fe-1f1f9.svg"), none; } .em-flag-za { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ff-1f1e6.png"); } .em-flag-za.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ff-1f1e6.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ff-1f1e6.svg"), none; } .em-flag-zm { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ff-1f1f2.png"); } .em-flag-zm.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ff-1f1f2.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ff-1f1f2.svg"), none; } .em-flag-zw { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ff-1f1fc.png"); } .em-flag-zw.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ff-1f1fc.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ff-1f1fc.svg"), none; } .em-flag-fr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f7.png"); } .em-flag-fr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1eb-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1eb-1f1f7.svg"), none; } .em-flag-gb { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1e7.png"); } .em-flag-gb.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ec-1f1e7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ec-1f1e7.svg"), none; } .em-flag-it { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f9.png"); } .em-flag-it.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ee-1f1f9.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ee-1f1f9.svg"), none; } .em-flag-jp { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1f5.png"); } .em-flag-jp.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1ef-1f1f5.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1ef-1f1f5.svg"), none; } .em-flag-kr { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f7.png"); } .em-flag-kr.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f0-1f1f7.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f0-1f1f7.svg"), none; } .em-flag-ru { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1fa.png"); } .em-flag-ru.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1f7-1f1fa.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1f7-1f1fa.svg"), none; } .em-flag-us { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1f8.png"); } .em-flag-us.em-svg { background: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/1f1fa-1f1f8.png"); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f1fa-1f1f8.svg"), none; } /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/GridSection/grid_section.scss (2) ***! \*************************************************************************************************************************************************/ .grid-section { position: relative; box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1); background-color: #fff; padding: 1rem; overflow: hidden; } .grid-section-gray { background-color: #f2f3f3; } /*!*********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/HealthIndicator/health_indicator.scss (2) ***! \*********************************************************************************************************************************************************/ .health-indicator { border-radius: 2px; font-weight: bold; padding: 0.3rem; display: flex; justify-content: center; } .health-indicator.healthy { background-color: #eaf7ef; } .health-indicator.critical { background-color: #fcebed; } .health-indicator.major { background-color: #f9ecd6; } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/LabelledInput.scss (2) ***! \*********************************************************************************************************************************************/ .labelled-input__wrapper { position: relative; } .labelled-input { font-size: .75rem; line-height: 1em; position: relative; display: flex; flex-flow: row nowrap; align-items: center; border: 1px solid #b3b3b3; padding: 0 .25rem; overflow: hidden; -moz-appearance: textfield; transition: all 200ms; } .labelled-input:focus-within { box-shadow: 0 0 0 1px #009bc2 !important; border-color: #009bc2 !important; background: #e5f6fb !important; } .labelled-input.labelled-input--has-error { border-color: red; margin-bottom: .75rem; } .labelled-input.labelled-input--has-error .labelled-input__label { color: red; } .labelled-input .labelled-input__input-container { flex: 1 1 100%; color: inherit; font-weight: inherit; font-size: 1em; } .labelled-input .labelled-input__input { flex: 1 1 auto; text-align: right; font-size: inherit; font-family: unset; font-weight: inherit; border: none; outline: none; color: inherit; line-height: 1.2; width: 100%; background: inherit; } .labelled-input .labelled-input__input::-webkit-outer-spin-button, .labelled-input .labelled-input__input::-webkit-inner-spin-button { -webkit-appearance: none; } .labelled-input .labelled-input__label { flex: 0; padding: 0 0 0 .25em; text-align: center; font-size: inherit; } .labelled-input.labelled-input--label-left { flex-direction: row-reverse; } .labelled-input.labelled-input--label-left .labelled-input__label { padding: 0 .25em 0 0; } .labelled-input__error { position: absolute; color: red; font-size: .625rem; top: 70%; white-space: nowrap; } .labelled-input__error .labelled-input__label { padding: 0 .25em 0 0; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/LoadingOverlay/LoadingOverlay.scss ***! \**************************************************************************************************************************************************/ .loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); z-index: 1; margin: auto 0; } .loading-overlay__positioning { display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; max-height: 50vh; text-align: center; } /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Notification/Notification.scss ***! \**********************************************************************************************************************************************/ .notification { width: 100%; position: relative; display: flex; flex-flow: row nowrap; align-items: center; padding: 8px 18px 8px 8px; border-bottom: 1px solid transparent; } .notification .icon { font-size: 1.5rem; } .notification__content { color: #333636; font-size: 14px; line-height: 18px; padding-left: 10px; flex: 1 1 auto; } .notification__dismiss-button.button { overflow: visible; color: #aaa; transition: color 200ms; } .notification__dismiss-button.button:hover { color: #333; } .notification__dismiss-button.button .icon.icon-close { font-size: .75rem; color: inherit; } .notification__dismiss-button.button .icon.icon-close svg { fill: currentColor; animation: none; } .notification--error { background-color: #FDEDEE; border-bottom-color: #ED021E; } .notification--error svg { fill: #ED021E; } .notification--info { background-color: rgba(97, 171, 43, 0.25); border-bottom-color: #0D7137; } .notification--info svg { fill: #0D7137; } .notification--success { background-color: #EAF7EF; border-bottom-color: #30A259; } .notification--success svg { fill: #257D45; } .notification--warning { background-color: #FDF6ED; border-bottom-color: #ED8702; } .notification--warning svg { fill: #A55E01; } .notification.cookie-banner { transition: all 800ms; z-index: 3; animation: none; opacity: 1; } .notification.cookie-banner.fadeOutUp { margin-top: -1em; opacity: 0; } /*!****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/animate.scss ***! \****************************************************************************************************************/ /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/NotificationArea/NotificationArea.scss ***! \******************************************************************************************************************************************************/ .notification-area { height: 100%; position: relative; display: flex; line-height: 3.5rem; } .notification-area__button.button { padding: 1rem; font-size: 1.5rem; display: inline-block; } /*!*****************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/page.scss ***! \*****************************************************************************************************************************/ .page-content { margin: 0 auto; padding: 2em 0 6em; width: 90%; } .page-header { color: #747A7A; font-size: 28px; font-weight: 500; width: 100%; } .header-wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-top: 1.95rem; margin-bottom: 1.3rem; line-height: 1.3; } .header-wrap.--sticky { position: sticky; top: 0; background: #fff; margin: .45rem 0 .3rem; padding: 1.5rem 0 1rem; z-index: 1; } .header-wrap h1, .header-wrap h2, .header-wrap h3, .header-wrap h4, .header-wrap h5, .header-wrap h6 { margin: 0; } [aria-hidden="true"] { visibility: hidden; } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Pager/Pager.scss (2) ***! \************************************************************************************************************************************/ .pager { list-style: none; padding: 0; margin: .5em 0; -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .pager li { display: inline-block; width: 40px; height: 40px; margin: 0 2px; border-radius: 4px; box-shadow: none; background-color: #fff; color: #0d7137; border: 1px solid #fff; transition: border-color 150ms; padding: 0; text-align: center; line-height: 38px; cursor: pointer; overflow: hidden; } .pager li.disabled { opacity: .7; color: #c0c3c3; outline: none; cursor: default; } .pager li.disabled a { outline: none; } .pager li.disabled .icon { color: #c0c3c3; } .pager li a { display: inline-block; color: inherit; background-color: inherit; width: 100%; height: 100%; } .pager li a .icon { padding: 0; } .pager li:hover:not(.disabled) { background-color: #fff; border-color: #0d7137; } .pager li.active, .pager li.active:hover { background-color: #0d7137; color: #fff; } .pager.isLoading li, .pager.isLoading a { opacity: .7; cursor: wait; } .pager-row { display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; align-items: center; } .pager-status { color: #878A8B; font-size: 14px; padding: 6px 0; } /*!*************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/popover/style/index.css ***! \*************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-popover { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: left; cursor: auto; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ant-popover-content { position: relative; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 15.3137085px; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 15.3137085px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 15.3137085px; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 15.3137085px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #f0f0f0; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0, 0, 0, 0.85); } .ant-popover-message { position: relative; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-popover-message > .anticon { position: absolute; top: 8.0005px; color: #faad14; font-size: 14px; } .ant-popover-message-title { padding-left: 22px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button:not(:first-child) { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 22px; height: 22px; overflow: hidden; background: transparent; pointer-events: none; } .ant-popover-arrow-content { --antd-arrow-background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 11.3137085px; height: 11.3137085px; margin: auto; content: ''; pointer-events: auto; border-radius: 0 0 2px; pointer-events: none; } .ant-popover-arrow-content::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: var(--antd-arrow-background-color); background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-popover-placement-top .ant-popover-arrow, .ant-popover-placement-topLeft .ant-popover-arrow, .ant-popover-placement-topRight .ant-popover-arrow { bottom: 0; transform: translateY(100%); } .ant-popover-placement-top .ant-popover-arrow-content, .ant-popover-placement-topLeft .ant-popover-arrow-content, .ant-popover-placement-topRight .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-11px) rotate(45deg); } .ant-popover-placement-top .ant-popover-arrow { left: 50%; transform: translateY(100%) translateX(-50%); } .ant-popover-placement-topLeft .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight .ant-popover-arrow { right: 16px; } .ant-popover-placement-right .ant-popover-arrow, .ant-popover-placement-rightTop .ant-popover-arrow, .ant-popover-placement-rightBottom .ant-popover-arrow { left: 0; transform: translateX(-100%); } .ant-popover-placement-right .ant-popover-arrow-content, .ant-popover-placement-rightTop .ant-popover-arrow-content, .ant-popover-placement-rightBottom .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(11px) rotate(135deg); } .ant-popover-placement-right .ant-popover-arrow { top: 50%; transform: translateX(-100%) translateY(-50%); } .ant-popover-placement-rightTop .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom .ant-popover-arrow, .ant-popover-placement-bottomLeft .ant-popover-arrow, .ant-popover-placement-bottomRight .ant-popover-arrow { top: 0; transform: translateY(-100%); } .ant-popover-placement-bottom .ant-popover-arrow-content, .ant-popover-placement-bottomLeft .ant-popover-arrow-content, .ant-popover-placement-bottomRight .ant-popover-arrow-content { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06); transform: translateY(11px) rotate(-135deg); } .ant-popover-placement-bottom .ant-popover-arrow { left: 50%; transform: translateY(-100%) translateX(-50%); } .ant-popover-placement-bottomLeft .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight .ant-popover-arrow { right: 16px; } .ant-popover-placement-left .ant-popover-arrow, .ant-popover-placement-leftTop .ant-popover-arrow, .ant-popover-placement-leftBottom .ant-popover-arrow { right: 0; transform: translateX(100%); } .ant-popover-placement-left .ant-popover-arrow-content, .ant-popover-placement-leftTop .ant-popover-arrow-content, .ant-popover-placement-leftBottom .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-11px) rotate(-45deg); } .ant-popover-placement-left .ant-popover-arrow { top: 50%; transform: translateX(100%) translateY(-50%); } .ant-popover-placement-leftTop .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom .ant-popover-arrow { bottom: 12px; } .ant-popover-pink .ant-popover-inner { background-color: #eb2f96; } .ant-popover-pink .ant-popover-arrow-content { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-inner { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-arrow-content { background-color: #eb2f96; } .ant-popover-red .ant-popover-inner { background-color: #f5222d; } .ant-popover-red .ant-popover-arrow-content { background-color: #f5222d; } .ant-popover-volcano .ant-popover-inner { background-color: #fa541c; } .ant-popover-volcano .ant-popover-arrow-content { background-color: #fa541c; } .ant-popover-orange .ant-popover-inner { background-color: #fa8c16; } .ant-popover-orange .ant-popover-arrow-content { background-color: #fa8c16; } .ant-popover-yellow .ant-popover-inner { background-color: #fadb14; } .ant-popover-yellow .ant-popover-arrow-content { background-color: #fadb14; } .ant-popover-gold .ant-popover-inner { background-color: #faad14; } .ant-popover-gold .ant-popover-arrow-content { background-color: #faad14; } .ant-popover-cyan .ant-popover-inner { background-color: #13c2c2; } .ant-popover-cyan .ant-popover-arrow-content { background-color: #13c2c2; } .ant-popover-lime .ant-popover-inner { background-color: #a0d911; } .ant-popover-lime .ant-popover-arrow-content { background-color: #a0d911; } .ant-popover-green .ant-popover-inner { background-color: #52c41a; } .ant-popover-green .ant-popover-arrow-content { background-color: #52c41a; } .ant-popover-blue .ant-popover-inner { background-color: #1890ff; } .ant-popover-blue .ant-popover-arrow-content { background-color: #1890ff; } .ant-popover-geekblue .ant-popover-inner { background-color: #2f54eb; } .ant-popover-geekblue .ant-popover-arrow-content { background-color: #2f54eb; } .ant-popover-purple .ant-popover-inner { background-color: #722ed1; } .ant-popover-purple .ant-popover-arrow-content { background-color: #722ed1; } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-title { padding-right: 22px; padding-left: 16px; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 8px; margin-left: 0; } /*!************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/button/style/index.css ***! \************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .ant-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .ant-btn > a:only-child { color: currentcolor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentcolor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn:active > a:only-child { color: currentcolor; } .ant-btn:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentcolor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active { text-decoration: none; background: #fff; } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: #fff; border-color: #1890ff; background: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; border-color: #40a9ff; background: #40a9ff; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active { color: #fff; border-color: #096dd9; background: #096dd9; } .ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: transparent; } .ant-btn-ghost > a:only-child { color: currentcolor; } .ant-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentcolor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .ant-btn-ghost:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentcolor; } .ant-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentcolor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .ant-btn-dashed:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #1890ff; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text { color: rgba(0, 0, 0, 0.85); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-text:active { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; background: #fff; } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; background: #fff; } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; background: #fff; } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #ff7875; border-color: transparent; background: rgba(0, 0, 0, 0.018); } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #d9363e; border-color: transparent; background: rgba(0, 0, 0, 0.028); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 2px; vertical-align: -3px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 4.9px 0; font-size: 18px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0px 0; font-size: 14px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } .ant-btn-icon-only .anticon-loading { padding: 0 !important; } a.ant-btn-icon-only { vertical-align: -1px; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 6.4px 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0px 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { position: relative; cursor: default; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 8px; animation: none; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: loadingCircle 1s infinite linear; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -1px; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn.ant-btn-background-ghost { color: #fff; border-color: #fff; } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus { background: transparent; } .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn.ant-btn-background-ghost:active { color: #096dd9; border-color: #096dd9; } .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; border-color: #096dd9; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } a.ant-btn { padding-top: 0.01px !important; line-height: 30px; } a.ant-btn-disabled { cursor: not-allowed; } a.ant-btn-disabled > * { pointer-events: none; } a.ant-btn-disabled, a.ant-btn-disabled:hover, a.ant-btn-disabled:focus, a.ant-btn-disabled:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } a.ant-btn-disabled > a:only-child, a.ant-btn-disabled:hover > a:only-child, a.ant-btn-disabled:focus > a:only-child, a.ant-btn-disabled:active > a:only-child { color: currentcolor; } a.ant-btn-disabled > a:only-child::after, a.ant-btn-disabled:hover > a:only-child::after, a.ant-btn-disabled:focus > a:only-child::after, a.ant-btn-disabled:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: #d9d9d9; border-left-color: #40a9ff; } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 8px; margin-left: 0; } /*!**************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Radios/radios.scss (2) ***! \**************************************************************************************************************************************/ .ant-radio-wrapper { color: #393e46; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; } .ant-radio-wrapper .right { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); } .ant-radio-wrapper:hover .ant-radio .ant-radio-inner.ant-radio-inner { border-color: #61ab2b; } .ant-radio-wrapper-checked { font-weight: bold; } .ant-radio { margin-left: 6px; vertical-align: -0.125rem; } .ant-radio .ant-radio-inner { border-width: 2px; } .ant-radio.ant-radio-checked .ant-radio-inner { border-color: #61ab2b; background-color: #61ab2b; } .ant-radio.ant-radio-checked .ant-radio-inner::after { top: 2px; left: 2px; background-color: #fff; } .ant-radio.ant-radio:hover .ant-radio-inner, .ant-radio.ant-radio-focused .ant-radio-inner { border-color: #61ab2b; } .radio-group { margin-bottom: 2rem; } .radio-group .ant-radio-wrapper { display: block; height: 2.625rem; padding-left: 1rem; line-height: 2.625rem; } .ant-radio-disabled .ant-radio-inner.ant-radio-inner { border-color: #cccfcf !important; background-color: #f2f3f3; } .ant-radio-disabled + span { color: #b3b7b7; } .ant-radio-disabled.ant-radio-checked .ant-radio-inner.ant-radio-inner { background-color: #cccfcf; } .radio-accordion-header .ant-radio-wrapper { background-color: #f2f3f3; border-top: 1px solid #9a9f9f; width: 100%; transition: 0.2s; } .radio-accordion-header .ant-radio-wrapper:last-child { border-bottom: 1px solid #9a9f9f; } .radio-accordion-header .ant-radio-wrapper:hover { background-color: #e2e4e4; } .radio-accordion-header .ant-radio-wrapper-checked { background-color: #61ab2b; border-color: #61ab2b; } .radio-accordion-header .ant-radio-wrapper-checked:hover { background-color: #539325; } .ant-radio-group .ant-radio-button-wrapper:hover { color: #61ab2b; } .ant-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled):first-child { border-radius: 4px 0 0 4px; } .ant-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled):last-child { border-radius: 0 4px 4px 0; } .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked, .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover { background-color: #61ab2b; border-color: #61ab2b; color: #fff; } .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { background-color: #539325; } /*!***********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/radio/style/index.css ***! \***********************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-flex; align-items: baseline; margin-right: 8px; cursor: pointer; } .ant-radio-wrapper-disabled { cursor: not-allowed; } .ant-radio-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] { width: 14px; height: 14px; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; display: inline-block; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 16px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio.ant-radio-disabled .ant-radio-inner { border-color: #d9d9d9; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner::after { transform: scale(0.5); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { border-right-color: #40a9ff; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/SearchInput.scss (2) ***! \*******************************************************************************************************************************************/ .search-input { height: 100%; position: relative; display: flex; line-height: 3.5rem; background-color: #f8f9f9; border-left: 1px solid #cccfcf; border-right: 1px solid #cccfcf; transition: all 200ms; } .search-input.search-input--errored { background-color: #FCEDEE; border-bottom: 1px solid red; color: #000; } .search-input.search-input--errored .icon-exclamation-point-circle-outline { color: red; } .search-input.search-input--errored .search-input__error-label { color: red; font-size: 11px; font-weight: bold; display: inline; line-height: 3.5em; height: 1em; } .search-input.search-input--collapsed { background-color: transparent; border: none; } .search-input.search-input--collapsed .search-input__input, .search-input.search-input--collapsed .search-input__error-label { display: none; } .search-input.search-input--expanded:focus-within { box-shadow: 0 0 0 1px #009bc2; border-color: #009bc2; background-color: #e5f1f8; } .search-input__button.button { padding: 1rem; } .search-input__icon { font-size: 2em; } .search-input__form { vertical-align: top; display: inline-flex; flex-flow: column nowrap; justify-content: space-around; height: 100%; padding: 0; font-size: 14px; width: 240px; transition: width 200ms; } .search-input--collapsed .search-input__form { width: 0; } .search-input__input { height: 100%; background: transparent; border: none; color: #393e46; outline: none; font-size: .875rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; } .search-input__input::placeholder { color: #999; } .search-input__cancel { position: absolute; right: 2rem; z-index: 2; } /*!************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/slider/style/index.css ***! \************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-slider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; height: 12px; margin: 10px 6px 10px; padding: 4px 0; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .ant-slider-vertical .ant-slider-rail { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 4px; } .ant-slider-vertical .ant-slider-handle { margin-top: -6px; margin-left: -5px; } .ant-slider-vertical .ant-slider-mark { top: 0; left: 12px; width: 18px; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 4px; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; margin-left: -2px; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { margin-right: -5px; margin-left: 0; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { right: 12px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { right: 4px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { right: 2px; left: auto; } .ant-slider-with-marks { margin-bottom: 28px; } .ant-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #f5f5f5; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #91d5ff; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #91d5ff; border-radius: 50%; box-shadow: 0; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle-dragging { z-index: 1; } .ant-slider-handle:focus { border-color: #46a6ff; outline: none; box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); } .ant-slider-handle.ant-tooltip-open { border-color: #1890ff; } .ant-slider-handle::after { position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; content: ''; } .ant-slider:hover .ant-slider-rail { background-color: #e1e1e1; } .ant-slider:hover .ant-slider-track { background-color: #69c0ff; } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: #69c0ff; } .ant-slider-mark { position: absolute; top: 14px; left: 0; width: 100%; font-size: 14px; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-slider-mark-text-active { color: rgba(0, 0, 0, 0.85); } .ant-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; pointer-events: none; } .ant-slider-dot { position: absolute; top: -2px; width: 8px; height: 8px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .ant-slider-dot-active { border-color: #8cc8ff; } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-rail { background-color: #f5f5f5 !important; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: #fff; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: none; cursor: not-allowed; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-slider-rtl { direction: rtl; } .ant-slider-rtl .ant-slider-mark { right: 0; left: auto; } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/sliders/sliders.scss ***! \************************************************************************************************************************************/ /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tables/SortableTable.scss ***! \*****************************************************************************************************************************************/ @charset "UTF-8"; .sortable-table { width: 100%; text-align: left; border-collapse: collapse; } .sortable-table th { background: #fff; border-bottom: 1px solid #C0C3C3; color: #818888; font-size: .75rem; font-weight: 500; text-transform: uppercase; padding: .25rem .75rem .25rem 0; cursor: pointer; white-space: nowrap; position: sticky; top: 0; } .sortable-table th.--not-sortable { cursor: default; } .sortable-table td { font-size: 0.875rem; padding: 0.625rem .75rem 0.625rem 0; vertical-align: top; line-height: 1.3; } .sortable-table .sortable-table-group-header { color: #007997; background-color: #F2F3F3; text-transform: uppercase; font-weight: 500; font-size: .675rem; margin: 0; padding: .5rem; border-bottom: 1px solid #ddd; position: sticky; top: 1.5rem; } .sortable-table-column__header::after { content: ' '; position: absolute; margin-left: .15rem; } .sortable-table-column__header.--sort-descending::after { content: '↓'; } .sortable-table-column__header.--sort-ascending::after { content: '↑'; } .sortable-table--selectable .sortable-table-row { cursor: pointer; } .sortable-table-column__stacked-header div { display: inline-block; } .sortable-table__context-menu { color: #404444; font-size: .875rem; text-transform: capitalize; } .sortable-table__context-menu .context-menu-item--unselected .react-contexify__item__content { padding-left: 2.5rem; } .sortable_table_column_data--primary { font-weight: 500; line-height: 1.2; } .sortable_table_column_data--secondary { font-size: .75rem; margin-top: .25rem; } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/StatusDot/status_dot.scss (2) ***! \*********************************************************************************************************************************************/ .status-dot { color: #b3b7b7; } .status-dot.blue { color: #0069ab; } .status-dot.green { color: #30a259; } .status-dot.yellow { color: #f4a622; } .status-dot.red { color: #ed021e; } /*!********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Steps/Steps.scss ***! \********************************************************************************************************************************/ .steps { display: flex; justify-content: space-between; flex-flow: row nowrap; font-size: .875rem; margin-bottom: 2rem; } .steps__step { flex: 1 1; position: relative; text-align: center; } .steps__step--pending .steps__step-badge { background-color: #E5E7E7; color: #333636; } .steps__step--pending .steps__step-title { color: #333636; } .steps__step--current .steps__step-badge { background-color: #0075BF; color: #fff; } .steps__step--current .steps__step-title { color: #0069AB; font-weight: 500; } .steps__step--completed .steps__step-badge { background-color: #30A259; } .steps__step--completed .steps__step-badge .icon { color: #fff; } .steps__step--completed .steps__step-title { color: #257D45; font-weight: 500; } .steps__step--completed .icon-checkmark { font-size: 1.5rem; } .steps__step + .steps__step::after { content: ' '; display: block; position: absolute; width: 100%; border-top: 1px dashed #0069AB; right: 50%; top: 0.75rem; z-index: -1; } .steps__step-badge { width: 1.5rem; height: 1.5rem; border-radius: 50%; display: inline-block; line-height: 1.5rem; margin-bottom: .25rem; } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Support/Support.scss ***! \************************************************************************************************************************************/ .support-band { margin: 3em auto 0; font-weight: normal; color: #747A7A; font-size: .9375rem; text-align: center; } .support-band .icon-support { font-size: 1.5rem; display: inline-block; vertical-align: middle; margin-right: .2em; margin-top: -2px; } .support-band .support__text--need-help { font-weight: 500; } .support-band .support__link { margin: 0 4px; white-space: nowrap; } /*!**************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/dropdown/style/index.css ***! \**************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #ff4d4f; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: #fff; background-color: #ff4d4f; } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -4px; right: 0; bottom: -4px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 10px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden { display: none; } .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-top, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { padding-bottom: 15.3137085px; } .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottom, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { padding-top: 15.3137085px; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 11.3137085px; height: 11.3137085px; border-radius: 0 0 2px; pointer-events: none; } .ant-dropdown-arrow::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: #fff; background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-dropdown-placement-top > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 10px; box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } .ant-dropdown-placement-top > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-bottom > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 9.41421356px; box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); transform: rotate(-135deg) translateY(-0.5px); } .ant-dropdown-placement-bottom > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(-135deg) translateY(-0.5px); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item { position: relative; display: flex; align-items: center; } .ant-dropdown-menu-item-icon { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-title-content { flex: auto; } .ant-dropdown-menu-title-content > a { color: inherit; transition: all 0.3s; } .ant-dropdown-menu-title-content > a:hover { color: inherit; } .ant-dropdown-menu-title-content > a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-item.ant-dropdown-menu-item-active, .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active { background-color: #f5f5f5; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a { pointer-events: none; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-right: 0 !important; color: rgba(0, 0, 0, 0.45); font-size: 10px; font-style: normal; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 24px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 10px; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { cursor: default; pointer-events: none; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { display: block; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1890ff; } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -7px; left: 0; } .ant-dropdown-menu.ant-dropdown-menu-rtl { direction: rtl; text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0; margin-left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 12px; padding-left: 24px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0; margin-right: 4px; margin-left: 0; } /*!*********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/tag/style/index.css ***! \*********************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tag { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; opacity: 1; transition: all 0.3s; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag-close-icon { margin-left: 3px; color: rgba(0, 0, 0, 0.45); font-size: 10px; cursor: pointer; transition: all 0.3s; } .ant-tag-close-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; cursor: pointer; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1890ff; } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: #fff; } .ant-tag-checkable-checked { background-color: #1890ff; } .ant-tag-checkable:active { background-color: #096dd9; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #cf1322; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #d4380d; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #d46b08; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #d4b106; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #d48806; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #08979c; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #7cb305; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #389e0d; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #096dd9; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #1d39c4; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #531dab; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-tag-success { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-processing { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-error { color: #ff4d4f; background: #fff2f0; border-color: #ffccc7; } .ant-tag-warning { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag > .anticon + span, .ant-tag > span + .anticon { margin-left: 7px; } .ant-tag.ant-tag-rtl { margin-right: 0; margin-left: 8px; direction: rtl; text-align: right; } .ant-tag-rtl .ant-tag-close-icon { margin-right: 3px; margin-left: 0; } .ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon { margin-right: 7px; margin-left: 0; } /*!**************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/inputs.scss (2) ***! \**************************************************************************************************************************************/ .tagged-input { width: 100%; position: relative; } .tagged-input input { width: 100%; } .tagged-input button { background-color: #fff; position: absolute; right: 0; box-shadow: none; border: 1px solid #9a9f9f; border-radius: 4px; padding: 0.1rem 0 0 0.2rem; line-height: 1; white-space: nowrap; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 1rem; color: #9a9f9f; transition: 0.2s; } .tagged-input button:hover { background-color: #404444; border-color: #404444; } .tagged-input button.focus { border-color: #404444; } .tagged-input button .icon { display: block; } .tagged-input button .icon svg { width: 1.8rem; height: 1.8rem; } /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/inputs/TextInput.scss (2) ***! \*****************************************************************************************************************************************/ .text-input { position: relative; height: 50px; font-size: .875rem; border: 1px solid #cccfcf; border-radius: 5px; overflow: hidden; display: flex; flex-flow: row nowrap; align-items: center; } .text-input--has-error { border-color: red; overflow: visible; } .text-input--small { height: 2.5rem; } .text-input--no-height { height: unset; } .text-input--no-height .text-input__input-wrapper { height: unset; } .text-input:focus-within { box-shadow: 0 0 0 1px #009bc2 !important; border-color: #009bc2 !important; background: #e5f6fb !important; } .text-input .text-input__error { position: absolute; left: 0; top: 100%; font-size: .625rem; } .text-input__input-wrapper { position: relative; flex: 1 1 100%; height: 100%; color: #111; z-index: 0; display: flex; } .text-input__input { color: inherit; width: 100%; height: 100%; border: none; outline: none; padding: .7rem 0.625rem 0; font-size: 14px; z-index: 0; background: transparent; } .text-input__input.text-input__input--disabled { background: #f3f3f3; color: #747A7A; opacity: .9; } .text-input__input.text-input__input--disabled:focus { background: #e5f6fb !important; } .text-input__input.text-input__input--textarea { padding-top: 1.125rem; } .text-input__input.text-input__input--is-clearable { padding-right: 2rem; } .text-input__input.text-input__input--has-label::placeholder { color: #999; opacity: .75; transition: opacity 250ms; } .text-input__input.text-input__input--has-label:not([readonly]):not(:focus)::placeholder { opacity: 0; } .text-input__label { position: absolute; font-size: .875rem; top: 50%; left: .625rem; white-space: nowrap; transition: all 300ms; transform: translateY(-50%); width: calc(100% - 1rem); overflow: hidden; text-overflow: ellipsis; z-index: -1; color: #747A7A; } .text-input__input:focus + .text-input__label, .text-input__input--has-value + .text-input__label { top: 25%; font-size: .625rem; font-weight: bold; z-index: 1; } .text-input__input--textarea + .text-input__label { top: 1rem; } .text-input__input--textarea:focus + .text-input__label, .text-input__input--has-value.text-input__input--textarea + .text-input__label { top: .625rem; } .text-input__label.text-input__label--disabled { color: #545454; z-index: 1; } .text-input__error { color: red; margin-top: 7px; } .text-input--has-icon { display: flex; } .text-input--has-icon .text-input__label { width: calc(100% - 3rem); } .text-input--has-icon .text-input__icon { flex: 0 0 2rem; font-size: 1.5rem; text-align: center; } .text-input--has-icon.text-input--has-error .text-input__icon { color: red !important; } .button.button.text-input__clear-button { position: absolute; right: 0; margin: 0; padding: 0; height: 100%; width: 2rem; text-align: center; } .button.button.text-input__clear-button .icon { font-size: .625rem; color: #cccccc; } .button.button.text-input__clear-button:hover .icon { color: #999999; } .button.button.text-input__clear-button svg { stroke: currentColor; stroke-width: 2.5px; } /*!**************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/timeline/style/index.css ***! \**************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-timeline { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; margin: 0; padding: 0; list-style: none; } .ant-timeline-item { position: relative; margin: 0; padding-bottom: 20px; font-size: 14px; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left: 2px solid #f0f0f0; } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px; } .ant-timeline-item-head-blue { color: #1890ff; border-color: #1890ff; } .ant-timeline-item-head-red { color: #ff4d4f; border-color: #ff4d4f; } .ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a; } .ant-timeline-item-head-gray { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; transform: translate(-50%, -50%); } .ant-timeline-item-content { position: relative; top: -7.001px; margin: 0 0 0 26px; word-break: break-word; } .ant-timeline-item-last > .ant-timeline-item-tail { display: none; } .ant-timeline-item-last > .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-left: -4px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-left: 1px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { left: calc(100% - 4px - 2px); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-label .ant-timeline-item-label { position: absolute; top: -7.001px; width: calc(50% - 12px); text-align: right; } .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { left: calc(50% + 14px); width: calc(50% - 14px); text-align: left; } .ant-timeline-rtl { direction: rtl; } .ant-timeline-rtl .ant-timeline-item-tail { right: 4px; left: auto; border-right: 2px solid #f0f0f0; border-left: none; } .ant-timeline-rtl .ant-timeline-item-head-custom { right: 5px; left: auto; transform: translate(50%, -50%); } .ant-timeline-rtl .ant-timeline-item-content { margin: 0 18px 0 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { right: 50%; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-right: -4px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-right: 1px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { right: calc(50% - 4px); left: auto; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { right: 0; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: 100%; margin-right: 18px; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { right: calc(50% + 14px); text-align: right; } /*!**************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Timeline/Timeline.scss ***! \**************************************************************************************************************************************/ .ant-timeline-item-head .icon { font-size: 1.5rem; } .timeline-item__label { font-size: 1.125rem; font-weight: 400; } .timeline-item__description { font-size: .75rem; color: #5A5F5F; } /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Toggles/toggle.scss (2) ***! \***************************************************************************************************************************************/ .toggle { display: inline-block; position: relative; height: 1.25rem; text-indent: 2.75rem; font-size: 1rem; font-weight: 500; } .toggle input { display: none; } .toggle input:checked + .slider { background-color: #61ab2b; } .toggle input:checked + .slider::before { transform: translateX(0.75rem); } .toggle .slider { position: absolute; width: 2rem; top: 0; bottom: 0; left: 0; right: 0; border-radius: 1.25rem; background-color: #c0c3c3; cursor: pointer; transition: 0.4s; } .toggle .slider::before { content: ''; position: absolute; width: 1rem; height: 1rem; left: 0.125rem; border-radius: 50%; bottom: 0.125rem; background-color: #fff; transition: 0.4s; } .toggle.disabled .slider { background-color: #cccfcf; cursor: not-allowed; } .toggle.disabled .slider::before { background-color: #f2f3f3; } .toggle.disabled input:checked + .slider { background-color: #cccfcf; } .toggle.small { height: 0.885rem; text-indent: 2.135rem; font-size: 0.75rem; } .toggle.small input:checked + .slider ::before { transform: translateX(0.615rem); } .toggle.small .slider { width: 1.5rem; border-radius: 0.885rem; } .toggle.small .slider::before { width: 0.75rem; height: 0.75rem; left: 0.0675rem; bottom: 0.0675rem; } /*!**********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/tabs/style/index.css ***! \**********************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 8px 0; font-size: 14px; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 16px 0; font-size: 16px; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 6px 16px; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 7px 16px 6px; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-right: 2px; margin-left: 0; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add { margin-right: 2px; margin-left: 0; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0 0 16px 0; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 2px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0; box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { order: 1; margin-top: 16px; margin-bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { flex-direction: column; min-width: 50px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin: 16px 0 0 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0; box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0; box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 2px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 24px; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 24px; } .ant-tabs-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tabs-dropdown-menu-item { display: flex; align-items: center; min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-tabs-dropdown-menu-item > span { flex: 1; white-space: nowrap; } .ant-tabs-dropdown-menu-item-remove { flex: none; margin-left: 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: 0; cursor: pointer; } .ant-tabs-dropdown-menu-item-remove:hover { color: #40a9ff; } .ant-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; background: #fff; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-left: 2px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 2px 0 0; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: #fff; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 0 2px 2px; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: #fff; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-top: 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 0 0 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: #fff; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 2px 2px 0; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: #fff; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: flex; flex: none; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: inline-block; display: flex; flex: auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ''; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: flex; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; transform: translateY(100%); content: ''; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 40px; margin-left: 2px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: #40a9ff; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: #096dd9; } .ant-tabs-extra-content { flex: none; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #1890ff; pointer-events: none; } .ant-tabs-tab { position: relative; display: inline-flex; align-items: center; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: #096dd9; } .ant-tabs-tab-btn { outline: none; transition: all 0.3s; } .ant-tabs-tab-remove { flex: none; margin-right: -4px; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: none; outline: none; cursor: pointer; transition: all 0.3s; } .ant-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #1890ff; text-shadow: 0 0 0.25px currentcolor; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-tab .anticon { margin-right: 12px; } .ant-tabs-tab + .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-content { position: relative; width: 100%; } .ant-tabs-content-holder { flex: auto; min-width: 0; min-height: 0; } .ant-tabs-tabpane { outline: none; } .ant-tabs-tabpane-hidden { display: none; } .ant-tabs-switch-appear, .ant-tabs-switch-enter { transition: none; } .ant-tabs-switch-appear-start, .ant-tabs-switch-enter-start { opacity: 0; } .ant-tabs-switch-appear-active, .ant-tabs-switch-enter-active { opacity: 1; transition: opacity 0.3s; } .ant-tabs-switch-leave { position: absolute; transition: none; inset: 0; } .ant-tabs-switch-leave-start { opacity: 1; } .ant-tabs-switch-leave-active { opacity: 0; transition: opacity 0.3s; } /*!**********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tabs/tabs.scss (2) ***! \**********************************************************************************************************************************/ .ant-tabs { flex: 1 0 auto; display: flex; flex-direction: column; font-family: unset; font-size: unset; line-height: unset; color: unset; box-sizing: inherit; list-style: inherit; zoom: unset; } .ant-tabs .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active { color: #393e46; } .ant-tabs .ant-tabs-ink-bar { height: 4px; background-color: #0d7137; z-index: 0; } .ant-tabs .ant-tabs-nav { color: #5a5f5f; margin-bottom: 1.5rem; } .ant-tabs .ant-tabs-nav::before { border-bottom-color: #b3b7b7; } .ant-tabs .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: .5rem 1.5rem; } .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover { color: #393e46; } .ant-tabs .ant-tabs-nav .ant-tabs-tab-btn { font-size: .875rem; } .ant-tabs .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn { color: #393e46; text-shadow: none; font-weight: 500; } .ant-tabs .ant-tabs-nav .ant-tabs-tab-disabled { color: #9a9f9f; } .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane { background-color: #fff; padding-bottom: 1rem; } .ant-tabs .ant-tabs-extra-content .ant-tabs-new-tab:hover { color: #393e46; border-color: #393e46; } .ant-tabs .tab-container { margin-top: 2.875rem; margin-bottom: 2.875rem; padding: 0; } .ant-tabs .flex-tab { display: flex; flex: 1; } .ant-tabs .flex-tab .main-content { display: flex; flex: 1; flex-grow: 3; flex-direction: column; margin-right: 2rem; } .ant-tabs .ant-tabs-tab .badge { min-width: 1.9em; margin-right: 0.25em; border: 1px solid #0d7137; border-radius: 100em; background-color: #fff; } .ant-tabs .ant-tabs-tab .badge .background { display: none; } .ant-tabs .ant-tabs-tab .badge .value { color: #0d7137; } .ant-tabs .ant-tabs-tab-active .badge { color: #0d7137; border-style: solid; } .ant-tabs .ant-tabs-tab-active .badge .background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100em; } .ant-tabs .ant-tabs-tab-active .badge .value { color: #fff; position: relative; font-weight: 400; } .ant-tabs .ant-tabs-tab-disabled .badge { color: #9a9f9f; border-style: dotted; border-color: #9a9f9f; } .ant-tabs .ant-tabs-tab-disabled .badge .value { color: #9a9f9f; } .ant-tabs .ant-tabs-tab-disabled.ant-tabs-tab-active .badge { border-style: solid; color: #9a9f9f; } .ant-tabs .ant-tabs-tab-disabled.ant-tabs-tab-active .badge .value { color: #fff; } .tab-badge { display: inline-block; background-color: #0d7137; color: #f2f2f2; margin-left: .5rem; font-size: .75rem; text-align: center; line-height: 1.5em; height: 1.5em; width: 1.5em; border-radius: 50%; vertical-align: middle; font-weight: 400; } /*!*************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/tooltip/style/index.css ***! \*************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1070; display: block; width: -moz-max-content; width: max-content; width: intrinsic; max-width: 250px; visibility: visible; } .ant-tooltip-content { position: relative; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 14.3137085px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 14.3137085px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 14.3137085px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 14.3137085px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; z-index: 2; display: block; width: 22px; height: 22px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow-content { --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 11.3137085px; height: 11.3137085px; margin: auto; content: ''; pointer-events: auto; border-radius: 0 0 2px; pointer-events: none; } .ant-tooltip-arrow-content::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: var(--antd-arrow-background-color); background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: 0; transform: translateY(100%); } .ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-11px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateY(100%) translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: 0; transform: translateX(-100%); } .ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(11px) rotate(135deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateX(-100%) translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: 0; transform: translateX(100%); } .ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-11px) rotate(315deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateX(100%) translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: 0; transform: translateY(-100%); } .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateY(11px) rotate(225deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateY(-100%) translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow-content::before { background: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow-content::before { background: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow-content::before { background: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow-content::before { background: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow-content::before { background: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow-content::before { background: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow-content::before { background: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow-content::before { background: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow-content::before { background: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow-content::before { background: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow-content::before { background: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow-content::before { background: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow-content::before { background: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip-rtl .ant-tooltip-inner { text-align: right; } /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tooltips/Tooltip.scss ***! \*************************************************************************************************************************************/ .tooltip.ant-tooltip-placement-top, .tooltip.ant-tooltip-placement-topLeft, .tooltip.ant-tooltip-placement-topRight { padding: 0; } .tooltip.tooltip--full-width { max-width: none; } .tooltip.ant-tooltip-placement-top .ant-tooltip-arrow { transform: translateX(-50%) !important; } .tooltip .ant-tooltip-content { border-radius: 4px; box-shadow: 0 0 .5em; color: rgba(26, 26, 29, 0.75); background-color: rgba(26, 26, 29, 0.85); } .tooltip .ant-tooltip-arrow { top: 100%; bottom: 0; font-size: .75rem; height: 1em; width: 1em; border-left: .5em solid transparent; border-right: .5em solid transparent; border-top: .6em solid; } .tooltip .ant-tooltip-arrow::before { content: none; } .tooltip .ant-tooltip-inner { background-color: transparent; padding: .5em 1em; } /*!******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tooltips/QuoteTooltip.scss ***! \******************************************************************************************************************************************/ .tooltip.tooltip__quote-tooltip { max-width: 20rem; } .tooltip.tooltip__quote-tooltip .ant-tooltip-content { border-radius: 2px; background-color: rgba(26, 26, 29, 0.95); } .quote-tooltip { padding: 0 .5rem; } .quote-tooltip .icon { font-size: 1.25rem; } .quote-tooltip .icon-least-cost { font-size: 1rem; width: 1.25rem; margin-left: 1px; } .quote-tooltip .icon-port, .quote-tooltip .icon-calendar { margin-top: -2px; margin-right: 2px; } .quote-tooltip .icon-internet, .quote-tooltip .icon-data-center { margin-right: 2px; } .quote-tooltip .icon-location, .quote-tooltip .icon-internet, .quote-tooltip .icon-data-center { margin-top: -2px; } .quote-tooltip__specification { display: flex; justify-content: space-between; align-items: center; font-size: .75rem; margin-top: .25rem; } .quote-tooltip__specification .flex-row { flex: inherit; } .quote-tooltip__location { display: flex; align-items: flex-start; line-height: 1.2; position: relative; margin-bottom: .4rem; } .quote-tooltip__location:first-of-type::after { content: ' '; position: absolute; top: 1rem; height: calc(100% - 0.7rem); left: 9px; width: 0px; border-left: 1px dotted white; } /*!**********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/tree/style/index.css ***! \**********************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-tree.ant-tree-directory .ant-tree-treenode { position: relative; } .ant-tree.ant-tree-directory .ant-tree-treenode::before { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; transition: background-color 0.3s; content: ''; pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { background: #f5f5f5; } .ant-tree.ant-tree-directory .ant-tree-treenode > * { z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { transition: color 0.3s; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { background: #1890ff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { color: #fff; background: transparent; } .ant-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-tree-checkbox-group-item { margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: #e6f7ff; } .ant-tree-list-holder-inner { align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { flex: auto; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { position: relative; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-tree .ant-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { background: #f5f5f5; } .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { color: inherit; font-weight: 500; } .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; visibility: visible; opacity: 0.2; transition: opacity 0.3s; } .ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { opacity: 0.45; } .ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon { visibility: hidden; } .ant-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-indent-unit { display: inline-block; width: 24px; } .ant-tree-draggable-icon { visibility: hidden; } .ant-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-tree-switcher .ant-tree-switcher-icon svg, .ant-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: #1890ff; } .ant-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-tree .ant-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-tree .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { display: none; } .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { background-color: transparent; } .ant-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-tree .ant-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-tree-show-line .ant-tree-indent-unit { position: relative; height: 100%; } .ant-tree-show-line .ant-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-tree-show-line .ant-tree-indent-unit-end::before { display: none; } .ant-tree-show-line .ant-tree-switcher { background: #fff; } .ant-tree-show-line .ant-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after { right: -6px; left: unset; } .ant-tree .ant-tree-treenode-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { right: auto; left: -13px; border-right: none; border-left: 1px solid #d9d9d9; } .ant-tree-rtl .ant-tree-checkbox { margin: 4px 0 0 8px; } .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { margin: 4px 0 0 8px; } /*!******************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Tree/Tree.scss ***! \******************************************************************************************************************************/ .ant-tree li .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled) .ant-tree-checkbox-inner { background-color: #19b5db; border-color: #19b5db; } .ant-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { background-color: #19b5db; } .ant-tree-switcher svg[aria-hidden] { visibility: visible; } /*!************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/antd/lib/upload/style/index.css ***! \************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-upload { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; outline: 0; } .ant-upload p { margin: 0; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type='file'] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { width: 104px; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; } .ant-upload.ant-upload-select-picture-card:hover { border-color: #1890ff; } .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { border-color: #d9d9d9; } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 16px 0; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: #096dd9; } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: #40a9ff; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 20px; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: #40a9ff; font-size: 48px; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0 0 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0, 0, 0, 0.25); font-size: 30px; transition: all 0.3s; } .ant-upload.ant-upload-drag .anticon-plus:hover { color: rgba(0, 0, 0, 0.45); } .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0, 0, 0, 0.45); } .ant-upload-picture-card-wrapper { display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper::before { display: table; content: ''; } .ant-upload-picture-card-wrapper::after { display: table; clear: both; content: ''; } .ant-upload-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; line-height: 1.5715; } .ant-upload-list::before { display: table; content: ''; } .ant-upload-list::after { display: table; clear: both; content: ''; } .ant-upload-list-item { position: relative; height: 22.001px; margin-top: 8px; font-size: 14px; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 22px; overflow: hidden; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-card-actions { position: absolute; right: 0; } .ant-upload-list-item-card-actions-btn { opacity: 0; } .ant-upload-list-item-card-actions-btn.ant-btn-sm { height: 22.001px; line-height: 1; vertical-align: top; } .ant-upload-list-item-card-actions.picture { top: 22px; line-height: 0; } .ant-upload-list-item-card-actions-btn:focus, .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-card-actions .anticon { color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-upload-list-item-card-actions:hover .anticon { color: rgba(0, 0, 0, 0.85); } .ant-upload-list-item-info { height: 100%; transition: background-color 0.3s; } .ant-upload-list-item-info > span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading .anticon, .ant-upload-list-item-info .ant-upload-text-icon .anticon { position: absolute; top: 5px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: #f5f5f5; } .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .ant-upload-text-icon > .anticon, .ant-upload-list-item-error .ant-upload-list-item-name { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-progress { position: absolute; bottom: -12px; width: 100%; padding-left: 26px; font-size: 14px; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 66px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { width: 48px; height: 48px; line-height: 60px; text-align: center; opacity: 0.8; } .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] { fill: #fff2f0; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] { fill: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 26px; transform: translate(-50%, -50%); } .ant-upload-list-picture .ant-upload-list-item-icon .anticon, .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 48px; height: 48px; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; box-sizing: border-box; max-width: 100%; margin: 0 0 0 8px; padding-right: 8px; padding-left: 48px; overflow: hidden; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { margin-bottom: 12px; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 14px; width: calc(100% - 24px); margin-top: 0; padding-left: 56px; } .ant-upload-list-picture-card-container { display: inline-block; width: 104px; height: 104px; margin: 0 8px 8px 0; vertical-align: top; } .ant-upload-list-picture-card .ant-upload-list-item { height: 100%; margin: 0; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info::before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.3s; content: ' '; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { z-index: 10; width: 16px; margin: 0 4px; color: rgba(255, 255, 255, 0.85); font-size: 16px; cursor: pointer; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { color: #fff; } .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 8px 0 0; padding: 0; line-height: 1.5715; text-align: center; } .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { position: absolute; bottom: 10px; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: #fafafa; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 32px; width: calc(100% - 14px); padding-left: 0; } .ant-upload-list-text-container, .ant-upload-list-picture-container { transition: opacity 0.3s, height 0.3s; } .ant-upload-list-text-container::before, .ant-upload-list-picture-container::before { display: table; width: 0; height: 0; content: ''; } .ant-upload-list-text-container .ant-upload-span, .ant-upload-list-picture-container .ant-upload-span { display: block; flex: auto; } .ant-upload-list-text .ant-upload-span, .ant-upload-list-picture .ant-upload-span { display: flex; align-items: center; } .ant-upload-list-text .ant-upload-span > *, .ant-upload-list-picture .ant-upload-span > * { flex: none; } .ant-upload-list-text .ant-upload-list-item-name, .ant-upload-list-picture .ant-upload-list-item-name { flex: auto; margin: 0; padding: 0 8px; } .ant-upload-list-text .ant-upload-list-item-card-actions, .ant-upload-list-picture .ant-upload-list-item-card-actions { position: static; } .ant-upload-list-text .ant-upload-text-icon .anticon { position: static; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave { animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-fill-mode: forwards; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter { animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { animation-name: uploadAnimateInlineOut; } @keyframes uploadAnimateInlineIn { from { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } .ant-upload-rtl { direction: rtl; } .ant-upload-rtl.ant-upload.ant-upload-select-picture-card { margin-right: auto; margin-left: 8px; } .ant-upload-list-rtl { direction: rtl; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 22px; padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 22px; padding-left: 28px; } .ant-upload-list-rtl .ant-upload-list-item-name { padding-right: 22px; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-card-actions { right: auto; left: 0; } .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-info { padding: 0 4px 0 12px; } .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-progress { padding-right: 26px; padding-left: 0; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { right: 8px; left: auto; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { margin: 0 8px 0 0; padding-right: 48px; padding-left: 8px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 48px; padding-left: 18px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 48px; padding-left: 36px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { padding-right: 0; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-picture-card-container { margin: 0 0 8px 8px; } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { margin: 8px 0 0; padding: 0; } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/Toggles/VisibilityToggle.scss ***! \*********************************************************************************************************************************************/ .visibility-toggle { display: flex; align-items: center; } .visibility-toggle .icon-internet, .visibility-toggle .icon-cloud { font-size: 1.5rem; margin-left: .25rem; line-height: 1.5; color: inherit; } .visibility-toggle__label { padding-left: 1rem; color: #545454; } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Atoms/icons/icons.scss (4) ***! \************************************************************************************************************************************/ .icon { color: #0d7137; padding-right: 0.125rem; display: inline-block; height: 1em; width: 1em; line-height: 1; vertical-align: -0.125em; } .icon.small, .icon.small svg { height: 0.8em; width: 0.8em; vertical-align: 0em; } .icon.big, .icon.big svg { height: 1.25em; width: 1.25em; vertical-align: -0.125em; } .icon.giant, .icon.giant svg { height: 1.5em; width: 1.5em; vertical-align: -0.175em; } .icon.huge, .icon.huge svg { height: 1.75em; width: 1.75em; vertical-align: -0.2375em; } img.icon { width: auto; height: 1.3rem; vertical-align: middle; } .icon-grab { position: relative; left: -0.375em; padding-right: 0; } .spinning svg { animation: spin 1.6s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .success-icon { padding-right: 0; font-size: 1.5rem; color: #30a259; } .warning-icon { padding-right: 0; font-size: 1.5rem; color: #ED8702; } .loading-icon { padding-right: 0; font-size: 1.5rem; } .jumbo-loading-icon { padding-right: 0; font-size: 6rem; color: #61ab2b; } .error-icon { padding-right: 0; font-size: 1.5rem; color: #ed021e; } .info-icon { padding-right: 0; font-size: 1.5rem; color: #0d7137; } .status-icon--expired svg, .status-icon--error svg, .status-icon--validation-error svg, .status-icon--manual svg, .status-icon--manual-pricing-needed svg, .status-icon--error-pricing svg { fill: #ED021E; } .status-icon--design-validation svg, .status-icon--pending svg, .status-icon--pricing svg, .status-icon--review svg { fill: #4402ed; } .status-icon--draft svg { fill: #ED8702; } .status-icon--quoted svg, .status-icon--ordering-draft-saved svg, .status-icon--ordering-review svg, .status-icon--ordering-pending-approval svg, .status-icon--ordered svg, .status-icon--manually-quoted svg, .status-icon--manually-ordered svg, .status-icon--edited svg { fill: #30A259; } .status-icon--closed svg, .status-icon--no-bid svg { fill: #999; } .status-icon--no-bid .icon { transform: rotate(45deg); } .status-icon .icon { font-size: 1.75em; vertical-align: middle; } .icon-label { display: inline-flex; align-items: center; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/ButtonBars/button_bar.scss (2) ***! \**************************************************************************************************************************************************/ .button-bar { position: fixed; display: flex; align-items: center; justify-content: flex-end; background-color: #d9dbdb; width: 100%; right: 0; bottom: 0; padding: 1rem 1.8rem; } .button-bar > * { margin-right: 1.8rem; } .button-bar > *:last-child { margin-right: 0; } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/ButtonGroups/button_group.scss (2) ***! \******************************************************************************************************************************************************/ /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modal.scss (2) ***! \*****************************************************************************************************************************************/ .modal-container { position: fixed; font-size: 1rem; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(26, 27, 29, 0.65); z-index: 1000000; pointer-events: all; } .modal-container.dismissed { display: none; } /*!***********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/ModalButton.scss (2) ***! \***********************************************************************************************************************************************/ .modal-button { flex: 50% 1 1; height: 2.5rem; border-radius: 0; border-width: 0; font-size: 0.875rem; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Drawers/Drawer.scss (2) ***! \**************************************************************************************************************************************************/ .drawer-container { width: 150vw; left: -50vw; } .drawer { position: absolute; display: flex; flex-flow: column nowrap; width: 50vw; min-width: 36rem; max-width: 50rem; min-height: 100%; top: 0; right: 0; background-color: #fff; box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1), 0 15px 35px rgba(32, 38, 41, 0.2); padding: 1em; } .drawer .close-drawer { padding: 1rem; font-size: 1rem; color: #f2f3f3; } .drawer .close-drawer:hover { color: #b3b7b7; } .drawer .drawer-header, .drawer .drawer-footer { flex: 0 0; } .drawer .drawer-label { font-size: 1.2rem; margin-left: .5em; } .drawer .drawer-content { flex: 1 1 auto; overflow-y: auto; padding: 0.9rem 0.9rem 2.9rem; } .drawer .drawer-footer { display: flex; flex-flow: row nowrap; } /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Lookup.scss (2) ***! \*******************************************************************************************************************************************/ .react-select__layout { position: relative; } .react-select__control { height: 50px; font-size: .875rem; } .react-select__control.react-select__control--is-focused { background: #e5f6fb; } .react-select__icon { font-size: 22px; margin-right: 0.25rem; } .react-select__icon svg { vertical-align: middle; } .react-select--error { margin: 5px 0 0; font-size: .675rem; color: red; } .react-select.error .react-select__control { border: 1px solid red; box-shadow: none; } .react-select.error .react-select__value-container { border: none; outline-color: red; } .react-select.error .react-select__value-container .error-icon { margin-top: 3px; } .lookup.react-select--multi-chips .react-select__control { height: auto; min-height: calc(50px - .75rem); font-size: 0.875rem; } .lookup.react-select--multi-chips .react-select__value { flex-wrap: wrap; padding-top: .75rem; align-items: end; } .lookup.react-select--multi-chips .react-select__value:not(.react-select__value--no-label) .react-select__input input { padding-top: 0 !important; } .lookup .react-select__value-container { position: relative; display: flex; flex-flow: row nowrap; flex: 1 1 auto; min-width: 0; } .lookup .react-select__value { position: relative; display: flex; flex-flow: row nowrap; flex: 1 1 auto; } .lookup .react-select__control { position: relative; display: flex; flex-flow: row nowrap; flex: 1 1 auto; } .lookup .react-select__value-container { overflow: visible; } .lookup .react-select__single-value { max-width: calc(100% + 1em); color: inherit; } .lookup .react-select__menu-notice--no-options { text-align: left; } .lookup .react-select__group-heading { color: #007997; margin: .5em 0 .25em; } .lookup .react-select__control { border: 1px solid #cccfcf; } .lookup .react-select__control--is-focused { box-shadow: 0 0 0 1px #009bc2; border-color: #009bc2; } .lookup .react-select__control--is-focused:hover { border-color: #009bc2; } .lookup .react-select__option--is-focused { background: #e5f6fb; } .lookup .react-select__option--is-selected { background: #00add8; } .lookup .react-select__option--is-selected .icon { color: #fff; } .lookup .react-select__option--is-selected.react-select__option--is-focused { color: #fff; } .lookup .react-select__option:active { background-color: #009bc2; color: #fff; } .lookup .react-select__option:active .icon { color: #fff; } .lookup .react-select__multi-value { min-width: auto; } .react-select__indicators [aria-hidden="true"] { visibility: visible; } .react-select__label { position: absolute; font-size: .875rem; top: 50%; transform: translateY(-50%); left: 3px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; transition: all 300ms; color: #999; } .react-select__control--is-focused .react-select__label, .react-select__value-container--has-value .react-select__label:not(.react-select__label--no-value-rendered) { top: 8px; font-size: .625rem; font-weight: bold; color: unset; } .react-select__menu-list { font-size: .875rem; } .react-select__option { line-height: 1.2; } .react-select__option .icon:not(.icon-checkbox-checkmark) { margin-right: 6px; font-size: 1.25rem; } .react-select__option .checkbox-label { line-height: 1rem; } .react-select__option-text--no-icon { flex: auto; } .react-select__value-container--not-searchable { height: 100%; } .react-select__value-container--not-searchable .react-select__value { height: 100%; } .react-select .react-select__menu { margin-top: 3px; } .react-select .react-select__option { cursor: pointer; position: relative; display: inline-flex; align-items: center; } .react-select .react-select__option--is-disabled { cursor: default; } .react-select__input { width: 100%; } .react-select__input input { width: 100% !important; } .react-select__multi-value__remove [aria-hidden] { visibility: visible; } .react-select__value:not(.react-select__value--no-label) .react-select__single-value { top: 65%; } .react-select__value:not(.react-select__value--no-label) .react-select__input input { padding: 12px 0 0 !important; } .lookup-menu-header { padding: 5px 1em; color: #545454; font-size: .75rem; display: flex; flex-flow: row nowrap; justify-content: space-between; opacity: .5; transition: opacity 300ms; } .lookup-menu-header:hover { opacity: 1; } .modal-container-country-lookup .popup-header { padding-top: 2.5rem; } .modal-container-country-lookup .popup-content { max-height: none; min-height: auto; overflow: visible; padding: .5rem; position: absolute; top: 0; left: 0; width: calc(100% - 3rem); } .modal-container-country-lookup .popup-footer { display: none; } .lookup-menu-header__text-button { border: none; font-weight: 300; cursor: pointer; } .react-select__clear-indicator { cursor: pointer; } .react-select--editable .react-select__input input { opacity: 1 !important; } .react-select--editable .react-select__control--is-focused .react-select__single-value { display: none; } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/ServiceClass.scss ***! \*********************************************************************************************************************************************/ .react-select__option-header { font-weight: 500; margin-bottom: .125rem; } .react-select__option-description { font-size: .75rem; line-height: 1.2; } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Currency.scss (2) ***! \*********************************************************************************************************************************************/ .lookup.currency.lookup--inline .react-select__control { width: 6rem; height: unset; background-color: transparent; border-color: transparent; transition: background-color 800ms; } .lookup.currency.lookup--inline .react-select__control.react-select__control--is-disabled { width: 4.5rem; } .lookup.currency.lookup--inline .react-select__control.react-select__control--is-disabled .react-select__indicators { display: none; } .lookup.currency.lookup--inline .react-select__control:hover { border-color: transparent; } .lookup.currency.lookup--inline .react-select__control--menu-is-open { background-color: #fff; border: #cccfcf; } .lookup.currency.lookup--inline .react-select__single-value { padding: 0; margin: 0; } .lookup.currency.lookup--inline .react-select__value-container { padding: 0 0 0 8px; } .lookup.currency.lookup--inline .react-select__dropdown-indicator { padding: 0 2px; } /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Customer.scss ***! \*****************************************************************************************************************************************/ .lookup.customer .react-select__group-heading { margin: 0; padding: .5rem; background-color: #F2F3F3; display: flex; align-items: center; position: sticky; top: 0; z-index: 2; } .lookup.customer .react-select__group-heading .icon-history { font-size: 1.25rem; margin-right: .25rem; } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/Location.scss (2) ***! \******************************************************************************************************************************************************/ @charset "UTF-8"; .react-select.locationA .react-select__menu-notice--no-options, .react-select.locationZ .react-select__menu-notice--no-options { text-align: left !important; color: #545454 !important; line-height: 1.3; font-weight: bold; } .react-select.locationA .react-select__input input, .react-select.locationZ .react-select__input input { opacity: 1 !important; } .react-select .address-option__icon--pop.icon-data-center { color: #999; } .react-select .address-option__city-state, .react-select .address-option__pop-name { font-size: .75rem; font-weight: 500; } .react-select .address-option__city-state + .address-option__address, .react-select .address-option__pop-name + .address-option__address { font-size: .75rem; margin-top: .125rem; color: #777; } .react-select .address-option__address { font-size: .875rem; color: #404444; } .react-select :active > .address-option__address { color: #fff; } .react-select .address-option__site-code-address { line-height: 1.2; font-size: .75rem; margin-top: 2px; } .react-select .address-option__advanced-search { margin: -8px -12px; padding: 8px 24px 8px 12px; display: flex; flex-flow: column nowrap; font-size: .875rem; line-height: 1.2; } .react-select .address-option__advanced-search .fs-12 { font-size: .75rem; } .react-select .address-option__advanced-search em { font-weight: 500; text-decoration: underline; } .react-select .address-option__unvalidated { color: #777; display: flex; flex-flow: row nowrap; font-size: .75rem; line-height: 1.2; } .react-select .address-option__unvalidated-only { display: flex; flex-flow: row nowrap; } .react-select .address-option__unvalidated-only .icon.icon { color: #EF8700; } .react-select .address-option__unvalidated-only .address-option__input-value { color: #545454; } .react-select .address-option__unvalidated-only .address-option__not-found { margin-top: .25rem; font-size: .75rem; color: #333; font-weight: 500; } .react-select .react-select__menu-list { padding-top: 0; } .react-select .react-select__group { padding: 0; } .react-select .react-select__group-heading { position: sticky; z-index: 1; top: 0; background: #f2f2f2; padding: .5rem; margin: 0; border-bottom: 1px solid #ddd; } .react-select__option-text--next { padding-right: 1em; } .react-select__option-text--next::after { content: '〱'; position: absolute; top: 0; height: 100%; right: .75em; opacity: .3; color: #545454; display: flex; align-items: center; transform: rotate(180deg); transition: all .2s; } .react-select__option--is-focused .react-select__option-text--next::after { opacity: 1; right: .5em; } .address-option__sublabel { font-size: .625rem; color: #999; } .menu-list-footer__google { width: 6rem; text-align: center; margin: .25rem auto 0; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/Internet.scss ***! \**************************************************************************************************************************************************/ .menu-list-footer__ip-pricing-checkbox { border-top: 1px dotted #ccc; padding: .25rem 1rem; } .menu-list-footer__ip-pricing-checkbox .checkbox-label { font-size: .75rem; color: #545454; } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/LocationType.scss ***! \******************************************************************************************************************************************************/ .lookup.location-type .react-select__control { display: inline-flex; border-radius: 4px 0 0 4px; } .lookup.location-type .react-select__value-container { font-size: 1.375rem; width: 1.5em; text-align: right; } .lookup.location-type .react-select__single-value { overflow: visible; } .lookup.location-type .react-select__dropdown-indicator { padding-left: 0; } /*!***********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Lookups/Location/LocationCombo.scss (2) ***! \***********************************************************************************************************************************************************/ .location-combo { position: relative; display: flex; flex-flow: row nowrap; } .location-combo .lookup.location-type { flex: 0 0 0; } .location-combo .lookup.location-type .react-select__control { background-color: #f2f2f2; transition: all .2s; } .location-combo .lookup.location-type .react-select__control--is-focused { z-index: 1; } .location-combo .lookup.location-type .react-select__menu { min-width: 15rem; } .location-combo .lookup.location-type + .lookup { flex: 1 1 auto; } .location-combo .lookup.location-type + .lookup .react-select__control { border-left: none; } .location-combo .lookup.location-type + .lookup .react-select__control:not(.react-select__control--is-disabled) { border-radius: 0 4px 4px 0; background-color: white; } .location-combo .lookup.location-type + .lookup .react-select__control:not(.react-select__control--is-disabled).react-select__control--is-focused { border-left: 1px solid; background: #e5f6fb; } .location-combo .lookup.location-type + .lookup.error .react-select__control { border-color: red; border-left: 1px solid red; } .location-combo .lookup.location-type + .lookup .react-select__dropdown-indicator { display: none; } .location-combo .react-select__single-value--is-disabled { color: inherit; } .location-combo .lookup.locationA .react-select__group, .location-combo .lookup.locationZ .react-select__group { padding: 0; } .location-combo .lookup.locationA .react-select__menu-list, .location-combo .lookup.locationZ .react-select__menu-list { margin-top: 0; padding-top: 0; } .location-combo .lookup.locationA .react-select__menu-list .icon-location, .location-combo .lookup.locationZ .react-select__menu-list .icon-location { align-self: baseline; font-size: 1.75rem; margin-left: -.25rem; margin-right: .25rem; } .location-combo .lookup.locationA .react-select__group-heading, .location-combo .lookup.locationZ .react-select__group-heading { margin: 0; padding: .5rem; background-color: #F2F3F3; display: flex; align-items: center; position: sticky; top: 0; z-index: 2; } .location-combo .lookup.locationA .react-select__group-heading .icon-history, .location-combo .lookup.locationZ .react-select__group-heading .icon-history { font-size: 1.25rem; margin-right: .25rem; } .location-combo .lookup__address--showing-floor-suite { margin-bottom: 1rem; } .location-combo .floor-suite { position: absolute; top: calc(100% - 1rem); right: 0; text-align: right; padding: .25rem .5rem; max-width: 100%; } .location-combo .floor-suite--expanded { z-index: 1; margin-top: .25rem; border: 1px solid #E5E7E7; border-radius: 4px; background: #fff; box-shadow: 0 9px 15px 0 rgba(32, 38, 41, 0.1); } .location-combo .floor-suite .text-input { text-align: left; margin-bottom: .5rem; } .location-combo .toggleable { max-height: 10rem; opacity: 1; transition: max-height 500ms; visibility: visible; overflow: hidden; } .location-combo .toggleable--collapsed { max-height: 0; overflow: hidden; transition: border 500ms, max-height 500ms; opacity: 0; } .location-combo .toggleable--collapsed input { visibility: hidden; } .location-combo .toggler.button-link { margin: 0 0 .25rem; font-size: .75rem; padding: .125rem .25rem; display: inline-flex; align-items: center; width: 100%; } .location-combo .toggler.button-link .icon.icon-caret-down { flex: 0 0; color: inherit; font-size: 1.25rem; } .location-combo .toggler.button-link .icon.icon-caret-down svg { fill: currentColor; transition: transform 200ms; } .location-combo .toggler.button-link.toggler--collapse .icon-caret-down svg { transform: rotate(180deg); } .location-combo .floor-suite__toggler-text { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/AddUsersModal.scss ***! \****************************************************************************************************************************************************/ .modal-container-add-users-popup .add-user-inputs__adder { margin: 2rem 0; } .modal-container-add-users-popup .add-user-inputs__adder .icon { color: #fff; margin-right: .25rem; } .modal-container-add-users-popup .add-user-inputs__remover { position: absolute; right: 0; font-size: .7rem; padding: .875em; } .modal-container-add-users-popup .add-user-inputs { display: flex; flex-flow: row nowrap; margin-bottom: .5rem; position: relative; padding-right: 2rem; } .modal-container-add-users-popup .add-user-inputs .add-user-input-field { flex: 1 1; margin-right: .5rem; vertical-align: top; } .modal-container-add-users-popup .add-user-inputs .add-user-input-field--email { flex: 1 1 auto; } .modal-container-add-users-popup .add-user-inputs input { padding: .5rem; font-size: .825rem; width: 100%; border: 1px solid #999; border-radius: 3px; } .modal-container-add-users-popup .add-user-inputs .add-user-input-field--errored input { border-color: red; } .modal-container-add-users-popup .add-user-input-field-error { font-size: .75rem; color: red; } /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/AdvancedLocationModal.scss ***! \************************************************************************************************************************************************************/ .modal-container-advanced-location-modal .text-input { margin-top: 1rem; } .modal-container-advanced-location-modal .advanced-location__mpoe { margin-top: .25rem; color: #0069AB; font-size: .65rem; } .modal-container-advanced-location-modal .flex-row--2-col { justify-content: space-between; } .modal-container-advanced-location-modal .flex-row--2-col > div { flex: 0 0 calc(50% - .5rem); } .modal-container-advanced-location-modal .popup .popup-content { padding-top: 0; } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/BulkCommentModal.scss ***! \*******************************************************************************************************************************************************/ .modal-container-bulk-comment-modal p { font-size: .75rem; } .modal-container-bulk-comment-modal p .icon { font-size: 1.25rem; margin-right: 2px; } .modal-container-bulk-comment-modal .text-input { margin-top: 1rem; height: 8rem; } .modal-container-bulk-comment-modal .text-input .text-input__input-wrapper { height: 100%; } .modal-container-bulk-comment-modal .text-input__input--textarea { font-size: 1rem; line-height: 1.4; padding: .75rem 1rem; } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/BulkDeleteModal.scss ***! \******************************************************************************************************************************************************/ .modal-container-bulk-delete-modal .loading-overlay { background: rgba(255, 255, 255, 0.5); } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/CloneFolderModal.scss ***! \*******************************************************************************************************************************************************/ .modal-container-clone-folder-popup.modal-container .popup-content { padding-top: 0; overflow: visible; } .modal-container-clone-folder-popup.modal-container .clone-folder__checkbox { margin: 1rem 0 .5rem; font-size: .75rem; display: flex; } .modal-container-clone-folder-popup.modal-container .text-input__new-folder { flex-direction: row-reverse; } .modal-container-clone-folder-popup.modal-container .text-input__new-folder .text-input__icon.icon { text-align: right; padding: 0; color: #19B5DB; } .modal-container-clone-folder-popup.modal-container .react-select > div { transition: opacity .5s; } .modal-container-clone-folder-popup.modal-container .react-select > div.react-select--is-disabled { opacity: .5; } .modal-container-clone-folder-popup.modal-container .flex-row > div { align-self: flex-start; padding-right: 1.5rem; } .modal-container-clone-folder-popup.modal-container .flex-row > div:last-child { padding-right: 0; } .modal-container-clone-folder-popup.modal-container .flex--2-over-3 { flex: 0 0 66.6%; } .modal-container-clone-folder-popup.modal-container .flex--2-over-3 + div { flex: 1 1; } .modal-container-clone-folder-popup.modal-container .flex-row--3-col > div { flex: 0 0 33.3%; } .modal-container-clone-folder-popup.modal-container .clone-folder__form-errors, .modal-container-clone-folder-popup.modal-container .clone-folder__spec-errors { color: red; margin: 1rem 0; font-size: .875rem; font-weight: 500; } .modal-container-clone-folder-popup.modal-container .clone-folder__spec-errors div { display: list-item; list-style-position: inside; } .modal-container-clone-folder-popup.modal-container .currency.lookup .react-select__single-value { padding: 0; margin: 0; } .modal-container-clone-folder-popup.modal-container .currency.lookup .react-select__value-container { padding: 0 0 0 8px; } .modal-container-clone-folder-popup.modal-container .currency.lookup .react-select__dropdown-indicator { padding: 0 2px; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/DeleteModal.scss ***! \**************************************************************************************************************************************************/ .delete-folder__table td { text-align: center; } .delete-item-modal__error { color: red; margin: 1em 0; } .delete-item-modal__denied-quotes .sortable-table th, .delete-item-modal__denied-quotes .sortable-table td { padding-left: 1em; border-bottom: 1px solid #C0C3C3; } /*!*************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/ContactVendorModal.scss (2) ***! \*************************************************************************************************************************************************************/ .modal-container.modal-container-contact-vendor-modal .popup { transition: transform 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .modal-container.modal-container-contact-vendor-modal .popup--popped-under { filter: blur(2px); transform: scale(0.9) translate(-55%, -50%); } .modal-container.modal-container-contact-vendor-modal .popup-content { min-height: 20rem; } .contact-vendor__header { margin: 1.5rem 0 .25rem; } .contact-vendor__actions { display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .contact-vendor__actions .lookup { flex: 1 1; } .contact-vendor__add-comment { flex: 0 0; } .contact-vendor__add-comment .button { display: inline-flex; align-items: center; font-size: .875rem; } .contact-vendor__add-comment .icon { font-size: 1.5rem; margin-right: 2px; } .contact-vendor__comment-added { display: inline-flex; align-items: center; white-space: nowrap; color: #30a259; } .contact-vendor__comment-added-label { font-size: .875rem; } .contact-vendor__list { display: flex; flex-flow: row wrap; gap: .5rem; font-size: .75rem; } .contact-vendor__list-item { flex: 1 1 49%; max-width: 49%; border-radius: 4px; border: 1px solid lightblue; padding: .5rem; } /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/CreateQuote/PartnerPricing.scss ***! \*************************************************************************************************************************************************/ .partner-pricing { padding: 1.25rem 2rem 0.5rem 2rem; background-color: #F2F3F3; margin: 0 -30px 0 -30px; } .partner-pricing .partner-pricing-type { display: flex; align-items: baseline; } .partner-pricing .checkbox { font-size: .75rem; } .partner-pricing .checkbox-icon { margin-right: .5em; } .partner-pricing .partner-pricing-options.lookups { margin-bottom: .5rem; } .partner-pricing .react-select--is-disabled .react-select__value-container { opacity: 0.3; } .partner-pricing .partner-pricing-commission { font-size: .75rem; font-style: italic; } .partner-pricing .checkbox + .partner-pricing-commission { margin-left: 2rem; } .partner-pricing__row { display: flex; align-items: baseline; } .partner-pricing__no-bid { margin: 0 0 0 auto; line-height: 1; } .widget-create-quote__top-row .toggler { font-size: .75rem; margin: 0 0 1rem 0; padding: 5px; display: inline-flex; align-items: center; } .widget-create-quote__top-row .toggler .icon.icon-caret-down { color: inherit; font-size: 1.25rem; } .widget-create-quote__top-row .toggler .icon.icon-caret-down svg { fill: currentColor; transition: transform 200ms; } .widget-create-quote__top-row .toggler.toggler--collapse .icon-caret-down svg { transform: rotate(180deg); } .partner-data-wrapper.toggleable { background-color: #F2F3F3; padding: 0 30px; margin: 0 -30px 2rem -30px; max-height: 800px; opacity: 1; transition: max-height 500ms, opacity 500ms, margin-bottom 250ms; visibility: visible; } .partner-data-wrapper.toggleable--collapsed { max-height: 0; overflow: hidden; transition: max-height 500ms, opacity 500ms, visibility 1ms 500ms, margin-bottom 350ms; opacity: 0; margin-bottom: 0; } .partner-data-wrapper.toggleable--collapsed input { visibility: hidden; } .partner-pricing-validation-error { display: flex; font-size: .75rem; margin-top: .5rem; align-items: center; color: red; } .partner-pricing-validation-error .icon { margin-right: .125rem; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/CreateQuote/CreateQuote.scss (2) ***! \**************************************************************************************************************************************************/ .widget-create-quote { position: relative; border: 1px solid #E5E7E7; border-radius: 5px; padding: 1rem 30px 30px; background: #fff; box-shadow: 0 3px 8px 0 rgba(32, 38, 41, 0.1); } .widget-create-quote .lookups, .widget-create-quote .options { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 20px; } .widget-create-quote .lookups > .lookup, .widget-create-quote .options > .lookup { flex: 0 0 32%; max-width: 32%; position: relative; } .widget-create-quote .customer .react-select__dropdown-indicator, .widget-create-quote .locationA .react-select__dropdown-indicator, .widget-create-quote .locationZ .react-select__dropdown-indicator { display: none; } .widget-create-quote .locationZ .react-select--is-disabled { cursor: not-allowed; } .widget-create-quote .locationZ .react-select--is-disabled .react-select__control { background-color: #fff; border: 1px solid #eee; } .widget-create-quote .locationZ .react-select__single-value--is-disabled { color: #333; } .widget-create-quote .term .react-select__value-container, .widget-create-quote .term .react-select__value { height: 100%; } .widget-create-quote .folder .react-select__menu-list { max-height: 230px; } .widget-create-quote .location-combo, .widget-create-quote .location-combo-container { flex: 0 0 32%; } .widget-create-quote .notification--warning { margin-bottom: 1rem; } .widget-create-quote .ipv4-container { margin-top: .5rem; width: 50%; min-width: 10rem; } .widget-create-quote .excluded-carriers.lookup.react-select .react-select__control { min-height: 50px; } .widget-create-quote .excluded-carriers .react-select__value-container--has-value + .react-select__indicators { flex-direction: column; } .widget-create-quote .options .react-select__control { height: 50px; font-size: .875rem; color: #5A5F5F; } .widget-create-quote .options .react-select__value-container--has-value::before { content: ' '; position: absolute; display: inline-block; top: 0; left: 11px; font-size: 11px; font-weight: 500; } .widget-create-quote .options .react-select__value-container--has-value .react-select__single-value { top: 65%; } .widget-create-quote .options .react-select__value-container--has-value .css-1g6gooi { margin: 10px 2px 0; } .widget-create-quote .advanced-options { background-color: #F2F3F3; padding: 0 30px; margin: .5rem -30px; } .widget-create-quote .advanced-options.toggleable { max-height: 1000px; opacity: 1; transition: margin 500ms, max-height 500ms, opacity 500ms; visibility: visible; } .widget-create-quote .advanced-options.toggleable--collapsed { max-height: 0; overflow: hidden; transition: margin 500ms, max-height 500ms, opacity 500ms, visibility 1ms 500ms; margin-top: 0; margin-bottom: 0; opacity: 0; } .widget-create-quote .advanced-options.toggleable--collapsed input { visibility: hidden; } .widget-create-quote .advanced-options-toggler-container { display: flex; justify-content: space-between; } .widget-create-quote .advanced-options-toggler-container .toggler, .widget-create-quote .widget-create-quote__top-row .toggler { font-size: .75rem; padding: 5px; display: inline-flex; align-items: center; margin-left: 0; } .widget-create-quote .advanced-options-toggler-container .toggler .icon.icon-caret-down, .widget-create-quote .widget-create-quote__top-row .toggler .icon.icon-caret-down { color: inherit; font-size: 1.25rem; } .widget-create-quote .advanced-options-toggler-container .toggler .icon.icon-caret-down svg, .widget-create-quote .widget-create-quote__top-row .toggler .icon.icon-caret-down svg { fill: currentColor; transition: transform 200ms; } .widget-create-quote .advanced-options-toggler-container .toggler.toggler--collapse .icon-caret-down svg, .widget-create-quote .widget-create-quote__top-row .toggler.toggler--collapse .icon-caret-down svg { transform: rotate(180deg); } .widget-create-quote .widget-create-quote__top-row { display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; align-items: baseline; margin-bottom: .5rem; } .widget-create-quote .advanced-options-groups { position: relative; display: flex; flex-flow: row wrap; font-size: .75rem; margin-top: 2rem; } .widget-create-quote .advanced-options-groups .checkbox { display: block; } .widget-create-quote .advanced-options-group { flex: 0 0 32%; max-width: 32%; position: relative; margin-bottom: 2rem; margin-left: 2%; } .widget-create-quote .advanced-options-group:nth-of-type(3n-2) { margin-left: 0; } .widget-create-quote .advanced-options-group h3 { font-size: .875rem; padding-bottom: .25rem; margin: 0 0 .5rem; border-bottom: 1px solid #D9DBDB; } .widget-create-quote .advanced-options-group .checkbox > label { font-weight: 500; margin-bottom: 10px; position: relative; } .widget-create-quote .advanced-options-group .checkbox > label span { font-weight: normal; } .widget-create-quote .advanced-options-lookups { justify-content: flex-start; margin-bottom: 0; padding-top: 2.5rem; } .widget-create-quote .advanced-options-lookups .lookup + .lookup { margin-left: 2%; } .widget-create-quote .create-quote-button-container { text-align: center; } .widget-create-quote .create-quote-button { width: 32%; min-width: 200px; font-weight: 500; } .widget-create-quote .widget-create-quote-errors { padding: 20px 30px; background: #FDEDEE; border: 1px solid #ED021E; font-weight: bold; margin: 10px 0; font-size: 14px; border-radius: 5px; } .widget-create-quote .widget-create-quote__currency-lookup { display: flex; justify-content: flex-end; align-items: center; } .widget-create-quote .widget-create-quote__currency-lookup .lookup { width: 6rem; } .widget-create-quote .widget-create-quote__currency-lookup .react-select__control { height: unset; background-color: transparent; border-color: transparent; transition: background-color 800ms; } .widget-create-quote .widget-create-quote__currency-lookup .react-select__control:hover { border-color: transparent; } .widget-create-quote .widget-create-quote__currency-lookup .react-select__control--menu-is-open { background-color: #fff; border: 1px solid #cccfcf; } .widget-create-quote .widget-create-quote__currency-lookup .react-select__single-value { padding: 0; margin: 0; } .widget-create-quote .widget-create-quote__currency-lookup .react-select__value-container { padding: 0 0 0 8px; } .widget-create-quote .widget-create-quote__currency-lookup .react-select__dropdown-indicator { padding: 0 2px; } .widget-create-quote .widget-create-quote__currency-label { font-size: .875rem; padding-right: .5rem; color: #404444; } .widget-create-quote__additional-costs { color: #007997; font-size: .675rem; padding-left: .5rem; white-space: nowrap; } .widget-create-quote .checkbox__description { font-size: .625rem; color: #747A7A; font-style: italic; margin-top: -0.2rem; } /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/PricingDesk/PricingDesk.scss ***! \**********************************************************************************************************************************************/ .pricing-desk__table .sortable-table-row--manual { background-color: #FDEDEE; border-bottom: 1px solid #ED021E; } .pricing-desk__table .sortable-table-row--review, .pricing-desk__table .sortable-table-row--validation { background-color: #FDF6ED; border-bottom: 1px solid #ED8702; } .pricing-desk__table .sortable-table-row--review.sortable-table-row--selected, .pricing-desk__table .sortable-table-row--validation.sortable-table-row--selected { background-color: #F9DBB3; } .pricing-desk__table td { padding-left: 0; } .pricing-desk__table td:first-child { padding-left: 5px; } .pricing-desk__table .sortable-table-row { transition: background-color 300ms; } .pricing-desk__table .sortable-table-row--selected { background-color: #FBCCD2; } .pricing-desk__table .sortable-table-column--status { width: .1%; } .pricing-desk__table .sortable-table-column--name { width: 30%; } .pricing-desk__table .sortable-table-column--folder { width: 22.5%; } .pricing-desk__table .sortable-table-column--actions { width: .1%; padding: .25rem; } .pricing-desk__table .sortable-table-column--actions .icon { font-size: 1.5rem; } .pricing-desk__table .pricing-desk__quote-reference { font-size: .75rem; margin-top: .25rem; } .pricing-desk__status-icon { font-size: 1.5rem; } .sortable-table-row--manual .pricing-desk__status-icon { color: red; } .sortable-table-row--review .pricing-desk__status-icon, .sortable-table-row--validation .pricing-desk__status-icon { color: #D57901; } .widget .pricing-desk__table td:nth-child(2) { padding-left: 5px; width: 100%; } .pricing-desk-widget .tab-badge { padding: 0 .375rem; border-radius: .5rem; width: auto; } .pricing-desk__orders-table td { border-bottom: 1px solid #eee; } .pricing-desk__orders-table td:first-child { padding-left: .5rem; } .order-validation-table__missing-approvals { display: flex; align-items: center; margin-top: .125rem; } .order-validation-table__missing-approvals .icon { font-size: 1.25rem; } .order-validation-table__missing-approvals .approval-detail { padding-right: .25rem; margin-right: .75rem; flex: 0 0; display: inline-flex; font-weight: 500; white-space: nowrap; font-size: .75rem; align-items: center; } .order-validation-table__missing-approvals .approval-detail--rejected { border: 1px dashed transparent; border-radius: 4px; cursor: pointer; transition: border 2s; } .order-validation-table__missing-approvals .approval-detail--rejected:hover { border: 1px dashed red; transition: border .5s; } .order-validation-table__missing-approvals .approval-detail--rejected b { display: inline-flex; } /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/QuoteManager/QuoteManager.scss (2) ***! \****************************************************************************************************************************************************/ .quote-manager { position: relative; color: #393e46; } .quote-manager .icon-quote { font-size: 1.875rem; } .quote-manager .icon-quote svg { fill: #0d7137; } .quote-manager .icon-folder { font-size: 2.125rem; color: #90cc25; } .quote-manager .icon-folder svg { stroke: #0d7137; stroke-width: .8px; stroke-linejoin: round; } .quote-manager .sortable-table-row--import-error { background: #F8F9F9; } .quote-manager .sortable-table-row--import-error .icon-quote svg { fill: #90cc25; } .quote-manager.--isLoading { min-height: 200px; } .quote-manager.--isLoading .loading-overlay { background: rgba(255, 255, 255, 0.5); } .quote-manager .status-icon__text { min-width: 100px; line-height: 1.2; } .quote-manager__table th, .quote-manager__table td { border-bottom: 1px solid #C0C3C3; vertical-align: middle; } .quote-manager__table .sortable-table-column--type { width: 0.1%; vertical-align: baseline; position: relative; } .quote-manager__table .sortable-table-column--name { width: 35%; word-break: break-word; padding-right: 2em; } .quote-manager__table .sortable-table-column--name .text-link { font-weight: 500; text-decoration: underline; cursor: pointer; } .quote-manager__table .sortable-table-column--reference { text-align: right; } .quote-manager__table .sortable-table-column--bandwidth { text-align: right; width: 15%; padding-right: 5%; } .quote-manager__table .sortable-table-column--date { width: 10%; padding-right: 1em; } .quote-manager__table .sortable-table-column--status { width: 15%; } .quote-manager__table .sortable-table-column--status .status-icon__substatus { font-size: .75rem; color: #999; line-height: .75; padding-left: 1.7rem; } .quote-manager__table .sortable-table-column--actions { width: 1px; } .quote-manager__table .sortable-table-column__header--status { padding-left: .75em; } .quote-manager__table .status-icon { display: flex; flex-flow: row nowrap; } .quote-manager__table .status-icon .icon { margin-right: 0.125rem; margin-top: -4px; } .quote-manager__quote-count { color: #A7ACAC; } .quote-manager__folder-badge { position: absolute; top: 1.75rem; right: 0.75rem; padding: 1px 3px 0; color: white; font-weight: 500; border-radius: 4px; font-size: 0.75rem; background: #0d7137; } /*!***********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-day-picker/lib/style.css ***! \***********************************************************************************************/ /* DayPicker styles */ .DayPicker { display: inline-block; font-size: 1rem; } .DayPicker-wrapper { position: relative; flex-direction: row; padding-bottom: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DayPicker-Months { display: flex; flex-wrap: wrap; justify-content: center; } .DayPicker-Month { display: table; margin: 0 1em; margin-top: 1em; border-spacing: 0; border-collapse: collapse; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DayPicker-NavBar { } .DayPicker-NavButton { position: absolute; top: 1em; right: 1.5em; left: auto; display: inline-block; margin-top: 2px; width: 1.25em; height: 1.25em; background-position: center; background-size: 50%; background-repeat: no-repeat; color: #8B9898; cursor: pointer; } .DayPicker-NavButton:hover { opacity: 0.8; } .DayPicker-NavButton--prev { margin-right: 1.5em; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC'); } .DayPicker-NavButton--next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg=='); } .DayPicker-NavButton--interactionDisabled { display: none; } .DayPicker-Caption { display: table-caption; margin-bottom: 0.5em; padding: 0 0.5em; text-align: left; } .DayPicker-Caption > div { font-weight: 500; font-size: 1.15em; } .DayPicker-Weekdays { display: table-header-group; margin-top: 1em; } .DayPicker-WeekdaysRow { display: table-row; } .DayPicker-Weekday { display: table-cell; padding: 0.5em; color: #8B9898; text-align: center; font-size: 0.875em; } .DayPicker-Weekday abbr[title] { border-bottom: none; text-decoration: none; } .DayPicker-Body { display: table-row-group; } .DayPicker-Week { display: table-row; } .DayPicker-Day { display: table-cell; padding: 0.5em; border-radius: 50%; vertical-align: middle; text-align: center; cursor: pointer; } .DayPicker-WeekNumber { display: table-cell; padding: 0.5em; min-width: 1em; border-right: 1px solid #EAECEC; color: #8B9898; vertical-align: middle; text-align: right; font-size: 0.75em; cursor: pointer; } .DayPicker--interactionDisabled .DayPicker-Day { cursor: default; } .DayPicker-Footer { padding-top: 0.5em; } .DayPicker-TodayButton { border: none; background-color: transparent; background-image: none; box-shadow: none; color: #4A90E2; font-size: 0.875em; cursor: pointer; } /* Default modifiers */ .DayPicker-Day--today { color: #D0021B; font-weight: 700; } .DayPicker-Day--outside { color: #8B9898; cursor: default; } .DayPicker-Day--disabled { color: #DCE0E0; cursor: default; /* background-color: #eff1f1; */ } /* Example modifiers */ .DayPicker-Day--sunday { background-color: #F7F8F8; } .DayPicker-Day--sunday:not(.DayPicker-Day--today) { color: #DCE0E0; } .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) { position: relative; background-color: #4A90E2; color: #F0F8FF; } .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover { background-color: #51A0FA; } .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover { background-color: #F0F8FF; } /* DayPickerInput */ .DayPickerInput { display: inline-block; } .DayPickerInput-OverlayWrapper { position: relative; } .DayPickerInput-Overlay { position: absolute; left: 0; z-index: 1; background: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Widgets/QuoteOrder/QuoteOrder.scss (2) ***! \************************************************************************************************************************************************/ .quote-order { margin: 0 auto; padding: 1rem; box-shadow: 0 0 5px rgba(33, 33, 33, 0.3); } .quote-order .checkbox { align-items: center; } .quote-order .checkbox .checkbox-icon { margin-right: .5rem; } .quote-order .checkbox .checkbox-label { font-size: .75rem; } .quote-order .react-select__value { color: #111; } .quote-order .react-select__value .react-select__single-value { top: 62%; } .quote-order .quote-order-sections html { width: 100%; } .quote-order .quote-order-sections .em_main_table { width: 100% !important; } .quote-order .quote-order-sections .em_main_table > tbody > tr:first-child { display: none !important; } .quote-order .quote-order-sections .em_main_table table > tbody:nth-child(n+4) { display: none !important; } .quote-order .react-select__label.react-select__label { color: #747A7A; } .quote-order .react-select__menu-list { color: #111; } .quote-order .loading-overlay__positioning { position: fixed; width: 100%; max-height: 75vh; } .quote-order .DayPickerInput { display: block; } .quote-order .DayPickerInput .text-input__label { width: calc(100% - 0.7rem); } .quote-order .DayPickerInput .text-input__label { color: #747A7A; } .quote-order .DayPickerInput .text-input__input { opacity: 1; background: #fff; color: inherit; } .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover { box-shadow: 0 0 0 2px #009bc2; background: #e5f6fb; } .quote-order-sections--read-only .react-select--read-only .react-select__control { border: none; background: none; } .quote-order-sections--read-only .react-select--read-only .react-select__indicators { display: none; } .quote-order-sections--read-only .react-select--read-only .react-select__label { font-size: .75rem; color: #747A7A; font-weight: normal; left: 0; } .quote-order-sections--read-only .react-select--read-only .react-select__value-container { margin-left: 0; padding-left: 0; } .quote-order-sections--read-only .react-select--read-only .react-select__value { font-size: 1rem; font-weight: bold; color: #333636; line-height: 1.3; padding-left: 0; padding-right: 0; } .quote-order-sections--read-only .react-select--read-only .react-select__single-value { padding-left: 0; margin-left: 0; } .quote-order-sections--read-only .text-input--read-only { border: none; } .quote-order-sections--read-only .text-input--read-only .text-input__label { font-size: .75rem; color: #747A7A; font-weight: normal; left: 0; top: 25%; z-index: 1; } .quote-order-sections--read-only .text-input--read-only .text-input__input { font-size: 1rem; font-weight: bold; color: #333636; line-height: 1.3; padding-left: 0; padding-right: 0; background: none; opacity: 1; } .quote-order-sections--read-only .text-input--read-only .text-input__input::placeholder { font-weight: bold; color: #333636; line-height: 1.3; opacity: 1; } .quote-order-sections--read-only .quote-order-notes { border: none; padding: 0; outline: none; resize: none; } .quote-order__header { background-color: rgba(97, 171, 43, 0.25); margin: -1rem -1rem 0; z-index: 1; position: sticky; top: -72px; } .quote-order__header::after { content: ' '; position: absolute; display: block; height: 4px; width: 100%; top: 100%; background: linear-gradient(#ccc, rgba(80, 80, 80, 0)); } .quote-order__header-info { border-top: 1px solid #61AB2B; padding: 1rem 1.5rem; font-size: .875rem; line-height: 1.4; height: 72px; display: flex; justify-content: space-between; align-items: center; transition: background-color 250ms linear; } .quote-order--ordered .quote-order__header-info { background: #E9F7EF; border-color: #9BD8B1; } .quote-order__header-details { border-top: 1px solid #61AB2B; padding: 1rem 1rem; display: flex; flex-flow: row nowrap; justify-content: flex-end; transition: background-color 250ms linear; } .quote-order--ordered .quote-order__header-details { background: #E9F7EF; border-color: #9BD8B1; } .quote-order__header-details > * { padding: 0 1rem; text-align: right; } .quote-order-sections { display: flex; flex-flow: row wrap; justify-content: space-between; } .quote-order-sections .quote-order-section { flex: 1 1 48%; padding: 2rem 1%; border-bottom: 1px solid #ddd; } .quote-order-sections .quote-order-section.quote-order-section--full-width { flex: 1 1 100%; padding-right: 51%; } .quote-order-sections .quote-order-section.quote-order-section--no-border { border: none; padding-bottom: 0; } .quote-order-section-header { display: flex; justify-content: space-between; color: #1A1B1D; font-size: 1.125rem; font-weight: 500; padding: 1rem 0; } .quote-order-section-content { display: flex; flex-flow: row wrap; } .quote-order-section-content > * { flex: 0 0 47.5%; width: 47.5%; margin-right: 2.5%; margin-bottom: 1rem; } .quote-order-section-subheader { margin-top: 1rem; font-size: 1rem; font-weight: 500; flex: 1 1 100%; display: inline-flex; align-items: center; } .quote-order-section-subheader .checkbox { margin-left: 2rem; vertical-align: middle; font-weight: 400; display: inline-flex; } .quote-order-header-checkbox { font-size: .75rem; align-self: flex-end; margin-right: 2.5%; } .quote-order-address__header { color: #333636; font-size: .75rem; } .quote-order-address__line { color: #333636; font-weight: 500; line-height: 1.3; } .quote-order-notes { font-size: .875rem; padding: .75em; height: 5rem; border: 1px solid #C0C3C3; border-radius: 4px; flex: 1 1 auto; width: 100%; margin: 0; } .quote-order-notes::placeholder { color: #8D9393; } .quote-order-group { flex: 1 1 100%; display: flex; } .quote-order-group .checkbox + .checkbox { margin-left: 1rem; } .quote-order-comment { color: #1982C5; font-size: .75rem; margin-top: .5rem; line-height: 1.2; } .quote-order__header-detail-label { font-size: .75rem; color: #747A7A; } .quote-order__header-detail-value { font-size: 1rem; font-weight: 500; color: #333636; line-height: 1.3; } .quote-order__detail-label { font-size: .75rem; color: #747A7A; } .quote-order__detail-label .button { font-size: .75rem; font-weight: normal; color: #0069AB; display: inline; } .quote-order__detail-value { font-size: 1rem; color: #333636; line-height: 1.3; white-space: pre-line; } .quote-order-sections--read-only .quote-order__detail-value { font-weight: 500; } .quote-order-radio-group { display: flex; flex-flow: row wrap; line-height: 1.3; font-size: 1rem; color: #333636; } .quote-order-radio-group .ant-radio-wrapper { padding: 0; height: auto; line-height: inherit; font-size: inherit; color: inherit; opacity: .5; transition: all .2s; font-weight: 500; flex: 0 0 auto; display: inline-flex; } .quote-order-radio-group .ant-radio-wrapper-checked { opacity: 1; } .quote-order-radio-group .ant-radio-wrapper:last-child { padding-right: 0; margin-right: 0; } .quote-order-radio-group .ant-radio-wrapper:last-child .ant-radio + * { padding-right: 0; } .quote-order-radio-group .ant-radio-checked::after { height: 1rem; width: 1rem; } .quote-order-option-byline { font-size: .75rem; font-weight: normal; } .quote-order-terms { flex: 1 1 100%; font-size: .75rem; } .quote-order-terms .checkbox-label .button { font-size: .75rem; font-weight: normal; color: #0d7137; display: inline; } .quote-order-terms .checkbox-label .button:hover { color: #90cc25; } .quote-order-comment--location { flex: 0 0 97.5%; margin-top: -.75rem; margin-bottom: 1.25rem; } .quote-order__request-demarc-disclaimer { margin-top: .25rem; font-size: .5rem; color: #545454; } .quote-order-form--full-width { flex: 0 0 97.5%; } .modal-container-quote-order-terms-modal .popup-content a { color: #0d7137; margin: .25rem; } .quote-order .text-input.text-input--has-error { margin-bottom: 1.75rem; } .quote-order .text-input__error { margin: 2px 0 0; font-size: .75rem; } .quote-order-actions { margin: 1.5rem 0; } .quote-order-actions .button { min-width: 9rem; } .quote-order-actions .button + .button { margin-left: 1.25rem; } .notification-order-saved { position: absolute; width: 100%; top: 100%; } .quote-order__pending-approval-notification, .quote-order__design-validation-notification { margin-bottom: 1rem; } .quote-order__notification--broadband { margin-bottom: 1.5rem; border-color: #00add8; font-size: .75rem; font-style: italic; } .order-rejection-message { margin: .125rem 0 0; } .quote-order__header-notification { margin-top: 1rem; } .checkbox--negotiation { align-self: center; } .text-input-caption { margin: 0 0 .25rem; font-size: .75rem; line-height: 1.25; } .notification__content time { text-transform: lowercase; } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/ImportErrorModal.scss ***! \*******************************************************************************************************************************************************/ .modal-container.modal-container-import-error-popup .popup { max-height: 100vh; } .modal-container.modal-container-import-error-popup .popup-content { padding: 0; } .modal-container.modal-container-import-error-popup .popup--is-collapsed .popup-content { overflow: visible; } .modal-container.modal-container-import-error-popup .widget-create-quote { border-bottom: none; box-shadow: none; border-radius: 0; padding-bottom: 0; } .modal-container.modal-container-import-error-popup .advanced-options { margin-top: 0; margin-bottom: 0; padding-bottom: 1rem; } .modal-container.modal-container-import-error-popup .react-select__menu-list { max-height: 200px; } .modal-container.modal-container-import-error-popup .create-quote-button-container { display: none; } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/DescriptionModal.scss ***! \*******************************************************************************************************************************************************/ .modal-container-fileAttachmentDescriptionPopup .popup .popup-content { padding-top: 2px; padding-bottom: 2rem; min-height: unset; } .modal-container-fileAttachmentDescriptionPopup textarea { height: 7rem; } /*!***********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/DesignRejectionModal.scss ***! \***********************************************************************************************************************************************************/ .modal-container.modal-container-reject-design-modal .popup-content { padding-top: 0; } .modal-container.modal-container-reject-design-modal textarea { width: 100%; margin: 1rem 0; border: 1px solid #ddd; border-radius: 4px; padding: .5rem; min-height: 5rem; } /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/ImportQuotesModal.scss ***! \********************************************************************************************************************************************************/ .modal-container-importQuotes .drawer { width: auto; padding: 0; justify-content: space-between; } .modal-container-importQuotes .close-drawer { margin: 0; } .modal-container-importQuotes .drawer-content { position: relative; padding: 0; } .modal-container-importQuotes .scrollable-content { position: absolute; z-index: 0; width: 100%; padding: 1rem 0; } .modal-container-importQuotes .notification--warning { margin-top: -1rem; margin-bottom: 1rem; } .modal-container-importQuotes .lookup.folder .react-select__control, .modal-container-importQuotes .lookup.customer .react-select__control { background-color: #F2F3F3; color: #000; } .modal-container-importQuotes .lookup.folder { margin: 1.25rem 0 1rem; } .modal-container-importQuotes .lookup.folder .react-select__dropdown-indicator { display: none; } .modal-container-importQuotes .import-quotes-modal-section-title { font-size: .75rem; color: #5A5F5F; margin: 2em 0 .5em; } .modal-container-importQuotes .import-file-label__error { color: red; } .modal-container-importQuotes .import-quotes-modal-section { position: relative; font-size: .75rem; padding: 1rem; background-color: #F2F3F3; display: flex; align-items: center; } .modal-container-importQuotes .import-quotes-modal-section--error { border: 1px solid red; } .modal-container-importQuotes .import-quotes-modal-section .import-button { font-size: .75rem; padding: .75em 2em; } .modal-container-importQuotes .import-quotes-modal-section .icon-spreadsheet { font-size: 1.5rem; margin-right: .25rem; } .modal-container-importQuotes .import-quotes-modal-section .import-file-label { padding-left: 1em; } .modal-container-importQuotes .import-quotes-modal-section .download-template-button { display: inline-flex; align-items: center; font-size: .75rem; } .modal-container-importQuotes .import-quotes-modal-section .download-template-button[disabled] { opacity: .5; } .modal-container-importQuotes .import-quotes-modal-section .jumbo-loading-icon { font-size: 2rem; } .modal-container-importQuotes .toggler { margin: 0 0 0 1.75rem; font-size: .75rem; padding: 5px; display: inline-flex; align-items: center; } .modal-container-importQuotes .toggler .icon.icon-caret-down { color: inherit; font-size: 1.25rem; } .modal-container-importQuotes .toggler .icon.icon-caret-down svg { fill: currentColor; transition: transform 200ms; } .modal-container-importQuotes .toggler.toggler--collapse .icon-caret-down svg { transform: rotate(180deg); } .modal-container-importQuotes .toggled-container { margin: 0; } .modal-container-importQuotes .partner-pricing { margin: .5rem 0 0; } .modal-container-importQuotes .partner-pricing-options .lookup { margin: 1rem 0; } .modal-container-importQuotes .partner-data-wrapper.toggleable { padding: 0; margin: 0; } .modal-container-importQuotes .text-input { position: relative; height: 50px; font-size: 14px; color: #5A5F5F; border: 1px solid #D9DBDB; border-radius: 5px; overflow: hidden; } .modal-container-importQuotes .text-input__input { width: 100%; height: 100%; border: none; outline: none; padding: 1rem 0 0 1rem; font-size: 14px; } .modal-container-importQuotes .text-input__label { position: absolute; font-size: .875rem; top: 50%; transform: translateY(-50%); left: 1rem; transition: all 300ms; } input:focus + .modal-container-importQuotes .text-input__label, input:valid + .modal-container-importQuotes .text-input__label { top: 25%; font-size: .675rem; } .modal-container-importQuotes .import-data-container { padding: 1rem 1.75rem 3rem; } .modal-container-importQuotes .loading-overlay { background: rgba(255, 255, 255, 0.5); } /*!*********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/MoveQuoteModal.scss (2) ***! \*********************************************************************************************************************************************************/ .modal-container-move-quote-modal .popup-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .modal-container-move-quote-modal .selectable-folder-items { margin: 0; padding: 0; cursor: pointer; } .modal-container-move-quote-modal .selectable-folder-items .selectable-folder-item { color: #5a5f5f; list-style: none; padding: .75em; margin: 0; width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-end; transition: background-color .2s; } .modal-container-move-quote-modal .selectable-folder-items .selectable-folder-item:hover { background-color: #e5f6fb; } .modal-container-move-quote-modal .selectable-folder-items .selectable-folder-item + .selectable-folder-item { border-top: 1px solid #d9dbdb; } .modal-container-move-quote-modal .selectable-folder-items .selectable-folder-item .icon { font-size: 2rem; transform: translateY(2px); margin-right: .35em; align-self: center; } .modal-container-move-quote-modal .selectable-folder-items .selectable-folder-item.--selected { color: #e9e9e9; background-color: #00add8; } /*!*****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/NewFolderModal.scss ***! \*****************************************************************************************************************************************************/ .modal-container-newFolderPopup .drawer { width: auto; padding: 0; } .modal-container-newFolderPopup .drawer-content { padding: 1rem 1.75rem; } .modal-container-newFolderPopup .close-drawer { padding: 1rem; font-size: 1rem; color: #f2f3f3; margin: 0; } /*!*****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/OrderConfirmationModal.scss (2) ***! \*****************************************************************************************************************************************************************/ .modal-container-order-quote-confirmation-popup .popup .popup-header { padding: 1rem 1.8rem 0; } .modal-container-order-quote-confirmation-popup .popup .popup-header .popup-label { font-size: 1.5rem; display: flex; align-items: center; color: #111; } .modal-container-order-quote-confirmation-popup .icon-checkmark-circle-outline { font-size: 2.5rem; color: green; margin-left: -.75rem; } .modal-container-order-quote-confirmation-popup .popup-content { color: #333; max-height: none; } .modal-container-order-quote-confirmation-popup .popup-content div + div { margin-top: 1rem; } .modal-container-order-quote-confirmation-popup .order-confirmation-thank-you { font-size: 1.25rem; color: #111; margin-bottom: 1rem; font-weight: 500; } .modal-container-order-quote-confirmation-popup a:not(.button) { color: #0d7137; font-weight: normal; } .modal-container-order-quote-confirmation-popup a:not(.button):hover { color: #90cc25; } .modal-container-order-quote-confirmation-popup p { line-height: 1.3; margin-bottom: 1.5em; } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/QuoteReviewModal.scss ***! \*******************************************************************************************************************************************************/ .modal-container-review-quote-modal .popup .popup-content { overflow: visible; padding-top: 0; } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/SelectUserModal.scss ***! \******************************************************************************************************************************************************/ .modal-container-add-users-popup .add-user-inputs__adder { margin: 2rem 0; } .modal-container-add-users-popup .add-user-inputs__adder .icon { color: #fff; margin-right: .25rem; } .modal-container-add-users-popup .add-user-inputs__remover { position: absolute; right: 0; font-size: .7rem; padding: .875em; } .modal-container-add-users-popup .add-user-inputs { display: flex; flex-flow: row nowrap; margin-bottom: .5rem; position: relative; padding-right: 2rem; } .modal-container-add-users-popup .add-user-inputs .add-user-input-field { flex: 1 1; margin-right: .5rem; vertical-align: top; } .modal-container-add-users-popup .add-user-inputs .add-user-input-field--email { flex: 1 1 auto; } .modal-container-add-users-popup .add-user-inputs input { padding: .5rem; font-size: .825rem; width: 100%; border: 1px solid #999; border-radius: 3px; } .modal-container-add-users-popup .add-user-inputs .add-user-input-field--errored input { border-color: red; } .modal-container-add-users-popup .add-user-input-field-error { font-size: .75rem; color: red; } /*!***********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/SendOrderReviewModal.scss ***! \***********************************************************************************************************************************************************/ .modal-container-send-order-review-modal .popup .popup-content { padding-top: 0; } .modal-container-send-order-review-modal .lookup, .modal-container-send-order-review-modal .text-input { margin-top: 1rem; } .modal-container-send-order-review-modal .react-select__icon { font-size: 1rem; } .modal-container-send-order-review-modal .text-input__input--textarea { min-height: 5rem; } .modal-container-send-order-review-modal .loading-overlay { background-color: rgba(0, 0, 0, 0.2); } .send-order-review__note { font-size: .75rem; } .send-order-review__download { display: flex; align-items: center; margin: 1rem .5rem; } .send-order-review__download .icon { font-size: 1.125rem; transform: rotate(270deg); } .send-order-review__download .button { margin: 0; font-size: .75rem; padding-left: .375rem; text-decoration: underline; } /*!***************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/SupportModal.scss ***! \***************************************************************************************************************************************************/ .modal-container-support-modal .popup .popup-content { padding-top: 0; } .modal-container-support-modal .support-modal__checkboxes { margin: 3rem 0 1rem; display: flex; flex-flow: row wrap; position: relative; } .modal-container-support-modal .support-modal__checkboxes .checkbox { flex: 1 1 50%; font-size: .75rem; margin-bottom: 1rem; opacity: 1; transition: opacity .5s; } .modal-container-support-modal .support-modal__checkboxes--fetching .checkbox { opacity: 0; transition: none; } .modal-container-support-modal textarea { font-size: .875rem; padding: .75em; height: 6rem; border: 1px solid #C0C3C3; border-radius: 4px; flex: 1 1 auto; width: 100%; margin: 0 0 2rem; } .modal-container-support-modal textarea::-webkit-input-placeholder { color: #8D9393; } .modal-container-support-modal textarea::-moz-placeholder { color: #8D9393; } .modal-container-support-modal textarea::-ms-input-placeholder { color: #8D9393; } /*!*********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Modals/TransferQuoteModal.scss ***! \*********************************************************************************************************************************************************/ .modal-container-transfer-quote-modal .popup .popup-content, .modal-container-transfer-folder-modal .popup .popup-content { padding-top: 0; overflow: visible; min-height: auto; } .modal-container-transfer-quote-modal .react-select__menu-portal, .modal-container-transfer-folder-modal .react-select__menu-portal { position: relative; inset: 0; } /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Modals/Popups/Popup.scss (2) ***! \************************************************************************************************************************************************/ .popup { position: absolute; width: 66.6667%; min-width: 38rem; max-width: 57rem; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1), 0 15px 35px rgba(32, 38, 41, 0.2); border-bottom: 1px solid #1a1b1d; background-color: #fff; } .popup .popup-header { position: relative; padding: 1.5rem 2.8rem 1.375rem 1.8rem; z-index: 1; } .popup .popup-header .popup-label { font-size: 1.325rem; font-weight: 500; } .popup .popup-header.scrolled { box-shadow: 0 3px 4px -1px rgba(32, 38, 41, 0.2); } .popup .close-popup { position: absolute; top: 50%; right: 0.5rem; transform: translate(0, -50%); padding: 1.375rem 1rem 1.325rem; font-size: 1.5rem; line-height: 0; color: #1a1b1d; } .popup .close-popup:hover { color: #3390cb; } .popup .close-popup.minimize { padding-top: 0.5rem; } .popup .popup-content { width: 100%; height: 100%; min-height: 14rem; max-height: calc(100vh - 8rem); overflow-y: auto; padding: 0 1.8rem 1.8rem; color: #5a5f5f; } .popup .popup-footer { display: flex; bottom: 0; } /*!***********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Feedbacks/feedback.scss (2) ***! \***********************************************************************************************************************************************/ .feedback { position: relative; margin-bottom: 1rem; padding: 1rem 1rem 1rem 2.5rem; font-size: 0.875rem; color: #333636; } .feedback > :first-child { margin-top: 0; } .feedback > :last-child { margin-bottom: 0; } .feedback .feedback-icon { position: absolute; top: 0.875rem; left: 0.5rem; font-size: 1rem; } .feedback.small { padding-top: 0.875em; padding-bottom: 0.8125em; font-weight: 500; } .feedback.small .feedback-icon { top: 0.625rem; } .feedback.error { border-bottom: 1px solid #ed021e; background-color: #fcebed; } .feedback.info { border-bottom: 1px solid #0d7137; background-color: #90cc25; } .feedback.success { border-bottom: 1px solid #30a259; background-color: #eaf7ef; } .feedback.strong { color: #fff; } .feedback.strong.error { background-color: #ed021e; } .feedback.strong.info { background-color: #0d7137; } .feedback.strong.success { background-color: #30a259; } /*!***************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Molecules/Tiles/tile.scss (2) ***! \***************************************************************************************************************************************/ .tile { align-self: stretch; position: relative; width: 100%; margin: 1rem 0; box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1); background-color: #fff; padding: 2.25rem; transition: 0.4s; } .tile:hover { box-shadow: 0 9px 15px rgba(32, 38, 41, 0.1), 0 15px 35px rgba(32, 38, 41, 0.2); } .tile.requirements-tile { max-width: 420px; } .tile > :first-child { margin-top: 0; } .tile > :last-child { margin-bottom: 0; } /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/LandingPages/error_pages.scss (2) ***! \*************************************************************************************************************************************************/ .error-page .container { height: 100vh; background-color: #ed021e; color: #fff; } .error-page .header { margin: -1.8rem -1.8rem 0; background-color: #fff; padding-top: 8rem; padding-bottom: 1rem; text-align: center; color: #ed021e; } .error-page .banner { width: auto; } .error-page .message { width: 25rem; margin: 2.3rem auto; text-align: center; } .error-page .message p { margin-bottom: 2rem; padding-left: 4.5rem; padding-right: 4.5rem; } .error-page .nav-buttons { margin-top: 1.8rem; } .error-page .nav-buttons > * { margin-right: 2rem; } .not-found-page .container { background-color: #009bc2; } .not-found-page .header, .not-found-page .button-transparent:hover { color: #009bc2; } .unexpected-error-page .container { background-color: #0075bf; } .unexpected-error-page .header, .unexpected-error-page .button-transparent:hover { color: #0075bf; } /*!***********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Organisms/navbar.scss (2) ***! \***********************************************************************************************************************************/ nav { display: flex; height: 3.75rem; justify-content: space-between; align-items: center; background-color: #fff; line-height: 0; font-size: 1.525rem; color: #fff; border-bottom: 1px solid #d9dbdb; } nav .sidebar-toggle { display: inline-flex; flex-direction: column; width: 3.75rem; margin-right: 1.125rem; padding: 0.625rem 1.125rem 1.125rem; font: inherit; font-size: .6875rem; color: #007997; border: none; border-bottom: 1px solid #d9dbdb; cursor: pointer; z-index: 3; } nav .sidebar-toggle:hover .icon { color: #66cde7; } nav .sidebar-toggle .icon { display: inline; width: 1.5rem; height: 1rem; margin-bottom: 1rem; padding-right: 0; line-height: 0; font-size: 1.5rem; color: #818888; } nav .sidebar-toggle .title { font-weight: 300; } nav h1 { font-weight: 500; font-size: 1.325rem; margin-top: 1.625rem; } nav .button.navbar-button { padding: 1.125rem; color: inherit; text-decoration: none; } nav .button.navbar-button:hover { color: #cccfcf; } nav .button.navbar-button:hover .icon { color: #cccfcf; } nav .button.navbar-button .icon { padding-right: 0; line-height: 0; color: #fff; } nav .navbar-right { display: flex; flex-grow: 1; justify-content: flex-end; align-items: center; height: 100%; } nav .navbar-dropdown { position: absolute; top: 3.75rem; right: 0; z-index: 1; margin: 0; border-top: 1px solid #b3b7b7; background-color: #fff; padding: 0.5rem 1rem; list-style: none; line-height: 1.5; text-align: right; font-size: 1rem; } nav .navbar-dropdown li { display: list-item; } nav .navbar-dropdown li:empty { display: none; } nav .navbar-dropdown a { color: inherit; text-decoration: none; } nav .navbar-dropdown a:hover { color: #66cde7; } /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/LandingPages/UnsupportedBrowser.scss ***! \****************************************************************************************************************************************************/ html, body, #root, #root > div, .unsupported-browser, .unsupported-browser__table { height: 100%; } .unsupported-browser nav { width: 100%; position: absolute; top: 0; } .unsupported-browser nav img { width: 94px; height: 28px; border: 0; } .unsupported-browser .unsupported-browser__table { display: table; padding-top: 60px; width: 100%; text-align: center; color: #0075BF; } .unsupported-browser .unsupported-browser__section { height: 40%; display: table-cell; padding: 16px; font-size: 28px; } .unsupported-browser .unsupported-browser__section .icon { font-size: 10rem; display: block; margin: auto; } .unsupported-browser .recommended-browsers__section { height: 60%; width: 100%; vertical-align: top; color: #fff; background-color: #0075BF; } .unsupported-browser .recommended-browsers__section p { margin: 0 auto; padding: 32px 0; width: 320px; } .unsupported-browser .recommended-browsers__list { list-style: none; margin: 0; padding: 0; } .unsupported-browser .recommended-browsers__list li { width: 96px; text-align: center; display: inline-block; } .unsupported-browser .recommended-browsers__list .icon { margin: 0 auto 8px; padding: 0; font-size: 48px; display: block; } /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/EcxLoginPage.scss ***! \*************************************************************************************************************************************/ .ecx-login-page { color: #2A303D; background-color: #eeeff3; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .ecx-redirect-text-container { text-align: center; padding-bottom: 20%; } .ecx-redirect-text--reauthenticate { max-width: 52rem; font-size: 1.75rem; line-height: 1.3; font-weight: 500; margin-bottom: 1rem; padding: 0 1rem; } .ecx-redirect-text--wait { font-size: 1.3125rem; font-weight: 300; margin-bottom: 1.5rem; } .ecx-redirect-text--redirect { font-size: .875rem; margin-bottom: .75rem; } .ecx-redirect-link { display: inline-block; font-size: .75rem; font-weight: 500; border: 2px solid #369DDB; border-radius: 2px; color: #48A6DE; background-color: transparent; padding: .35rem 2rem; text-decoration: none; } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/PacketFabric/PacketFabricLoginPage.scss ***! \*******************************************************************************************************************************************************/ .packetfabric-login-page { color: #2A303D; background-color: #eeeff3; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .packetfabric-redirect-text-container { text-align: center; padding-bottom: 20%; } .packetfabric-redirect-text--reauthenticate, .packetfabric-redirect-text--login { max-width: 52rem; font-size: 1.75rem; line-height: 1.3; font-weight: 500; margin-bottom: 1rem; padding: 0 1rem; } .packetfabric-redirect-text--wait { font-size: 1.3125rem; font-weight: 300; margin-bottom: 1.5rem; } .packetfabric-redirect-text--redirect { font-size: .875rem; margin-bottom: .75rem; } .packetfabric-redirect-link { display: inline-block; font-size: .75rem; font-weight: 500; border: 2px solid #369DDB; border-radius: 2px; color: #48A6DE; background-color: transparent; padding: .35rem 2rem; text-decoration: none; } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Organisms/sidebar.scss (2) ***! \************************************************************************************************************************************/ .sidebar { display: flex; flex-direction: column; position: relative; min-width: 0; width: 0; background-color: #f2f3f3; white-space: nowrap; color: #404444; transition: 0.4s; z-index: 2; } .sidebar .sidebar-section { position: relative; overflow: hidden; max-height: 100rem; transition: 0.4s; } .sidebar .sidebar-section.collapsed { max-height: 3.75rem; } .sidebar .sidebar-button { display: flex; justify-content: flex-start; align-items: center; height: 3.75rem; border-bottom: 1px solid #cccfcf; padding: 0.5rem 1.125rem; text-decoration: none; font-size: 0.875rem; font-weight: normal; color: #404444; } .sidebar .sidebar-button:hover { background-color: #e5e7e7; color: #404444; } .sidebar .sidebar-button:hover .icon { color: #0d7137; } .sidebar .sidebar-button.selected { background-color: #e5e7e7; } .sidebar .sidebar-button.selected:hover { background-color: #e5e7e7; } .sidebar .sidebar-button.selected .icon { color: #0d7137; } .sidebar .sidebar-button.disabled { color: #c0c3c3; cursor: initial; } .sidebar .sidebar-button.disabled:hover { color: #f2f3f3; } .sidebar .sidebar-button .icon { color: #818888; transition: 0.2s ease-in-out; } .sidebar .sidebar-button .title { display: none; padding-left: 1rem; } .sidebar .sidebar-icon { display: block; padding-right: 0; font-size: 1.5rem; line-height: 0; } .sidebar .control { display: none; position: absolute; top: 0; right: 0; height: 2.75rem; justify-content: flex-end; align-items: center; margin-top: 0.5rem; border-left: 1px solid #cccfcf; padding-left: 1rem; padding-right: 1rem; line-height: 1; color: #404444; transition: 0.4s; cursor: pointer; } .sidebar .control:hover { color: #66cde7; } .sidebar .control .icon { padding-right: 0; line-height: 0; font-size: 1.5rem; transform: scaleY(1); transition: 0.2s; } .sidebar .menu-icon { opacity: 0; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); transition: 0.4s; pointer-events: none; } .sidebar.expanded { min-width: 16rem; } .sidebar.expanded .control { display: inline-flex; } .sidebar.expanded .control.collapsed .icon { transform: scaleY(-1); } .sidebar.expanded .title { display: inline; } .sidebar.expanded .sidebar-footer { min-width: 16rem; } .sidebar .sidebar-footer { position: fixed; bottom: 1em; left: 0; width: 0; min-width: 0; overflow: hidden; transition: inherit; } .sidebar .colophon { position: relative; text-align: center; color: #404444; font-weight: 400; font-size: 0.75rem; width: 16rem; } .sidebar .colophon a { text-decoration: underline; font-weight: inherit; color: inherit; } .sidebar .colophon a:hover { color: #0d7137; } .sidebar .sidebar-support { margin-bottom: 1rem; display: flex; flex-flow: row nowrap; align-items: center; background-color: #d9dbdb; color: #404444; } .sidebar .sidebar-support .sidebar-support-icon { padding: 1rem; } .sidebar .sidebar-support .icon { font-size: 1.5rem; margin: auto 0; color: #818888; padding: 0; } .sidebar .sidebar-support .sidebar-support-links { padding: .5rem 0; display: flex; flex-flow: column nowrap; justify-content: space-around; align-items: start; align-self: stretch; } .sidebar .sidebar-support .support__link { letter-spacing: 1px; } .sidebar .sidebar-footer-legal-links { display: flex; flex-flow: column; } .sidebar .sidebar-footer-legal-links a + a { margin-top: .25rem; } /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Dashboard/Dashboard.scss (2) ***! \************************************************************************************************************************************************/ .dashboard { height: 100%; } .dashboard .widget { margin: 1em 0; } .dashboard .widget .pager-row { display: none; } .dashboard .widget h2 { margin: .5em 0; padding: 0; color: #747A7A; font-size: 18px; } .dashboard .widget-wrapper { height: 295px; border: 1px solid #E5E7E7; border-radius: 5px; box-shadow: 0 3px 8px 0 rgba(32, 38, 41, 0.1); background: #fff; display: flex; flex-flow: column nowrap; position: relative; } .dashboard .widget-scroller { margin: 1rem 0 0; height: 100%; overflow-x: hidden; position: relative; border-top: 1px solid #e5e7e760; } .dashboard-content { margin: 0 auto; padding: 0 5% 6em; width: 100%; } .dashboard-content .page-content { padding: 0; width: 100%; } .dashboard-content .breadcrumbs { margin-left: 0; } .dashboard__widgets { display: flex; flex-flow: row wrap; justify-content: space-between; } .dashboard__widgets--external .widget--request-quote { order: 1; } .dashboard__widgets--external .widget--quote-manager { order: 2; } .dashboard__widgets--external .widget--pricing-desk { order: 3; } .dashboard__widgets--internal .widget--pricing-desk { order: 1; } .dashboard__widgets--internal .widget--quote-manager { order: 2; } .dashboard__widgets--internal .widget--request-quote { order: 3; } .widget--request-quote { width: 100%; } .widget--pricing-desk, .widget--quote-manager { flex: 0 0 49%; } .widget.widget--pricing-desk .pricing-desk-widget { overflow: hidden; flex: 1 1 100%; } .widget.widget--pricing-desk .ant-tabs { height: 100%; } .widget.widget--pricing-desk .ant-tabs-nav { margin: 0; } .widget.widget--pricing-desk .ant-tabs-content-holder { overflow: hidden auto; } .widget.widget--pricing-desk .ant-tabs-content { min-height: 100%; } .widget.widget--pricing-desk .ant-tabs-content .loading-overlay__positioning { transform: translateY(-28px); } .widget.widget--pricing-desk th, .widget.widget--pricing-desk td:nth-child(n+3) { display: none; } .widget .quote-manager__table th, .widget .quote-manager__table .sortable-table-column--date, .widget .quote-manager__table .sortable-table-column--actions, .widget .quote-manager__table .sortable-table-column--reference, .widget .quote-manager__table .sortable-table-column--bandwidth, .widget .quote-manager__table .sortable-table-column--owner { display: none; } .widget .quote-manager__table .sortable-table-column--type { padding-left: 0.5rem; } .widget .quote-manager__table .status-icon__substatus { font-size: .75rem; color: #999; line-height: .75; padding-left: 1.7rem; } .widget .quote-manager__table .sortable-table-column--status { width: 1%; padding-left: 2%; } .widget-button-link.link { flex: 0 0; text-decoration: none; font-size: .875rem; border-top: 1px solid #e5e7e7; border-radius: 0 0 5px 5px; padding: 1rem 1.5rem; display: block; text-align: center; transition: background-color 200ms; } .widget-button-link.link:hover { background-color: #f2f3f3; } @media only screen and (max-width: 960px) { .dashboard .breadcrumbs { margin-left: 2.5%; } .dashboard .dashboard-content { padding: 0 0 2em; width: 95%; } } @media only screen and (max-width: 768px) { .widget--pricing-desk, .widget--quote-manager { flex: 0 0 100%; } .widget-create-quote .lookups, .widget-create-quote .options { flex-wrap: wrap; } .widget-create-quote .lookups > .lookup.lookup, .widget-create-quote .lookups > .location-combo, .widget-create-quote .lookups > .location-combo-container, .widget-create-quote .options > .lookup.lookup, .widget-create-quote .options > .location-combo, .widget-create-quote .options > .location-combo-container { flex: 0 0 100%; max-width: initial; margin-left: 0; } .widget-create-quote .lookups > * + *, .widget-create-quote .options > * + * { margin-top: .4em; } } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/PricingDesk/PricingDeskFilter.scss ***! \******************************************************************************************************************************************************/ .pricing-desk-filter { flex: 1 1 100%; display: flex; flex-flow: row nowrap; background-color: #eee; padding: 1em; transition: all .2s; opacity: 1; margin-top: 1rem; } .pricing-desk-filter.--collapsed { height: 0; padding: 0 1em; visibility: hidden; opacity: 0; margin-top: 0rem; } .pricing-desk-filter.--collapsed .pricing-desk-filter__reset-button, .pricing-desk-filter.--collapsed .lookup { display: none; } .pricing-desk-filter .react-select__option .checkbox-label { align-self: center; } .pricing-desk-filter__reset-button { align-self: center; margin-left: auto; overflow: visible; } /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/PricingDesk/PricingDesk.scss ***! \************************************************************************************************************************************************/ .pricing-desk-page .header-wrap { flex-wrap: wrap; } .pricing-desk-page .page-header { flex: 1 1; white-space: nowrap; } .pricing-desk-page .page-header > span { text-transform: capitalize; } .pricing-desk-page .page-actions { flex: 1 1; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; gap: 1.5rem; } .pricing-desk-page .page-actions .button { margin: 0; padding: .5rem; position: relative; display: inline-flex; flex-flow: row nowrap; align-items: center; } .pricing-desk-page .page-actions .button .icon { font-size: 1.5rem; margin-right: 2px; vertical-align: middle; } .pricing-desk-page .page-actions .button .icon-envelope { transform: translateX(-2px); } .pricing-desk-page .page-actions .button .icon-subtract-circle-outline { font-size: 1.25rem; margin-right: 4px; } .pricing-desk-page .page-actions .bulk-action-button { overflow: visible; } .pricing-desk-page .page-actions .bulk-action-button__label { font-size: .875rem; padding-right: 2px; } .pricing-desk-page .page-actions .bulk-action-button__details { font-size: .625rem; position: absolute; bottom: 0rem; left: 2.2rem; } .pricing-desk-page .action-notification { width: 100%; margin: 0 auto; left: 0; top: 0; position: sticky; opacity: .95; z-index: 2; } .pricing-desk-page .selected-notification { position: sticky; top: 0; } .pricing-desk-page .selected-notification .notification__content { font-size: 1rem; display: flex; justify-content: space-between; align-items: center; } .pricing-desk__bulk-assign-menu { z-index: 1; } /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteManager/QuoteManagerFilter.scss ***! \********************************************************************************************************************************************************/ .quote-manager-filter { display: flex; flex-flow: row wrap; gap: .25rem .75rem; background-color: #eee; padding: 1em; transition: all .2s; opacity: 1; } .quote-manager-filter.--collapsed { height: 0; padding: 0 1em; visibility: hidden; opacity: 0; } .quote-manager-filter.--collapsed .quote-manager-filter__reset-button, .quote-manager-filter.--collapsed .lookup { display: none; } .quote-manager-filter .react-select__control--is-disabled .react-select__label { opacity: .3; } .quote-manager-filter .react-select__option .checkbox-label { align-self: center; } .quote-manager-filter__all-org-users-checkbox { font-size: .75rem; padding-left: 0.25rem; overflow: visible; white-space: nowrap; } @media screen and (min-width: 768px) { .quote-manager-filter { flex-flow: row nowrap; } } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteManager/QuoteManager.scss ***! \**************************************************************************************************************************************************/ .quote-manager-page .page-header { flex: 0 0 auto; margin-bottom: .5rem; overflow: hidden; text-overflow: ellipsis; } .quote-manager-page .page-content { display: flex; flex-flow: row nowrap; justify-content: space-between; } .quote-manager-page .header-wrap { justify-content: space-between; flex-wrap: wrap; overflow: visible; z-index: 2; } .quote-manager-page .header-wrap .quote-manager-filter { flex: 1 1 100%; } .quote-manager-page .header-wrap .quote-manager-filter:not(.--collapsed) { margin-top: .5rem; } .quote-manager-page .header-wrap .quote-manager-filter:not(.--collapsed) + .quote-manager-notifications { top: 95%; } .quote-manager-page .quote-manager-actions { display: flex; width: 100%; flex-flow: row nowrap; align-items: center; gap: 1.5rem; } .quote-manager-page .quote-manager-actions .button { font-size: .875rem; } .quote-manager-page .quote-manager-actions .button .icon { margin-right: .25rem; font-size: 1.5rem; vertical-align: -.45rem; } .quote-manager-page .quote-manager-actions .filter-button { margin: 0 .5rem 0 auto; font-size: 1rem; padding: 0 .5rem; } .quote-manager-page .quote-manager-notifications { flex: 1 1 100%; position: absolute; top: 100%; width: 100%; } .quote-manager-page .quote-manager-content { flex: 1 1 auto; width: 100%; } .quote-manager-page .action-notification { width: 100%; margin: 0 auto; left: 0; top: 0; position: sticky; opacity: .95; z-index: 1; } .quote-manager-page .filter-description { margin: 0 0 1em; color: #454545; } .quote-manager__importing-notification { width: 100%; } .quote-manager__context_menu { z-index: 2; } /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteOrder/QuoteOrder.scss ***! \**********************************************************************************************************************************************/ .create-quote-page { margin-bottom: 3rem; } .create-quote-page .page-content { padding-bottom: 1rem; } .create-quote-page .support-band { margin-top: 1rem; } .page-status--confirm-order { margin: .5rem 0; display: flex; flex-flow: row nowrap; align-items: center; font-size: .875rem; font-weight: 500; } .page-status--confirm-order .icon { color: #ED8702; font-size: 1.5rem; margin-right: .25rem; } /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/QuoteRequirements.scss (2) ***! \********************************************************************************************************************************************************/ .quote-spec { background-color: #f2f3f3; color: #404444; padding: 0 1.25rem .5rem; min-height: 6rem; position: relative; border-radius: 0 0 8px 8px; } .quote-spec .loading-icon { width: 100%; text-align: center; } .quote-spec .quote-spec__value { color: #404444; text-align: left; line-height: 1.2; font-size: .875rem; font-weight: 500; } .quote-spec .quote-spec__label { font-size: .75rem; font-weight: 500; } .quote-spec .quote-spec-options { display: flex; flex-flow: row wrap; justify-content: space-between; } .quote-spec .quote-spec-options .label { font-size: .75rem; } .quote-spec .quote-spec-location { flex: 1 1 auto; padding-left: 2rem; position: relative; margin-bottom: .75rem; } .quote-spec .quote-spec-location .icon { position: absolute; top: -.1rem; left: 0; font-size: 1.5rem; color: #676c6c; } .quote-spec .quote-spec-location .location-icon--has-tooltip { cursor: pointer; } .quote-spec .quote-spec-location .quote-spec-location__xconn { font-size: .75rem; margin-top: .125rem; position: relative; display: inline-flex; } .quote-spec .quote-spec-location .quote-spec-location__xconn .icon { position: relative; margin: 0 0.125rem 0 -0.125rem; font-size: 1rem; cursor: default; } .quote-spec .quote-spec-location__user-rate, .quote-spec .quote-spec-location__ipv4 { position: relative; font-weight: 400; font-size: .75rem; } .quote-spec .quote-spec__follow-up { font-weight: bold; text-align: right; display: flex; align-items: center; justify-content: flex-end; } .quote-spec .quote-spec__follow-up .icon { font-size: 1.25rem; color: inherit; } .quote-spec .quote-spec-connection { flex: 0 0 auto; display: flex; margin-bottom: .75rem; } .quote-spec .quote-spec-connection > div + div { margin-left: 2rem; } .quote-spec .dd { font-size: 18px; font-weight: 500; line-height: 22px; } .quote-spec .quote-spec__toggle-button.button { font-size: .65rem; } .quote-spec__bottom-row { display: flex; justify-content: space-between; align-items: flex-end; } .quote-spec__tags { flex: 1 1 100%; font-size: .75rem; } .quote-spec__tag { flex: 0 0 auto; display: inline-block; margin-right: 1rem; background: #999; padding: 0.1rem 0.4rem; border-radius: 4px; overflow: hidden; color: white; } .quote-spec__tag .quote-spec__tag-extra { max-width: 0; opacity: 0; display: inline-block; white-space: nowrap; transition: all 350ms ease-in; transition-delay: 300ms; } .quote-spec__tag:hover .quote-spec__tag-extra { max-width: 100%; opacity: 1; transition: all 350ms ease-out; transition-delay: 0ms; } .quote-spec-title { color: #676c6c; font-size: .75rem; border-top: 1px solid #cccfcf; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: baseline; padding-top: .25rem; min-height: 1rem; } .quote-spec-title .icon-user { margin-top: 2px; } .quote-spec-title time::before { content: '-'; margin: 0 .25rem; } .quote-spec-advanced .quote-spec-advanced-options, .quote-spec-advanced .quote-spec-partner-data { display: flex; flex-flow: row wrap; font-size: .875rem; line-height: 18px; color: #C0C3C3; } .quote-spec-advanced .quote-spec-advanced-options .advanced-option, .quote-spec-advanced .quote-spec-partner-data .advanced-option { margin-right: 3em; margin-top: 1em; } .quote-spec-advanced .quote-spec-advanced-options .advanced-option__value, .quote-spec-advanced .quote-spec-partner-data .advanced-option__value { color: #fff; } .quote-spec-disclaimer { margin-top: 1rem; font-size: .65rem; line-height: 1.2; } .quote-location-tooltip__user-input { font-size: .75rem; } .quote-location-tooltip__user-input dt { font-weight: bold; } .quote-location-tooltip__user-input dd { line-height: 1.2; margin: 0 0 .5rem; } .quote-spec-location__latlong { font-weight: 400; font-size: .75rem; color: #999; margin-top: .25rem; } /*!************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/WhatsNext.scss (2) ***! \************************************************************************************************************************************************/ .whats-next { margin-top: 1.5rem; } .whats-next .icon-question-mark { font-size: 1.5rem; margin: 0 .5rem; } .whats-next__header { display: flex; align-items: center; font-size: 1rem; font-weight: 500; border-bottom: 1px solid #E5E7E7; padding-bottom: .25rem; color: #202629; } .whats-next__links { display: flex; justify-content: space-around; margin: 2rem 0; } .whats-next__links li { list-style-type: none; width: 11rem; padding: 0; text-align: center; cursor: pointer; transition: transform 100ms; } .whats-next__links li > a { display: block; text-decoration: none; } .whats-next__links li .whats-next__link-text { font-size: 1rem; color: #0d7137; line-height: 1.2; font-weight: 400; transition: color 100ms; } .whats-next__links li:hover { transform: scale(1.1); } .whats-next__links .icon { color: #0d7137; font-size: 4.5rem; margin-bottom: .75rem; transition: all 100ms; } .whats-next__links .button--transparent { background: none; border: none; color: inherit; font-size: inherit; line-height: inherit; padding: 0; width: 100%; cursor: pointer; } /*!************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Attachments/QuoteAttachments.scss (2) ***! \************************************************************************************************************************************************************************/ .quote-attachments .ant-upload-drag { margin-bottom: 1rem; } .quote-attachments .notification { margin: 2.5rem 0; } .quote-attachments .sortable-table { margin-top: 1rem; } .quote-attachments .sortable-table td { vertical-align: top; color: #5A5F5F; border-bottom: 1px solid #D9DBDB; white-space: nowrap; } .quote-attachments .sortable-table-column--icon, .quote-attachments .sortable-table-column--actions { width: .1%; } .quote-attachments td.sortable-table-column--name { white-space: normal; } .quote-attachments td.sortable-table-column--description { font-style: italic; white-space: normal; } .quote-attachments .sortable-table-column--size { text-transform: uppercase; text-align: right; padding-right: 2rem; } .quote-attachments .sortable-table-column--icon { padding: 0 0.5rem; } .quote-attachments .sortable-table-column--icon .icon { color: #0d7137; font-size: 1.5rem; } .quote-attachments .sortable-table-column--icon .icon-label { display: block; color: #0d7137; font-size: .625rem; font-weight: 500; text-transform: uppercase; text-align: center; margin-top: -.25rem; } .quote-attachments .sortable-table-column--isInternal .icon { font-size: 1.5rem; color: #5A5F5F; margin-right: .25rem; } /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Comments/QuoteComments.scss (2) ***! \******************************************************************************************************************************************************************/ .quote-comment { margin-bottom: 1rem; } .quote-comment--internal { background: rgba(97, 171, 43, 0.25); } .quote-comment--internal .quote-comment__header { border-color: #B2D5EB; } .quote-comment__header { color: #818888; font-size: .75rem; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: .5rem 1rem; border-bottom: 1px solid #D9DBDB; } .quote-comment__header .icon { font-size: 1.5rem; vertical-align: middle; } .quote-comment__header .icon-internet, .quote-comment__header .icon-cloud { margin-left: .25rem; } .quote-comment__user { color: #007997; } .quote-comment__message { color: #1A1B1D; padding: .75rem 1.35rem 1.5rem; white-space: pre-line; } .quote-comment__form-textarea { padding: 1rem; font-size: .825rem; line-height: 1rem; width: 100%; height: 3rem; min-height: 3rem; background-color: rgba(242, 243, 243, 0.5); border-color: #cccfcf; border-radius: 3px; transition: min-height .1s, background-color .3s; } .quote-comment__form:hover .quote-comment__form-textarea, .quote-comment__form-textarea:active, .quote-comment__form-textarea:focus, .quote-comment__form-textarea:valid { background-color: #fff; box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3); min-height: 6rem; } .quote-comment__form:hover .quote-comment__form-textarea + .quote-comment__form-actions, .quote-comment__form-textarea:active + .quote-comment__form-actions, .quote-comment__form-textarea:focus + .quote-comment__form-actions, .quote-comment__form-textarea:valid + .quote-comment__form-actions { display: flex; opacity: 1; } .quote-comment__form-actions { opacity: 0; display: none; transition: opacity .5s; flex-flow: row nowrap; align-items: center; } .quote-comment__form-actions .icon { font-size: 1.5rem; line-height: 1.5; color: inherit; } .quote-comments__submit-button { margin-left: auto; } /*!**********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/Design.scss (2) ***! \**********************************************************************************************************************************************************/ .design { position: relative; color: #222; margin-bottom: 1em; border-radius: 10px; background-color: #F2FAFD; border: 1px solid #00add8; } .design.design--ordered { background-color: rgba(234, 247, 239, 0.65); border-color: #36b463; } .design .design__message { display: flex; align-items: flex-end; white-space: nowrap; } .design .design__message span { font-size: .675rem; font-weight: 500; } .design .design__message .icon { font-size: 1.25rem; margin: 0 .5rem; } .design-row { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .design-endpoint { position: relative; white-space: nowrap; padding: .75em 0 .75em 4rem; order: 0; } .design-endpoint > div { line-height: 1.3; } .design-endpoint .icon { font-size: 2rem; position: absolute; left: 2rem; margin-left: -.5em; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; height: 100%; display: flex; justify-content: center; flex-flow: column; z-index: 1; } .design-row.row2 { flex-flow: row nowrap; align-items: center; min-height: 5em; } .design-row.row2 .design-endpoint { padding: .25em 0 1em 4rem; } .design-pricing-labels { font-size: .75rem; color: #747A7A; } .design-pricing-totals { font-weight: 500; font-size: 1rem; } .design-pricing-totals .design-item--broadband-bandwidth { margin-right: -0.4rem; } .design-pricing-totals .design-item--broadband-bandwidth div { display: inline-block; } .design-pricing-totals .design-item--broadband-bandwidth div:first-child::after { content: '/'; margin: 0 .25rem 0 0; } .design__tracking-info { margin: 0.5rem 1rem 1rem 1.5rem; display: flex; justify-content: space-between; align-items: flex-end; } .design__carrier { display: inline-flex; align-items: self-end; gap: 0.75rem; font-weight: 500; } .design__carrier .icon { font-size: 1.5rem; } .design__design-reference { color: #747A7A; font-size: .675rem; } .design.--showing-details .design-row.row2 { display: flex; flex-flow: column nowrap; justify-content: space-between; } .design.--showing-details .design-row.row2 .design-endpoint { order: 100; align-self: flex-start; } .design.--showing-details .design-pricing { padding: 0; } .design.--showing-details .design-pricing-labels, .design.--showing-details .design-pricing-totals { background-color: #F8F9F9; } .design.--showing-details .design-pricing-labels > li, .design.--showing-details .design-pricing-totals > li { border: none; padding: 10px 20px; } .design.--showing-details .design-pricing-values > li { background-color: #fff; border-top: 1px solid #ccc; transform: scaleY(1); font-size: 1em; padding: 20px; } .design.--showing-details .design-pricing-values > li:first-child { padding-left: 4rem; } .design.--showing-details .design-pricing-totals > li { font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #98C7E5; } .design-actions__ordered-status { display: flex; align-items: center; font-size: .75rem; padding: 0 20px; } .design-actions__ordered-status .status-icon__text { color: #257D45; font-weight: bold; } .design-actions .button { height: 39px; font-weight: 500; border-radius: 4px; margin: auto .875rem auto 0; display: inline-block; overflow: visible; } .design-actions .split-button .button { margin-right: 0; } .design-pricing { text-align: right; overflow: hidden; width: 100%; position: relative; order: 1; padding: 0 20px; } .design-pricing-labels, .design-pricing-values, .design-pricing-totals { display: table-row; width: 100%; margin: 0; padding: 0; position: relative; } .design-pricing-labels > li, .design-pricing-values > li, .design-pricing-totals > li { list-style-type: none; display: table-cell; padding: 0; transition: transform .1s; vertical-align: middle; white-space: nowrap; width: 1%; } .design-pricing-labels > li:first-child, .design-pricing-values > li:first-child, .design-pricing-totals > li:first-child { text-align: left; } .design-pricing-labels, .design-pricing-totals { background-color: transparent; } .design-pricing-labels > li, .design-pricing-totals > li { border: none; vertical-align: top; } .design-pricing-values > li { max-height: 0; font-size: 0; transform: scaleY(0); padding: 0; border: none; } .tfoot .td:first-child * { visibility: hidden; height: 0; } .wrapper::before { content: ''; position: absolute; left: 2em; top: 0; bottom: 0; border: 1px dashed lightblue; } .loc1::before, .loc2::before { content: ''; position: absolute; left: 0; height: 50%; width: 4em; background-color: #E4F1F7; } .loc1::before { top: 0; } .loc2::before { bottom: 0; } .quote-design .quote-design-start::before, .quote-design .quote-design-end::before { content: ''; position: absolute; height: 50%; border: 1px dashed #3490CB; top: 0; bottom: 0; left: 20px; } .quote-design .quote-design-start { background-color: #E5F1F8; } .quote-design .quote-design-start::before { top: 50%; } .quote-design .quote-design-end { background-color: #CCE2F2; } .quote-design .quote-design-end::before { bottom: 50%; } .quote-design .quote-design-address { padding: 15px; flex: 1 1 auto; white-space: pre-line; font-size: .75rem; line-height: .875rem; } .quote-design .quote-design-icon { background-color: inherit; color: #3390cb; z-index: 1; padding: 0 0 0 2em; } .quote-design .quote-design-cost { display: flex; flex-flow: row nowrap; justify-content: space-between; } .quote-design .quote-design-cost > div + div { margin-left: 30px; } .quote-design .quote-cost-value { font-size: 1.3125rem; line-height: 24px; font-weight: 500; text-align: left; } .price { white-space: nowrap; } .price sup { font-size: .5rem; } .design-endpoint::before, .design.--showing-details .design-pricing::before { content: ''; position: absolute; border-left: 1px dashed #3490CB; top: 0; bottom: 0; left: 2rem; z-index: 1; } .design-endpoint:first-child::before { top: 50%; } .design-endpoint:last-child::before { bottom: 50%; } .mileage-container { position: absolute; overflow: visible; bottom: -.5rem; left: 1rem; z-index: 2; } .mileage-container .mileage { border-color: #98C7E5; border-radius: 10px; color: #333; padding: .25em 1em; } @media only screen and (max-width: 768px) { .design-pricing-totals .design-item--broadband-bandwidth div { display: block; } .design-pricing-totals .design-item--broadband-bandwidth div:first-child::after { content: none; } } /*!***************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/ModalNewProvider.scss ***! \***************************************************************************************************************************************************************************/ .modal-container-addNewProviderModal div { font-size: 16px; line-height: 24px; color: #5B6061; } .modal-container-addNewProviderModal input { padding: 1em .75em; background-color: rgba(242, 243, 243, 0.5); width: 100%; font-size: 14px; border-radius: 2px; border: 1px solid #C0C3C3; margin-top: 20px; } .modal-container-addNewProviderModal input.error { border-color: red; } .modal-container-addNewProviderModal input:focus { outline: none; border: 2px solid #7FBADF; background: #fff; } .modal-container-addNewProviderModal .popup-content { max-height: none; margin-bottom: 2em; } /*!****************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/DesignItemRow.scss (2) ***! \****************************************************************************************************************************************************************************/ .design-item-group { display: flex; flex-flow: row nowrap; } .design-item-group > * { flex: 1 1 auto; } .design-item-row { padding: 1.25rem .5rem 1.25rem 1.25rem; display: flex; position: relative; flex-flow: row nowrap; justify-content: space-between; align-items: top; font-size: .875rem; margin: 0 .75rem 0 1rem; } .design-item-row--node { background: #e5e7e7; padding: 0 .75rem .75rem 1.25rem; } .design-editor .design-item-row--node { padding-right: 0; } .design-item-row--node.design-item-row--location { padding-bottom: 0; font-weight: 500; } .design-item-row--node.design-item-row--location .react-select { font-weight: 400; } .design-item-row--node.design-item-row--location .design-item-row__type { background: #e5e7e7; } .design-item-row--node .design-item-group--type { background: #e5e7e7; } .design-item-row--node .design-item-row__type { background: #fff; padding: .5rem 20px .5rem 1rem; border-radius: 8px 0 0 8px; padding-right: 20px; } .design-editor .design-item-row--node .design-item-row__type { padding-right: 0; } .design-item-row--node .design-item-row__specifications { background: #fff; border-radius: 0 8px 8px 0; padding-right: .5rem; } .design-item-row--node-start { border-top-left-radius: 6px; border-top-right-radius: 6px; } .design-item-row--node-end { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .design-item-row--link { margin: 0 .75rem 0 1rem; padding: .75rem 0 .75rem 1.25rem; } .design-item-row--link + .design-item-row--link { padding-top: 0; } .design-item-row--link .design-item-row__type { background: #f2f3f3; padding: .5rem 1rem; border-radius: 8px 0 0 8px; padding-right: 20px; } .design-editor .design-item-row--link .design-item-row__type { padding-right: 0; } .design-item-row--link.design-item-row--is-editing .design-item-row__specifications { border-radius: 0; } .design-item-row--link .design-item-row__specifications { background: #f2f3f3; padding: 1rem 1rem 1rem 0; border-right-width: 0; border-radius: 0 8px 8px 0; } .design-item-row--link .design-item-group--actions { border-radius: 0 8px 8px 0; background: #f2f2f3; padding: 0.75rem 0; } .design-item-row--link.design-item-row--offnet .design-item-row__type, .design-item-row--link.design-item-row--offnet .design-item-row__specifications, .design-item-row--link.design-item-row--offnet .design-item-group--actions { background: rgba(253, 229, 232, 0.8); } .design-editor .design-item-row--node:not(.design-item-row--location):focus-within .design-item-row__type, .design-editor .design-item-row--node:not(.design-item-row--location):focus-within .design-item-row__specifications { border-color: #009bc2; } .design-editor .design-item-row--link:focus-within .design-item-row__type, .design-editor .design-item-row--link:focus-within .design-item-row__specifications, .design-editor .design-item-row--link:focus-within .design-item-group--actions { border-color: #009bc2; } .design-item-row__title { font-size: .75rem; color: #747a7a; margin: .125rem 0; } .design-item-group--type { flex: 0 0 16.25rem; display: flex; } .design-item-group--type .react-select__control { height: 40px; } .design-item-group--type .text-input__label, .design-item-group--type .react-select__label { font-size: .75rem; color: #999; } .design-item-group--type .text-input__input:focus + .text-input__label, .design-item-group--type .text-input__input--has-value + .text-input__label, .design-item-group--type .react-select__control--is-focused .react-select__label, .design-item-group--type .react-select__value-container--has-value .react-select__label { top: 25%; font-size: .625rem; font-weight: bold; color: #1D1E21; } .design-item-row:not(.design-item-row--location) .design-item-group--type .react-select__value:not(.react-select__value--no-label) .react-select__single-value { font-size: .75rem; } .design-item-row__icon { width: 30px; padding-right: 20px; flex: 0 0 auto; margin: auto 0; z-index: 0; } .design-item-row__icon .icon-internet svg, .design-item-row__icon .icon-location svg { font-size: 1.125rem; transform: scale(1.8); } .design-item-row__icon .icon-nid, .design-item-row__icon .icon-cross-connect, .design-item-row__icon .icon-port, .design-item-row__icon .icon-least-cost, .design-item-row__icon .icon-router, .design-item-row__icon .icon-extended-demarc, .design-item-row__icon .icon-network-allocation, .design-item-row__icon .icon-out-of-band, .design-item-row__icon .icon-other-charges, .design-item-row__icon .icon-sd-wan, .design-item-row__icon .icon-class-of-service, .design-item-row__icon .icon-royalty { color: #8d9393; font-size: 1.25rem; margin-left: -1.75px; transform: scale(1.5); } .design-item-row--node .design-item-row__icon .icon-nid, .design-item-row--node .design-item-row__icon .icon-cross-connect, .design-item-row--node .design-item-row__icon .icon-port, .design-item-row--node .design-item-row__icon .icon-least-cost, .design-item-row--node .design-item-row__icon .icon-router, .design-item-row--node .design-item-row__icon .icon-extended-demarc, .design-item-row--node .design-item-row__icon .icon-network-allocation, .design-item-row--node .design-item-row__icon .icon-out-of-band, .design-item-row--node .design-item-row__icon .icon-other-charges, .design-item-row--node .design-item-row__icon .icon-sd-wan, .design-item-row--node .design-item-row__icon .icon-class-of-service, .design-item-row--node .design-item-row__icon .icon-royalty { background: #e5e7e7; } .design-item-row--link .design-item-row__icon .icon-nid, .design-item-row--link .design-item-row__icon .icon-cross-connect, .design-item-row--link .design-item-row__icon .icon-port, .design-item-row--link .design-item-row__icon .icon-least-cost, .design-item-row--link .design-item-row__icon .icon-router, .design-item-row--link .design-item-row__icon .icon-extended-demarc, .design-item-row--link .design-item-row__icon .icon-network-allocation, .design-item-row--link .design-item-row__icon .icon-out-of-band, .design-item-row--link .design-item-row__icon .icon-other-charges, .design-item-row--link .design-item-row__icon .icon-sd-wan, .design-item-row--link .design-item-row__icon .icon-class-of-service, .design-item-row--link .design-item-row__icon .icon-royalty { background: #fff; } .design-item-row--location .design-item-group--type { padding: .5rem 0 .25rem; } .design-item-row--location .design-item-row__type { padding-left: 0; } .design-item-row--location .context-menu-button .icon { font-size: 1.25rem; transition: transform .3s; } .design-item-row--location .context-menu-button .icon:hover { transform: scale(1.25); } .design-item-row__location-label--readonly { white-space: nowrap; } .design-item-row__location-label--readonly .location-field--intrabuilding { font-size: .75rem; } .design-item-row__location-label--internet { font-size: .875rem; line-height: 1.3em; } .design-item-row__location-label-latlong { font-size: .75rem; color: #777; } .design-item-row__type, .design-item-row__specifications, .design-item-group--actions { border: 2px solid transparent; } .design-item-row__specifications { flex: 1 1 auto; align-items: center; display: grid; border-left: none; transition: border 50ms; } .design-item-row__specifications-row { display: flex; } .design-item-group--actions { border-left: none; } .design-item-row__type { flex: 1 1 auto; color: #1D1E21; align-self: stretch; line-height: 1.25; border-right: none; transition: border 50ms; } .design-item-row__type .react-select__menu-list { padding: 0; } .design-item-row__type .react-select__menu-notice { display: none; } .design-item-row__type .react-select__menu-notice + .react-select__option--add-provider { margin: 0; } .design-item-row__type .react-select__option--add-provider { padding: 8px; position: relative; border-top: 1px solid #ccc; margin-top: 4px; width: 100%; } .design-item-row__type .react-select__option--add-provider:hover { background: #DEEBFF; } .design-item-row__type .vendor-reference-icon > .icon { font-size: 1rem; transform: scale(1.25); margin-left: .5rem; cursor: help; } .design-item-row__type .design-item-row__type2-vendor { font-size: .75rem; font-style: italic; font-weight: normal; } .design-item-group--pricing > * { flex: 1 1 0; } .design-item-group--speeds { row-gap: 6px; } .design-item-group--speeds > div { min-width: 4rem; flex: 2 2; line-height: 1.2; } .design-item-group--speeds > .design-item--term { white-space: nowrap; } .design-item-group--actions { flex: 0 0 auto; } .design-item-group--actions svg { color: #3390CB; opacity: .1; transition: opacity 100ms; } .design-item-row:hover .design-item-group--actions svg, .design-item-row:focus-within .design-item-group--actions svg { opacity: 1; } .design-item__action--disabled { outline: none; opacity: .3; cursor: default; } .design-item-group--speeds { flex: 6 6; } .design-item-group--speeds .design-item--broadband-bandwidth { white-space: nowrap; } .design-item-group--speeds .design-item--broadband-bandwidth .icon { font-size: 1.1rem; color: #999; margin-left: -4px; } .design-item-row--totals .design-item-group--speeds .design-item--broadband-bandwidth .icon { color: black; } .design-editor .design-item-group--speeds { flex: 3 3 30%; } .design-editor .design-item-group--speeds > div { flex: 1 1 33%; text-align: center; } .design-editor .design-item-group--speeds .react-select__control { margin: 0 auto; } .design-item-group--pricing { flex: 2 2; } .design-item-row__product-input { min-height: 40px; width: 210px; font-size: .75rem; margin-top: 6px; border-radius: 4px; } .design-item-row__proximity-inputs { display: flex; justify-content: space-between; margin-top: .375rem; } .design-item-row__proximity-inputs .react-select { flex: 0 0 auto; width: 49%; } .design-item-group--actions { width: calc(26px + 0.75rem); } .design-item__actions { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; } .design-item__actions--arrows-disabled { justify-content: center; } .design-item-row--undefined { display: none; } .connectivity-icon { font-size: 0.875rem; width: 1em; height: 1em; display: inline-block; border: 3px solid #C0C3C3; background-color: #fff; border-radius: 50%; position: absolute; margin-left: 1.5px; } .connectivity-icon.connectivity-icon--On-Net { border-color: #36B463; } .connectivity-icon.connectivity-icon--Near-Net { border-color: #F2AB4D; } .connectivity-icon.connectivity-icon--Off-Net { border-color: #ED021E; } .connectivity-icon.connectivity-icon--loc-z-On-Net { border-right-color: #36B463; border-bottom-color: #36B463; } .connectivity-icon.connectivity-icon--loc-z-Near-Net { border-right-color: #F2AB4D; border-bottom-color: #F2AB4D; } .connectivity-icon.connectivity-icon--loc-z-Off-Net { border-right-color: #ED021E; border-bottom-color: #ED021E; } .connectivity-icon[class*="connectivity-icon--loc-z"] { transform: rotate(45deg); } .connectivity-icon[class*="connectivity-icon--loc-z"]::after { content: ' '; width: 1.1em; height: 2px; background-color: #fff; display: block; transform: rotate(-45deg) translateX(1px); z-index: 0; position: absolute; left: -5px; top: 50%; } .design-editor__design-items .design-item-row__location-label--readonly { margin-left: 1rem; } .design-rollup--expanded { box-shadow: 0 7px 23px 0 rgba(26, 27, 29, 0.18); } .design-rollup--solution .design-rollup__summary .design-rollup__external-costs .external-cost-view, .design-rollup--solution .design-rollup__summary .design-rollup__external-costs .external-cost-view__content { border-color: #66acd8; } .design-rollup--solution .design-rollup__summary .design-rollup__external-costs .toggler { background: #B2D5EB; } .design-item-pricing { display: flex; flex-flow: row nowrap; } .design-item-group--speeds .react-select__control, .design-item-group--pricing .react-select__control { height: 39px; width: 5rem; } .design-item-group--speeds .react-select__menu, .design-item-group--pricing .react-select__menu { width: auto; } .design-item-group--speeds .react-select__option, .design-item-group--pricing .react-select__option { white-space: nowrap; } .design-item-group--speeds .react-select__value-container, .design-item-group--pricing .react-select__value-container { padding: 0; height: 100%; } .design-item-group--speeds .react-select__single-value, .design-item-group--pricing .react-select__single-value { font-size: .75rem; width: 100%; max-width: 100%; margin: 0; top: 50%; text-align: right; padding: 0 .25rem; } .design-item-row--totals .design-item-group--speeds .react-select__single-value, .design-item-row--totals .design-item-group--pricing .react-select__single-value { font-weight: bold; color: #747a7a; } .design-item-group--speeds .react-select__control--is-disabled, .design-item-group--pricing .react-select__control--is-disabled { background-color: #fff; border-color: #b3b3b3; } .design-item-group--speeds .react-select__single-value--is-disabled, .design-item-group--pricing .react-select__single-value--is-disabled { color: #000; } .design-item-group--speeds .react-select__input input { text-align: center; caret-color: rgba(129, 129, 129, 0.3); } .design-item-group__bandwidth--with-upload .icon { font-size: .75rem; margin-left: 2px; color: #b3b3b3; } .design-item__upload { width: 70px; height: 39px; font-size: .75rem; line-height: 1; margin: 6px 0; border-radius: 4px; border: 1px solid #ccc; background-color: #fff; } .design-item-row--totals .design-item__upload { font-weight: bold; border-color: #b3b3b3; } .design-item-group--pricing .price-margin { height: 100%; display: flex; flex-flow: column nowrap; justify-content: start; text-align: right; line-height: 1; margin-bottom: .25rem; } .design-item-group--pricing .price-margin__margin { color: #676C6C; font-size: .75rem; line-height: 1; } .design-item-group--pricing .monthly-pricing, .design-item-group--pricing .install-pricing { align-items: baseline; } .design-item-group--pricing .currency-input, .design-item-group--pricing .percentage-input { width: 70px; height: 39px; font-size: .75rem; line-height: 1; font-family: inherit; color: inherit; text-align: center; margin-bottom: 6px; border-radius: 4px; border: 1px solid #ccc; background: #fff; -moz-appearance: textfield; } .design-item-group--pricing .currency-input::-webkit-outer-spin-button, .design-item-group--pricing .currency-input::-webkit-inner-spin-button, .design-item-group--pricing .percentage-input::-webkit-outer-spin-button, .design-item-group--pricing .percentage-input::-webkit-inner-spin-button { -webkit-appearance: none; } .design-item-row--totals .design-item-group--pricing .currency-input, .design-item-row--totals .design-item-group--pricing .percentage-input { font-weight: bold; border-color: #b3b3b3; } .design-item-type, .design-item-speed { display: flex; flex-flow: row nowrap; align-items: flex-start; } .design-item-speed { width: 200px; justify-content: space-evenly; } .design-item-mrc { width: fit-content; margin-left: auto; } .design-item-mrc--has-vendor-cost { text-decoration: underline; cursor: pointer; transition: color .3s; } .design-item-mrc--has-vendor-cost:hover { color: #4cc5e3; } .design-item-mrc__tooltip { transform: translateY(-0.5rem); } .design-item__description { margin: .75rem 0 0; font-size: .75rem; font-style: italic; } .design-item-row__add-item-button { align-self: center; } /*!***************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/ExternalCostView.scss ***! \***************************************************************************************************************************************************************************/ .external-cost-view { position: relative; padding: 0; border-top: 1px dashed #ccc; border-radius: 4px; width: 40%; margin-left: auto; margin-right: -.25rem; } .external-cost-view .labelled-input__wrapper { margin-left: auto; } .external-cost-view .design-item-row--read-only-inputs .price-margin { font-size: .75rem; } .external-cost-view::before { content: none !important; } .external-cost-view--read-only { margin-top: .5rem; } .external-cost-view__add-button.button { position: absolute; bottom: 1rem; right: 3rem; font-size: .75rem; display: flex; align-items: center; opacity: .5; cursor: pointer; } .external-cost-view__add-button.button:hover, .external-cost-view__add-button.button:focus { opacity: 1; } .external-cost-view__add-button.button .icon { font-size: 1.25rem; margin-right: .25rem; } .external-cost-view__remove-button { font-size: .5rem; cursor: pointer; background: #3390CB; color: white; border-radius: 4px; width: 1rem; height: 1rem; text-align: center; line-height: .625rem; margin-top: 5px; } .external-cost-view__remove-button .icon { padding: .2rem 0; vertical-align: middle; color: #fff; } .external-cost-view__title-bar { position: absolute; left: 0; top: -0.65rem; font-size: .75rem; padding: 0 .25rem; display: flex; justify-content: space-between; width: 100%; } .external-cost-view__title-bar .icon-lock { font-size: 1.25rem; margin-right: .25rem; } .external-cost-view__title-text { white-space: nowrap; color: #777; user-select: none; background: #f2f3f3; padding: 0 0.25rem; align-self: flex-end; overflow: hidden; text-overflow: ellipsis; } .external-cost-view__content { display: flex; padding: .75rem .25rem .5rem .25rem; font-size: .875rem; color: #1A1B1D; font-weight: normal; border: 1px dashed #ccc; border-top: none; border-radius: 4px; } .external-cost-view__content .external-cost-view__pricing-container { flex: 1 1 50%; width: 50%; display: flex; justify-content: space-around; } .external-cost-view__content .external-cost-view__pricing-container .price-margin { margin: 0; } .external-cost-view__content .external-cost-view__pricing-container .currency-input { margin: 0; } .external-cost-view__remove-popconfirm .ant-popover-inner-content { max-width: 22rem; } .external-cost-view__remove-popconfirm .ant-popover-inner-content::after { content: ' '; background: rgba(33, 33, 33, 0.6); position: fixed; top: 0; bottom: 0; left: 0; width: 100%; z-index: -1; } /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignTotals.scss (2) ***! \****************************************************************************************************************************************************************/ .design-totals { margin: 1rem 0 0; padding: 1rem 2rem; border-radius: 0 0 10px 10px; background-color: rgba(97, 171, 43, 0.25); } .design-rollup--validation .design-totals { background-color: #fdf6ed; } .design-rollup--ordered .design-totals { background: #eaf7ef; } .design-totals .design-totals__cost, .design-totals .design-totals__commission, .design-totals .design-totals__margin, .design-totals .design-totals__rate, .design-totals .design-totals__enduser-margin, .design-totals .design-totals__enduser-rate, .design-totals .design-totals__internal-enduser-view { display: flex; gap: 0.25rem; align-items: center; } .design-totals .design-totals__commission, .design-totals .design-totals__margin, .design-totals .design-totals__enduser-margin { font-size: .75rem; color: #545454; } .design-totals .design-totals__cost, .design-totals .design-totals__rate, .design-totals .design-totals__enduser-rate { font-size: 1rem; font-weight: 500; } .design-totals .design-totals__internal-enduser-view { margin: .5rem 0 0; font-size: .625rem; font-weight: 400; color: #007997; } .design-editor .design-totals .design-totals__internal-enduser-view { margin: .5rem 0 -.5rem; } .design-totals .design-totals__internal-enduser-view .percentage-input { color: #777; font-size: .75rem; width: 4rem; } .design-totals .design-totals__internal-enduser-view .currency-input { color: #777; font-size: .75rem; width: 5rem; } .design-totals .design-totals--label { flex: 2 2; } .design-totals .design-totals--pct { flex: 1 1; text-align: right; display: inline-flex; justify-content: flex-end; } .design-totals .design-totals--mr, .design-totals .design-totals--nr { flex: .5 .5; text-align: right; } .design-totals .currency-input, .design-totals .percentage-input { background: #fff; width: 5rem; float: right; margin: 0.25rem 0; font-size: .875rem; border-radius: 4px; } .design-totals .currency-input:active, .design-totals .percentage-input:active { background: #fff; } .design-totals .currency-input.labelled-input--has-error, .design-totals .percentage-input.labelled-input--has-error { margin-bottom: .75rem; } .design-totals .currency-input { font-size: 1rem; width: 6rem; margin-right: -.5rem; } /*!**************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignItem/DesignItems.scss (2) ***! \**************************************************************************************************************************************************************************/ .design-rollup .design-item-group--actions { display: none; } .design-items__header { padding: 10px 20px; font-size: .75rem; display: flex; } .design-items__header .design-item-group--speeds, .design-items__header .design-item-group--pricing { color: #747a7a; align-self: flex-end; } .design-items__header .design-item-group--speeds .price-margin, .design-items__header .design-item-group--pricing .price-margin { margin: 0; } .icon-text { color: #0d7137; display: inline-flex; align-items: flex-end; white-space: nowrap; } .icon-text .icon { font-size: 1.25rem; margin-right: .25rem; } .design-items__add-row { border-top: 1px solid #C0C3C3; } .design-editor__notification-errors ul { list-style-type: disc; padding: 0 1rem; margin: .5rem 0 0; } /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignEditor.scss (2) ***! \****************************************************************************************************************************************************************/ .design-editor { border: 1px solid #c0c3c3; border-radius: 10px; overflow: visible; position: relative; scroll-margin: 1rem; } .design-editor--is-solution { border: 1px solid #00add8; box-shadow: 0 7px 23px 0 rgba(26, 27, 29, 0.18); } .design-editor--is-ordered { border: 1px solid #36b463; } .design-editor .design-item-group .price-margin { align-items: flex-end; } .design-editor .design-item-row--location .design-item-row__type { margin-left: -1rem; } .design-editor .design-item-row--location .design-item-row__type .location-combo .react-select__single-value .icon-location { transform: scale(1.4); } .design-editor .design-item-row__location-label--internet { margin-left: 1rem; } .design-editor .design-item-row--location .react-select__control, .design-editor .design-editor__header-row .react-select__control { width: 20rem; } .design-editor .design-item-row--location .location-type .react-select__control, .design-editor .design-editor__header-row .location-type .react-select__control { width: auto; } .design-editor .design-item-row--location .colo-lookup .react-select__control, .design-editor .design-item-row--location .lookup__address .react-select__control, .design-editor .design-editor__header-row .colo-lookup .react-select__control, .design-editor .design-editor__header-row .lookup__address .react-select__control { width: 30rem; } .design-editor .design-item-row--labels { width: 100%; padding: 0 0rem 0 1rem; align-items: flex-end; font-size: .75rem; } .design-editor .design-item-row__specifications { padding: .5rem; } .design-editor .design-item-row__specifications-row { align-self: flex-start; } .design-editor .text-input__input { font-size: .75rem; background: #fff; } .design-editor .text-input__input:focus-within { background-color: unset; } .design-editor .react-select__menu { z-index: 2; } .design-editor .design-item-row--location + .design-item-row--location { margin-top: 2rem; } .design-editor .design-item-row--location + .design-item-row--location::after { content: none; } .design-editor .loading-overlay__positioning { max-height: none; background: rgba(204, 204, 204, 0.25); } .design-editor .loading-overlay__positioning .jumbo-loading-icon { font-size: 3rem; } .design-editor .design-items__rows .design-item-row::before { content: ''; position: absolute; left: 28px; top: 0; height: 100%; border-left: 1px dashed #99c7e5; } .design-editor .design-items__rows .design-item-row:first-child::before { top: 50%; height: 50%; } .design-editor .design-items__rows .design-item-row:last-child::before { height: 50%; } .design-editor__header-row { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem; border-radius: 10px 10px 0 0; } .design-editor--is-solution .design-editor__header-row { background-color: #e5f6fb; } .design-editor--is-ordered .design-editor__header-row { background-color: #eaf7ef; } .design-editor__header-options { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .design-editor__terms-row { padding: 1.25rem 1.25rem 1.25rem 3rem; border-top: 1px solid #e5e7e7; display: flex; flex-flow: row nowrap; } .design-editor__terms-row .checkbox { margin: 0 0 0 auto; } .design-editor--is-solution .design-editor__terms-row { border: none; } .design-editor__header-options .react-select, .design-editor__terms-row .react-select, .design-items__add-row .react-select { display: inline-block; margin-right: 20px; vertical-align: top; } .design-items__add-row { padding: 20px 20px 20px 50px; background-color: #f8f9f9; } .design-editor__design-actions .button { border-radius: 4px; } .design-editor__design-actions .button + .button { margin-left: 10px; } .addDesignTypeDropdown { position: absolute; left: 0; top: 1.5rem; z-index: 1; } .addDesignTypeDropdown .react-select__control { width: 12rem; } .context-button-add-link { position: relative; } .context-button-add-link .button { position: absolute; left: 2.25rem; font-size: 1.5rem; z-index: 1; width: 1rem; height: 1rem; background: #fff; display: inline-flex; align-items: center; justify-content: center; opacity: .5; top: 0.5rem; transition-duration: .2s; border-radius: 50%; } .context-button-add-link .button:hover { background: #fff; transform: scale(1.25); opacity: 1; } .context-button-add-link.context-button-add-link--above-location .button { top: -1.5rem; } .context-button-add-link.context-button-add-link--between-locations { height: 1.5rem; display: inline-block; } /*!********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignValidation.scss (2) ***! \********************************************************************************************************************************************************************/ .design-approval { display: inline-flex; align-items: center; border: 1px dotted transparent; border-radius: 4px; margin-left: -.25rem; } .design-approval:hover { border: 1px dotted; } .design-approval:hover .design-approval__button { display: inline-flex; } .design-approval__icon { font-size: 1.25rem; } .design-approval--rejected, .design-approval__icon--rejected { color: #ed021e; } .design-approval--rejected .design-approval__button, .design-approval__icon--rejected .design-approval__button { background-color: #ed021e; } .design-approval--approved, .design-approval__icon--approved { color: #30a259; } .design-approval--approved .design-approval__button, .design-approval__icon--approved .design-approval__button { background-color: #30a259; } .design-approval__text { font-size: .75rem; } .design-approval__button { padding: 0.3rem; display: none; border-radius: 0 4px 4px 0; margin-left: .5rem; align-self: stretch; } .design-approval__button .icon { color: white; font-size: .625rem; } .design-approval__tooltip time { text-transform: lowercase; } .button.design-approval-button { display: inline-flex; align-items: center; padding-left: .5rem; padding-right: .75rem; } .button.design-approval-button .icon { font-size: 1.5rem; color: white; margin-right: .125rem; } .design-approval-button--accept { background-color: #4abb72; } .design-approval-button--accept:hover, .design-approval-button--accept:active { background-color: #30a259; } .design-approval-button--reject { background-color: #fd253f; } .design-approval-button--reject:hover, .design-approval-button--reject:active { background-color: #ed021e; } .design-approval-button--reject .icon { transform: rotate(45deg); } .button.button.design-approval-button--waiting { color: #BD6C01; border: 1px solid #ED8702; background: #fdf6ed; box-shadow: none; font-weight: 400; font-style: italic; } /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/DesignRollup.scss (2) ***! \****************************************************************************************************************************************************************/ @charset "UTF-8"; .design-rollup { border-radius: 10px; margin-bottom: .75rem; scroll-margin: 1rem; border: 1px solid #CCCFCF; overflow: hidden; transition: box-shadow 100ms; } .design-rollup.design-rollup--solution { border-color: #0d7137; } .design-rollup.design-rollup--ordered { border-color: #36b463; } .design-rollup.design-rollup--validation { border-color: #ED8702; } .design-rollup .design-actions { display: none; height: 45px; } .design-rollup .icon-caret-down svg { transition: transform 250ms; } .design-rollup--expanded .design-rollup__contract-term { display: none; } .design-rollup--expanded .design-rollup__summary .monthly-pricing, .design-rollup--expanded .design-rollup__summary .install-pricing { display: none; } .design-rollup--expanded .design-rollup__summary .design-actions { display: flex; } .design-rollup--expanded .toggle-legs-button > .icon-caret-down svg { transform: rotate(-180deg); } .design-rollup .design-items__rows .design-item-row::before { content: ''; position: absolute; left: 28px; top: 0; height: 100%; border-left: 1px dashed #99c7e5; } .design-rollup .design-items__rows .design-item-row:first-child::before { top: 50%; height: 50%; } .design-rollup .design-items__rows .design-item-row:last-child::before { height: 50%; } .design-rollup .design-item__included-demarc.design-item__included-demarc { font-weight: 300; color: #888; font-size: .625rem; line-height: 1.1; margin: .25rem 0 0; } .design-rollup .demarc-message { display: flex; align-items: center; font-size: .75rem; margin-left: -.25rem; } .design-rollup .demarc-message.demarc-message--mpoe { color: #ED8702; } .design-rollup .demarc-message.demarc-message--demarc { color: #30a259; } .design-rollup .label-value { min-width: 5rem; padding-right: .75rem; } .design-rollup .label-value__label { color: #747A7A; font-size: .75rem; line-height: .875rem; white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; } .design-rollup .label-value__label .icon { font-size: 1rem; margin-right: .125rem; cursor: pointer; } .design-rollup .label-value__value { font-size: 1rem; color: #1A1B1D; text-align: right; } .design-rollup__reference { color: #747A7A; font-size: .75rem; line-height: 2; } .design-rollup__status { display: flex; align-items: center; font-size: .75rem; margin-left: -.25rem; } .design-rollup__status .status-icon__text { color: #257D45; } .design-rollup__status.status-icon--design-validation .status-icon__text { color: #BD6C01; } .design-rollup__status.status-icon--edited .icon svg { fill: #009bc2; } .design-rollup__status.status-icon--edited .status-icon__text { color: #009bc2; } .design-rollup__status.design-rollup__status--rejected { border: 1px dashed transparent; flex: 0 0; display: inline-flex; padding-right: .25rem; margin-right: .75rem; border-radius: 4px; cursor: pointer; transition: border 2s; } .design-rollup__status.design-rollup__status--rejected .status-icon__text { color: red; } .design-rollup__status.design-rollup__status--rejected:hover { border: 1px dashed red; transition: border .5s; } .design-rollup__vendors { margin: .25rem 0; font-size: .75rem; color: #0d7137; } .design-rollup__vendors .icon { font-size: 1.25rem; margin-right: .25rem; } .design-rollup-description { margin-top: -.5rem; } .design-rollup-description__offnet-message, .design-rollup-description__unverified-hub { display: flex; align-items: center; white-space: nowrap; } .design-rollup-description__offnet-message .icon, .design-rollup-description__unverified-hub .icon { font-size: 1.5rem; margin-left: -.25rem; } .design-rollup-description__offnet-message span, .design-rollup-description__unverified-hub span { font-size: .75rem; font-weight: 500; } .design-rollup-description__offnet-message { color: #ed021e; } .design-rollup-description__unverified-hub { color: #BD6C01; } .design-rollup__summary { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: start; padding: 20px 20px 10px; transition: background-color 200ms; } .design-rollup__summary .design-rollup--expanded { z-index: 1; } .design-rollup--solution .design-rollup__summary { background-color: rgba(97, 171, 43, 0.25); } .design-rollup--expanded.design-rollup--solution .design-rollup__summary { background-color: rgba(97, 171, 43, 0.25); } .design-rollup--expanded.design-rollup--not-solution .design-rollup__summary { border-bottom: 1px solid #e5e7e7; } .design-rollup--ordered .design-rollup__summary { background: rgba(234, 247, 239, 0.65); } .design-rollup--ordered.design-rollup--expanded .design-rollup__summary { background: #eaf7ef; } .design-rollup--validation .design-rollup__summary { background: rgba(253, 246, 237, 0.65); } .design-rollup--validation .design-rollup__summary .toggle-legs-button > .icon-caret-down { color: #BD6C01; } .design-rollup--validation.design-rollup--expanded .design-rollup__summary { background: #fdf6ed; } .design-container { transition: background-color 300ms; } .design-rollup--ordered .design-container { border-color: #9BD8B1; } .design-rollup--expanded.design-rollup--not-solution .design-container { border-color: #CCCFCF; } .design-rollup__summary__rows { flex: 2 2 auto; flex-flow: row nowrap; } .design-rollup__summary__row { display: flex; justify-content: flex-end; } .checkbox-container { display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto; position: relative; } .checkbox-container ~ div { flex: 0 0; justify-content: space-evenly; } .checkbox-container [type=checkbox] { margin-right: 20px; } .value { font-size: 1rem; color: #1A1B1D; text-align: right; margin-right: .5rem; } .design-title { font-size: 16px; line-height: 19px; font-weight: 500; color: #1A1B1D; } .design-solution-label { position: absolute; top: 100%; font-size: .75rem; line-height: 1.3; color: #7c8484; white-space: nowrap; } .design-rollup__contract-term { text-align: right; display: inline-flex; justify-content: flex-end; align-items: center; padding: .5rem 0.25rem 0; color: #0d7137; font-size: .75rem; white-space: nowrap; } .design-rollup__contract-term .icon { font-size: 1.25rem; margin-right: .125rem; } .design-rollup__contract-term .icon-envelope { margin-right: .25rem; font-size: 1.125rem; } .monthly-pricing { padding-right: 1rem; } .monthly-pricing, .install-pricing { display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; text-align: right; } .monthly-pricing .value, .install-pricing .value { min-width: 80px; } .quote-spec__toggle-button.button { padding-top: 3px; padding-bottom: 3px; } .quote-spec__toggle-button.button::after { content: '❮'; margin-left: 1em; transition: transform .3s; display: inline-block; transform: rotate(270deg); } .quote-spec__toggle-button.button.--expanded::after { transform: rotate(90deg); } .design-container__timing-group { display: inline-block; padding-right: 40px; } .design-container__timing-label { color: #747A7A; font-size: .75rem; } .design-container__timing-value { color: #1A1B1D; font-size: 1rem; font-weight: 500; } .design-rollup__manual-order-context-menu { min-width: unset; transform: translateX(-7rem) translateY(1rem); font-size: .875rem; } @media screen and (max-width: 900px) { .design-rollup__summary { padding: 1rem .5rem; } .design-rollup__summary > div { flex: 0 0 auto; } .checkbox-container { margin-left: .5rem; max-width: 40%; } .design-rollup__summary__rows { margin-left: auto; } .monthly-pricing, .install-pricing { flex-direction: column; align-items: unset; } .design-item-group--speeds, .design-item-group--pricing { flex-direction: column; } .design-item-group--pricing .price-margin.price-margin { flex-direction: row-reverse; justify-content: end; align-items: flex-start; } .design-item-group--speeds .design-item--term { min-width: auto; text-align: initial; } .price-margin__margin { font-size: .675rem; color: #999; margin-right: 0.35rem; } } .design-rollup__design-distance { display: inline-flex; text-align: center; cursor: pointer; position: relative; display: none; } .design-rollup__design-distance .icon { font-size: 1rem; } .design-rollup__design-distance-ratio { font-size: .75rem; top: .75rem; position: absolute; font-weight: 500; width: 100%; } /*!*************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/ManualPricing.scss ***! \*************************************************************************************************************************************************************/ .manual-pricing { margin-top: 3rem; } .manual-pricing .icon-question-mark { color: #0069AB; font-size: 1.5rem; margin: 0 .5rem; } .manual-pricing__header { display: flex; align-items: center; font-size: 1rem; font-weight: 500; border-bottom: 1px solid #E5E7E7; padding-bottom: .25rem; color: #202629; } .manual-pricing__content { padding: 1rem 2.5rem; color: #333636; font-size: 1rem; } .manual-pricing__content ul { margin-top: 0.5rem; } .manual-pricing__content li { list-style-type: disc; padding: 0; } /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Designs/QuoteDesigns.scss ***! \************************************************************************************************************************************************************/ .quote-designs__unsent-designs-message { text-align: right; color: #5B6061; font-size: .75rem; font-style: italic; margin-top: -.75rem; } .quote-designs__unsent-designs-button.button { font-size: .875rem; padding: 0; align-items: center; margin: .125rem 0 1rem; display: inline-flex; } .quote-designs__unsent-designs-button.button .icon { margin-right: .25rem; font-size: 1rem; } .quote-designs__no-bid p { text-align: center; margin: 2rem 1rem; font-size: 1rem; } /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/History/QuoteHistory.scss ***! \************************************************************************************************************************************************************/ .quote-history { position: relative; } .quote-history-icon--quote-failed_to_price { color: red; } .quote-history-icon--quote-priced, .quote-history-icon--quote-repriced { color: green; } /*!********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Related/RelatedDesignsFilter.scss ***! \********************************************************************************************************************************************************************/ .related-designs-filter { font-size: .875rem; flex: 1 1 100%; margin: 1rem 0 2rem; } .related-designs-filter > * + * { margin-left: .5rem; } .related-designs-filter .lookup { display: inline-block; } .related-designs-filter .react-select__control { width: 5rem; height: unset; } .related-designs-filter .react-select.service-type .react-select__control { width: 6rem; } .related-designs-filter .react-select.location-radius .react-select__control { width: 8rem; } .related-designs-filter .react-select__indicators { display: none; } .related-designs-filter .react-select__menu { overflow: visible; width: fit-content; } .related-designs-filter .react-select__option { white-space: nowrap; } /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Related/RelatedDesigns.scss (2) ***! \******************************************************************************************************************************************************************/ .related-designs { margin-bottom: 2rem; } .related-designs__header { display: inline-flex; font-size: 1rem; } .related-designs__table { color: #333636; } .related-designs__table .sortable-table-column { padding: .75rem .5rem .75rem 0; border-bottom: 1px solid #d9dbdb; } .related-designs__table .sortable-table-column__header { padding: .125rem 0; } .related-designs__table .sortable-table-column--from, .related-designs__table .sortable-table-column--to { width: 20%; min-width: 6rem; } .related-designs__table .sortable-table-column--requirements { width: 15%; } .related-designs__table .sortable-table-column--requirements div { display: flex; align-items: center; } .related-designs__table .sortable-table-column--requirements .icon { color: #818888; font-size: 1.25rem; margin-right: .25rem; } .related-designs__table .sortable-table-column--vendor-product { width: 15%; padding-right: 1rem; } .related-designs__table .sortable-table-column--status-date { width: 10%; } .related-designs__table .sortable-table-column--status-date div { text-transform: capitalize; } .related-designs__table .sortable-table-column--mrc-nrc { text-align: right; padding-right: 1.5rem; width: .1%; } .related-designs__table .sortable-table-column--mrc-nrc .sortable_table_column_data--primary { font-size: 1rem; } .related-designs__table .sortable-table-column--actions { padding: .75rem .5rem; text-align: right; width: .1%; } .related-design-location { display: flex; align-items: flex-start; line-height: 1.3; } .related-design-location .icon-location, .related-design-location .icon-internet { font-size: 1.5rem; margin-top: -.25rem; } .related-design-location__pop-name { font-weight: 500; } .related-design-location__floor-suite { font-size: .675rem; } .related-design-location__match { font-size: .75rem; margin-top: .25rem; } .related-design-location__match .icon { font-size: 1.25rem; margin-right: .125rem; } .related-design-location__match .icon-checkmark-circle-filled { color: #30a259; } .related-design-location__match .icon-scale { color: #ED8702; } .related-designs-design__advanced-requirements { font-size: .75rem; margin-top: .5rem; font-style: italic; color: #545454; } /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Trace/QuoteTrace.scss ***! \********************************************************************************************************************************************************/ .trace-header { background-color: #F2F3F3; width: 100%; font-size: .75rem; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: .5rem 1rem; border-bottom: 1px solid #D9DBDB; font-weight: bold; } .trace-info { background-color: #4D5151; width: 100%; color: #fff; } .trace-line { display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto; position: relative; padding-left: 0.5rem; padding-bottom: 0.5rem; } .trace-label { padding-right: 2.5rem; font-size: .625rem; color: #c0c3c3; } .trace-value { font-size: .75rem; color: #fff; } .trace-message { font-size: .625rem; padding-bottom: 2px; } /*!************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/Tabs/Vendors/QuoteVendors.scss ***! \************************************************************************************************************************************************************/ .quote-vendor-report .sortable-table { margin-top: 1rem; color: #5A5F5F; font-size: .875rem; } .quote-vendor-report .sortable-table-column__header--proximity { width: 15%; } .quote-vendor-report .sortable-table-column__header--result { width: 16%; } .quote-vendor-report .sortable-table-column__header--description { width: 20%; } .quote-vendor-report td.sortable-table-column { height: 3rem; border-bottom: 1px solid #eee; vertical-align: middle; } .quote-vendor-report .sortable-table-column--icon { width: .1px; } .quote-vendor-report .icon-vendor-api, .quote-vendor-report .icon-vendor-rate-card { font-size: 1.25rem; } .quote-vendor-report .icon-vendor-api svg, .quote-vendor-report .icon-vendor-rate-card svg { height: 1.6em; width: 1em; } .quote-vendor-report .sortable-table-column--productType { width: 10%; font-size: .75rem; } .quote-vendor-report .sortable-table-column--result { white-space: nowrap; } .quote-vendor-report .sortable-table-column--proximity .proximity::before { content: ' '; margin-right: 0.25rem; vertical-align: -2px; font-size: 0.875rem; width: 1em; height: 1em; display: inline-block; border: 3px solid #C0C3C3; background-color: #fff; border-radius: 50%; } .quote-vendor-report .sortable-table-column--proximity .proximity--On-Net::before { border-color: #36B463; } .quote-vendor-report .sortable-table-column--proximity .proximity--Near-Net::before { border-color: #F2AB4D; } .quote-vendor-report .sortable-table-column--proximity .proximity--Off-Net::before { border-color: #ED021E; } .quote-vendor-report .status-icon { display: inline-flex; align-items: center; } .quote-vendor-report .status-icon .icon { margin-right: .125rem; } .quote-vendor-report .proximity__via { font-size: .625rem; color: #747474; } .quote-vendor-report__header { margin: 1rem 0 3rem; display: flex; align-items: center; gap: 3rem; } .quote-vendor-report__header h3 { padding: 0; margin: 0; } .quote-vendor-report__header .labelled-input { border-radius: 4px; font-size: .875rem; } .quote-vendor-report__header .labelled-input .icon { font-size: 1.25rem; } .quote-vendor-report__header .labelled-input__input { text-align: left; font-size: .875rem; padding: .25rem; } .quote-vendor-report__header .checkbox { margin-left: auto; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/QuoteView/QuoteViewer.scss (2) ***! \**************************************************************************************************************************************************/ .quote-viewer { margin: 0 auto 5rem; width: 90%; font-size: 14px; } .quote-viewer .breadcrumbs { margin-left: 0; } .quote-viewer .ant-tabs { overflow: visible; } .quote-viewer .ant-tabs-tabpane { min-height: 15rem; } .quote-viewer .button:disabled { pointer-events: none; } .quote-viewer .context-menu-button.button .icon-ellipsis { font-size: 1.5rem; } .quote-viewer .notification--success { position: sticky; top: 0; z-index: 3; width: 100vw; margin: 0 -5vw; } .quote-viewer__loading-overlay { background: rgba(255, 255, 255, 0.8); font-size: 1.5rem; } .quote-viewer__loading-overlay .loading-overlay__positioning { max-height: 100vh; } .quote-viewer__currency { color: #545454; display: flex; justify-content: flex-end; align-items: center; } .quote-viewer__currency-label { font-size: .875rem; padding-right: .5rem; color: #404444; } .quote-requirements { background-color: #f2f3f3; color: #404444; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: .75rem 1.25rem .5rem; border-radius: 8px 8px 0 0; } .quote-viewer__header { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin: 1.25rem 0 .25rem; } .quote-viewer__header .icon-export { font-size: 1.5rem; vertical-align: middle; } .quote-viewer__header .quote-viewer__export { padding: 0; margin: 0; } .quote-viewer__status { font-weight: 500; text-transform: capitalize; } .quote-viewer__status .status-icon__text { display: inline-block; vertical-align: middle; } .pricing-quote-container { text-align: center; font-size: 16px; color: #5B6061; } .pricing-quote-container .jumbo-loading-icon { color: #ED8702; } .pricing-quote-headline { margin: .25em 0; font-size: 28px; font-weight: 500; color: #202629; } .toggle-legs-container { overflow: visible; text-align: center; position: relative; } .toggle-legs-button { font-size: 30px; width: 1.5em; height: 1.5em; text-align: center; cursor: pointer; background: none; border: none; } .quote-viewer__manual-pricing-notification { margin-bottom: 1.5em; } .design-editors { margin-top: 2em; } .design-editors .design-editor, .solutions-sets .design-editor { margin: 1em 0; } .design-editors__button--add-design { padding-left: 3em; padding-right: 3em; border-radius: 3px; } .design-editors__button--add-design .icon { margin-right: 0.5rem; } .design-editors__button--add-design svg { transform: scale(1.75); } .new-designs__header { font-size: 1rem; color: #545454; line-height: 2; } .quote-designs__notification { margin-bottom: 1rem; } .quote-designs__notification--still-pricing { margin-bottom: 1rem; } .quote-designs__notification--still-pricing .notification__content { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .quote-designs__notification--broadband { margin-bottom: 1.5rem; border-color: #00add8; font-size: .75rem; font-style: italic; } .design-status--ordered { background-color: rgba(234, 247, 239, 0.5); color: white; display: table; border: 2px solid #36b463; border-radius: 3px; padding: .5rem 1rem; margin-right: 1rem; vertical-align: inherit; font-weight: 500; letter-spacing: 1px; } .quote-viewer__error { font-size: 1rem; text-align: center; display: flex; flex-flow: column wrap; justify-items: center; align-items: center; width: 460px; margin: 2rem auto; border-radius: 4px; padding: 4rem 0; } .quote-viewer__error .icon-quote-error { margin: 0; font-size: 5rem; width: .7em; text-align: center; } .quote-viewer__error .quote-error__icon-caption { color: #0069AB; font-weight: 400; font-size: 1rem; margin: 0.75rem 0 1rem; } .quote-viewer__error .quote-viewer__error-headline { font-size: 1.75rem; text-align: center; font-weight: 500; } .quote-viewer__error .quote-viewer__error-actions { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 21.5rem; margin-top: 2rem; } .quote-viewer__error .quote-viewer__error-actions .button { width: 10rem; } .quote-viewer__folder-description { font-size: .75rem; display: inline-flex; } .quote-viewer__folder-description a { display: inline-flex; align-items: center; } .quote-viewer__folder-description .icon { color: #0d7137; font-size: 1rem; margin-right: .25rem; } .quote-viewer__review-status-notification { margin-bottom: .5rem; } .quote-viewer__review-status-notification .flex-row { display: flex; align-items: center; justify-content: space-between; } .quote-viewer__review-status-notification .checkbox { margin-right: 1rem; } .quote-viewer__review-status-notification .checkbox svg { fill: #fff; } .quote-viewer__context-menu .react-contexify__item .icon-add-circle-outline { transform: rotate(45deg); } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminAudit.scss (2) ***! \*********************************************************************************************************************************************/ .admin-audit .timeline-item__description { font-size: .875rem; padding: 1rem; background: #e5f1f8; } .admin-audit .timeline-item__description .icon { margin-right: .5rem; } .admin-audit .timeline-item__description .icon-add { color: #30a259; } .admin-audit .timeline-item__description .icon-subtract { color: #ed021e; } /*!*************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminOrganizationNotifications.scss ***! \*************************************************************************************************************************************************************/ .admin-organization-notification .notifications-groups-subheader { font-size: .875rem; color: #555; margin-top: 1rem; font-weight: 500; } .admin-organization-notification .all-email-notification-add-user { text-align: center; width: 50%; margin-top: 10px; margin-bottom: 10px; } .admin-organization-notification .all-email-notification-no-users { color: #5A5F5F; font-size: .75rem; } .sortable-table__all-email-notification-users { width: 50%; margin-top: 10px; } .sortable-table__all-email-notification-users .sortable-table-column--icon { width: 2rem; font-size: 1.5rem; } .sortable-table__all-email-notification-users td { vertical-align: middle; border-bottom: 1px solid #D9DBDB; } .sortable-table__all-email-notification-users .sortable-table-column--label { width: 100%; color: #5A5F5F; } .sortable-table__all-email-notification-users .sortable-table-column--remove { font-size: 1.5rem; } .admin-organization-notifications .popup-content { overflow: visible; } /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminPricing.scss ***! \*******************************************************************************************************************************************/ .admin-pricing { padding: .25rem; } .admin-pricing h4 { display: flex; justify-content: space-between; align-items: center; width: 38rem; } .admin-pricing h4 .checkbox { font-size: .875rem; font-weight: normal; margin-left: 6rem; } .admin-pricing h4:first-child { margin-top: .5rem; } .admin-pricing .margins-container { width: 50%; display: flex; margin: 0 0 2em; } .admin-pricing .margins-container input { padding: .5rem; font-size: .825rem; border: 1px solid #999; border-radius: 3px; margin-right: 2rem; } .admin-pricing .margins-container label > input { display: block; } .admin-pricing .admin-pricing-options { display: flex; flex-flow: column nowrap; } .admin-pricing .forceCrossConnect.lookup { margin-left: 1px; width: 17rem; } .admin-pricing .currency.lookup { width: 10rem; font-weight: 400; } .admin-pricing .ipPricingRate.lookup { width: 15rem; font-weight: 400; } /*!****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminPops.scss ***! \****************************************************************************************************************************************/ .admin-pops h4 { font-size: 1.3125rem; margin: .5rem 0 .25rem; } .admin-pops .sortable-table { border: 1px solid #ddd; border-top: none; } .admin-pops .sortable-table .sortable-table-column { border-bottom: 1px solid #efefef; } .admin-pops .sortable-table thead { display: none; } .admin-pops .sortable-table-column--icon { padding-left: 1rem; width: 3.5rem; } .admin-pops .sortable-table-column--icon div { font-size: .625rem; color: #0069ab; } .admin-pops .sortable-table-column--countryCode > div { font-size: .625rem; color: #777; } .admin-pops .sortable-table-group-header { background: #ddd; top: 2.5rem; } .admin-pop-list { max-height: 80vh; overflow: auto; margin: 1rem .25rem 1.25rem; border: .75rem solid #f2f2f2; border-radius: .25rem; box-shadow: 2px 2px 2px 0px rgba(33, 33, 33, 0.33); } .admin-pop-list[open] { margin-bottom: 2rem; } .admin-pop-list__header { padding: .5rem; display: flex; align-items: center; position: sticky; top: 0; background: #f2f2f2; color: #007997; cursor: pointer; } .admin-pop-list__header::before { color: #007997; content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border: solid 2px; border-left-color: transparent; border-bottom-color: transparent; margin: 0 .75rem 0 0; transition: transform 0.2s; transform: rotate(-45deg) translate(-20%, 20%); } details[open] > .admin-pop-list__header::before { transform: rotate(135deg) translate(-20%, 20%); } .admin-pops-list__no-results { background: #f2f2f2; font-size: .75rem; padding-left: 1.75rem; color: #545454; } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/QuotingOptions.scss ***! \*********************************************************************************************************************************************/ .admin-quoting-options .quote-options__group { flex: 1 1 auto; display: flex; flex-flow: column nowrap; padding-bottom: 2rem; } .admin-quoting-options .quote-options__group + .quote-options__group { padding-top: 2rem; border-top: 1px solid #D9DBDB; } .admin-quoting-options .quote-options__group .quote-options__group-description { font-size: .875rem; } .admin-quoting-options .quote-options__group h4 { font-size: 1.3125rem; margin: .5rem 0 .25rem; } .admin-quoting-options .quote-options__group .quote-options-groups-subheader { font-size: .875rem; color: #555; margin-top: 1rem; font-weight: 500; } .admin-quoting-options .quote-options__group .toggleable { max-height: 87.5rem; opacity: 1; transition: max-height 500ms, opacity 500ms; visibility: visible; } .admin-quoting-options .quote-options__group .toggleable--collapsed { max-height: 0; overflow: hidden; transition: max-height 500ms, opacity 500ms, visibility 1ms 500ms; opacity: 0; } .admin-quoting-options .quote-options__group .toggleable--collapsed input { visibility: hidden; } .admin-quoting-options .quote-options__group .toggler { margin: 0 0 0 .25rem; font-size: .75rem; padding: 5px; } .admin-quoting-options .quote-options__group .toggler .icon.icon-caret-down { color: inherit; margin-left: .25rem; } .admin-quoting-options .quote-options__group .toggler .icon.icon-caret-down svg { fill: currentColor; transition: transform 200ms; } .admin-quoting-options .quote-options__group .toggler.toggler--collapse .icon-caret-down svg { transform: rotate(180deg); } .admin-quoting-options .quote-options-save-container { text-align: center; margin: 2rem 0; } .admin-quoting-options .checkbox .checkbox-icon { font-size: 1rem; border-radius: 2px; } .admin-quoting-options .checkbox .icon-checkbox-checkmark { transform: scale(1.5); } .admin-quoting-options .loading-overlay { position: fixed; } .admin-quoting-options .loading-overlay__positioning { max-height: 100vh; } .admin-quoting-options__excluded-carrier-header { width: 50%; display: flex; justify-content: space-between; align-items: center; } .admin-quoting-options__excluded-carrier-header-text { color: #5A5F5F; font-size: .75rem; } .admin-quoting-options__excluded-carrier-lookup { display: inline-block; } .admin-quoting-options__excluded-carrier-lookup .react-select__control { height: auto; } .sortable-table__excluded-carriers { width: 50%; } .sortable-table__excluded-carriers td { vertical-align: middle; border-bottom: 1px solid #D9DBDB; } .sortable-table__excluded-carriers .sortable-table-column--icon { width: 2rem; font-size: 1.5rem; } .sortable-table__excluded-carriers .sortable-table-column--label { width: 100%; color: #5A5F5F; } .sortable-table__excluded-carriers .sortable-table-column--remove { font-size: 1.5rem; } /*!*****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/AdminUsers.scss ***! \*****************************************************************************************************************************************/ .admin-users h3 { margin: 0 auto 0 0; } .admin-users .flex-wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; margin-bottom: 1rem; } .admin-users .loading-overlay__fetch-users.loading-overlay { background: rgba(255, 255, 255, 0.5); } .admin-users .loading-overlay__fetch-users .loading-overlay__positioning { position: fixed; width: 80%; } .admin-users__checkbox-req-order-mgr { font-size: .75rem; } .admin-users__checkbox-req-order-mgr .checkbox-icon { margin-right: .25rem; } .admin-users__list { margin: 1rem 0 0; padding: 0; border-top: 1px solid #ddd; } .admin-users__list-item { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: .5rem 1rem; border-bottom: 1px solid #ddd; } .admin-users__list-item:nth-child(even) { background-color: #f6f6f6; } .admin-users__list-item-name { flex: 1 1 20rem; } .admin-users__list-item-name .icon-avatar { transform: scale(1.25); margin-right: .25rem; } .admin-users__list-item--disabled .admin-users__list-item-name { opacity: .75; font-style: italic; } .admin-users__list-item--disabled .admin-users__list-item-name .icon-avatar { color: #ccc; } .admin-users__list-item-email { font-size: .75rem; color: #545454; } .admin-users__list-item-roles { flex: 1 1 50%; vertical-align: top; text-align: left; } .admin-users__list-item-role { padding: .25rem .5rem; border: 1px solid; border-radius: 3px; margin: .1rem .5rem .1rem 0; background-color: #f9f9f9; text-transform: uppercase; font-size: .75rem; white-space: nowrap; display: inline-block; cursor: help; } .admin-users__list-item-role[data-role="Admin"] { color: red; } .admin-users__list-item-role[data-role="Internal"] { color: #3390cb; } .admin-users__list-item-role[data-role="Unitas Design View"] { color: #3390cb; font-weight: 500; } .admin-users__list-item-role[data-role="Org Manager"] { color: purple; } .admin-users__list-item-role[data-role="Pricing Desk"] { color: #30a259; } .admin-users__list-item-role[data-role="Network Engineer"] { color: peru; } .admin-users__list-item-role[data-role="Sungard EMEA"] { color: #D92A1C; } .admin-users__list-item-actions { flex: 0 0 auto; } .admin-users__context-menu { transform: translate3d(-1.5rem, 0, 0); } li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher), li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper, li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span { color: rgba(0, 0, 0, 0.65); } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Admin/Admin.scss ***! \************************************************************************************************************************************/ .admin-page .header-bar { background: #ddd; padding: 1em 2em; margin-bottom: 1rem; } .admin-page .header-bar .checkbox { margin-left: 2rem; } .admin-page .header-bar .checkbox-label { font-size: .75rem; margin-left: -.25rem; } .admin-page .header-bar-title { display: inline-block; } .admin-page .checkbox label { color: #545454; } .admin-page .lookup.organizations { margin: 1rem 0; width: 20rem; } .admin-page .react-select__option .icon-avatar.icon-avatar--no-users { color: #999; } /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Notifications/Notifications.scss (2) ***! \********************************************************************************************************************************************************/ .notifications-page .sortable-table td { border-bottom: 1px solid #D9DBDB; } .notifications-page .sortable-table tbody { background-color: #e5f6fb; color: #333636; } .notifications-page .sortable-table tbody .sortable-table-column--date { min-width: 7rem; } .notifications-page .sortable-table tbody .sortable-table-column--icon { width: 1px; padding-left: .75rem; position: relative; } .notifications-page .sortable-table tbody .sortable-table-column--user { white-space: nowrap; } .notifications-page .sortable-table tbody .sortable-table-column--comment { font-style: italic; color: #545454; max-width: 22rem; padding-right: 2rem; } .notifications-page .icon-comments { font-size: 1.5rem; margin-top: -2px; } .notifications-page .quote-comment-count { position: absolute; top: 1rem; left: 0.6rem; padding: 1px 3px 0; color: white; font-weight: 500; border-radius: 4px; font-size: 0.75rem; opacity: .8; background: #0d7137; } .notifications-page .loading-overlay__positioning { position: fixed; width: 100%; } .notifications-page .notifications-page__description { margin: -1.5rem 0 1.5rem; font-size: .875rem; color: #333636; opacity: .5; } .notifications-page .line-clamped { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /*!****************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/Diagnostics/DiagnosticsPage.scss ***! \****************************************************************************************************************************************************/ .diagnostics-page { height: 100%; margin: 0 auto; padding: 0 5% 6em; width: 100%; } .diagnostics-page .page-content { padding: 0; width: 100%; } .diagnostics-page .breadcrumbs { margin-left: 0; } .diagnostics-page .widget { margin: 1rem 0 2rem; } .diagnostics-page .widget h2 { margin: .5em 0; padding: 0; color: #747A7A; font-size: 18px; } .diagnostics-page .widget .pager-row { display: none; } .diagnostics-page .widget-wrapper { max-height: 21rem; border: 1px solid #E5E7E7; border-radius: 5px; box-shadow: 0 3px 8px 0 rgba(32, 38, 41, 0.1); background: #fff; display: flex; flex-flow: column nowrap; position: relative; } .diagnostics-page .widget-scroller { margin: 1rem 0 0; height: 100%; overflow-x: hidden; position: relative; } .diagnostics-page .sortable-table { text-align: right; } .diagnostics-page .sortable-table td { border-bottom: 1px solid #C0C3C3; vertical-align: middle; } .diagnostics-page .sortable-table-column--processing_Group, .diagnostics-page .sortable-table-column--name, .diagnostics-page .sortable-table-column--owner_name, .diagnostics-page .sortable-table-column--owner_organization_name { text-align: left; padding-left: .75rem; max-width: 16rem; word-wrap: break-word; } /*!****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/CreateQuote.scss (2) ***! \****************************************************************************************************************************************/ .create-quote { position: relative; text-align: left; margin-top: 2rem; } .create-quote .grid { display: grid; gap: 1.25rem; margin-bottom: 1.25rem; } .create-quote .col--2 { grid-template-columns: 1fr 1fr; } .create-quote .col--3 { grid-template-columns: 1fr 1fr 1fr; } .create-quote .create-quote__button-wrapper { margin-top: 2.5rem; text-align: center; } .create-quote .create-quote__button-wrapper .button { width: 47.5%; } .create-quote .address-option { font-size: .875rem; font-weight: 500; color: #4D5151; width: 100%; } .create-quote .address-option.em-flag { background-position-x: left; padding-left: 2rem; } .create-quote .react-select__dropdown-indicator { color: #777; } .create-quote .create-quote__currency { margin: .25rem 0; text-align: right; display: inline-flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 99%; } .create-quote .create-quote__currency .create-quote__currency-label { font-size: .875rem; color: #1A1B1D; } .create-quote .create-quote__currency .react-select.currency { width: 6rem; display: inline-block; margin-left: .5rem; } .create-quote .create-quote__currency .react-select.currency .react-select__control { height: unset; background-color: transparent; border-color: transparent; } .create-quote .create-quote__currency .react-select.currency .react-select__control:hover { border-color: transparent; } .create-quote .create-quote__currency .react-select.currency .react-select__control--menu-is-open { background-color: #fff; border: 1px solid #cccfcf; } .create-quote .create-quote__currency .react-select.currency .react-select__control--menu-is-open .react-select__single-value { color: black; } .create-quote .create-quote__currency .react-select.currency .react-select__single-value { padding: 0; margin: 0; text-align: left; font-size: .875rem; color: #1A1B1D; } .create-quote .create-quote__currency .react-select.currency .react-select__value-container { padding: 0 0 0 8px; } .create-quote .create-quote__currency .react-select.currency .react-select__dropdown-indicator { padding: 0 4px; } /*!************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/EcxHomePage.scss ***! \************************************************************************************************************************************/ .ecx-home { width: 100%; flex: 1; display: flex; flex-flow: column nowrap; justify-content: space-between; } .ecx-home + .footer-links { background-color: #D9DBDB; } .ecx-home__content { flex: 0 0 auto; padding: 4rem 10%; position: relative; } .ecx-home__content h1 { font-size: 3.25rem; font-weight: 400; padding: 0; margin: 0; line-height: 1.2; color: #fff; } .ecx-home__content h1 sup { font-size: 1rem; } .ecx-home__content-underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .8; } .ecx-home__forms { position: relative; display: flex; justify-content: space-between; margin: 2.5rem -1rem 0; } .ecx-home__forms .space { width: 47.5%; } .ecx-home__forms .space--hidden { display: none; } .ecx-home__form { flex: 1 1 47.5%; min-height: 23.5rem; margin: 1rem; text-align: center; background-color: #F8F9F9; border-radius: 4px; padding: 3rem 2rem 2rem; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-between; width: 47.5%; box-shadow: 0 15px 35px 0 rgba(32, 38, 41, 0.2), 0 9px 15px 0 rgba(32, 38, 41, 0.1); } .ecx-home__form > * { animation: formCollapse; animation-duration: 5s; } .ecx-home__form > p { font-size: 1.3125rem; line-height: 1.25; color: #5A5F5F; } .ecx-home__form .button--rounded { border-radius: 1.5rem; border: none; box-shadow: none; text-transform: uppercase; text-shadow: none; font-weight: 500; font-size: .875rem; padding: 1rem; width: 85%; height: 3.125rem; } .ecx-home__form .close-button { position: absolute; border: none; background: none; box-shadow: none; top: 0; padding: 0.5rem 0.5rem; font-size: 1.25rem; margin: 1rem; color: #0D7137; } .ecx-home__form.form1--expanded { position: absolute; top: -1rem; left: 0; width: 95%; z-index: 1; min-height: 25.5rem; animation: formExpand; animation-duration: .5s; transition: none; } .ecx-home__form.form1--expanded .close-button { right: 0; } .ecx-home__form.form2--expanded { position: absolute; top: -1rem; right: 0; width: 95%; z-index: 1; min-height: 25.5rem; animation: formExpand; animation-duration: .5s; transition: none; } .ecx-home__form.form2--expanded .close-button { left: 0; } .ecx-home__form-icons .icon { font-size: 3rem; color: #0D7137; } .ecx-home__form-icons .icon + .icon { margin-left: 1.5rem; } .ecx-home-section--create-quote { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #4D5151; } .ecx-home-section--create-quote p { color: #D9DBDB; margin: 0 0 2.5rem; font-size: 1.625rem; line-height: 1.2; } .ecx-home-section__support-questions { position: relative; } .ecx-home-section__support-questions ul { width: 30rem; padding: 2rem 4rem 2.5rem; margin: 2.5rem auto 4.5rem; text-align: left; list-style: none; background-color: #F2F3F3; border: 1px dashed #0D7137; border-radius: 4px; } .ecx-home-section__support-questions li { color: #4D5151; } .ecx-home-section__support-questions li::before { content: "\2022"; color: #90CC25; font-weight: bold; display: inline-block; margin: 0 .5rem 0 -1rem; transform: scale(1.5); } .ecx-home-section__support-questions .button { position: absolute; bottom: -1rem; margin: 0 auto; left: 0; right: 0; display: flex; align-items: center; justify-content: center; width: max-content; background-color: #0D7137; padding-left: 2.5rem; padding-right: 3rem; } .ecx-home-section__support-questions .button .icon { font-size: 1.25rem; margin-right: .5rem; color: #fff; } .ecx-home-section--footer { flex: 1 1 auto; background-color: #D9DBDB; text-align: center; padding-bottom: 1.5rem; } .ecx-home-section--footer .support__text { color: #404444; } .ecx-home-section--footer .text__service-delivery { font-size: .75rem; margin: 2.5rem 0 .5rem; } .ecx-home-section--footer svg path { fill: #000; } @keyframes formExpand { 0% { transform: scale(1); } 25% { transform: scale(1.1); } 60% { transform: scale(1); } } @keyframes formCollapse { 0% { opacity: 0; } 10% { opacity: 1; } } /*!*********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/LoginPoc/UgLoginForm.scss ***! \*********************************************************************************************************************************************/ .ug-login-form { margin: 0 auto; width: 460px; background: #fff; padding: 2rem; } .ug-login-form .form-title { padding-bottom: 10px; border-bottom: 2px solid #e2e6eb; margin-bottom: 14px; } .ug-login-form .form-description { font-size: .825rem; font-weight: 300; color: #2a303c; } .ug-login-form label { display: block; } .ug-login-form label > div { font-size: .75rem; font-weight: 400; margin-top: 24px; padding-bottom: 9px; color: #2a303c; } .ug-login-form input { height: 28px; width: 100%; padding-left: 10px; font-weight: 400; border-radius: 2px; outline: none; border-width: 1px; border-style: solid; border-color: #cbd0d8; color: #2a303c; } .ug-login-form input:focus { border: solid 1px #009aff; outline: none; } .ug-login-form .ug-form-submit-container { margin-top: 1.5rem; text-align: right; } .ug-login-form .ug-form-submit-container button { box-shadow: none; font-weight: 500; text-shadow: none; background-color: #009aff; } .ug-login-form .ug-form-submit-container button[disabled] { background-color: #e2e6eb; border: 1px solid #e2e6eb; color: #919191; opacity: 0.7; } /*!**********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/LoginPoc/JwtLoginForm.scss ***! \**********************************************************************************************************************************************/ .jwt-form { margin: 0 auto; width: 460px; background: #fff; padding: 2rem; } .jwt-form .form-title { padding-bottom: 10px; border-bottom: 2px solid #e2e6eb; margin-bottom: 14px; } .jwt-form .form-description { font-size: .825rem; font-weight: 300; color: #2a303c; } .jwt-form label { display: block; } .jwt-form label > div { font-size: .75rem; font-weight: 400; margin-top: 24px; padding-bottom: 9px; color: #2a303c; } .jwt-form input { height: 28px; width: 100%; padding-left: 10px; font-weight: 400; border-radius: 2px; outline: none; border-width: 1px; border-style: solid; border-color: #cbd0d8; color: #2a303c; } .jwt-form input:focus { border: solid 1px #009aff; outline: none; } .jwt-form .jwt-poc-submit-container { margin-top: 1.5rem; text-align: right; } .jwt-form .jwt-poc-submit-container button { box-shadow: none; font-weight: 500; text-shadow: none; background-color: #009aff; } .jwt-form .jwt-poc-submit-container button[disabled] { background-color: #e2e6eb; border: 1px solid #e2e6eb; color: #919191; opacity: 0.7; } /*!**************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/CCM/LoginPoc/LoginPocPage.scss (1) ***! \**************************************************************************************************************************************************/ .poc-page { color: #000; font-family: ProximaNova, "Red Hat Text", Roboto, "Helvetica Neue", Helvetica, sans-serif; } .poc-page header { text-align: center; font-size: 20px; letter-spacing: 3px; border-bottom: solid 1px #e2e6eb; width: 85%; margin: auto; } .poc-page header .company-name { margin: -28px -16px 10px 0; } .poc-page .login-poc--eq-form-select { display: inline-block; margin-left: 10px; } .poc-page .login-poc--ug-form-select { display: inline-block; position: relative; top: -10px; } .poc-page .login-poc--logo { display: inline-block; } .body--poc-page { background-color: #eeeff3; } .body--poc-page nav { display: none; } /*!****************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ECX/FooterLinks.scss (2) ***! \****************************************************************************************************************************************/ @charset "UTF-8"; .footer-links { margin: auto 0 0; padding: 0 0 2rem; text-align: center; } .footer-links li { display: inline; font-size: .75rem; } .footer-links li + li::before { content: '•'; color: #404444; margin: 0 .5rem; } .footer-links a { color: #0d7137; font-weight: 400; } .footer-links a:hover { color: #90cc25; } /*!*************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/PacketFabric/CreateQuote.scss (2) ***! \*************************************************************************************************************************************************/ .create-quote { position: relative; text-align: left; margin-top: 2rem; } .create-quote .grid { display: grid; gap: 1.25rem; margin-bottom: 1.25rem; } .create-quote .col--2 { grid-template-columns: 1fr 1fr; } .create-quote .col--3 { grid-template-columns: 1fr 1fr 1fr; } .create-quote .create-quote__button-wrapper { margin-top: 2.5rem; text-align: center; } .create-quote .create-quote__button-wrapper .button { width: 47.5%; } .create-quote .address-option { font-size: .875rem; font-weight: 500; color: #4D5151; width: 100%; } .create-quote .address-option.em-flag { background-position-x: left; padding-left: 2rem; } .create-quote .react-select__dropdown-indicator { color: #777; } .create-quote .create-quote__currency { margin: .25rem 0; text-align: right; display: inline-flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 99%; } .create-quote .create-quote__currency .create-quote__currency-label { font-size: .875rem; color: #1A1B1D; } .create-quote .create-quote__currency .react-select.currency { width: 6rem; display: inline-block; margin-left: .5rem; } .create-quote .create-quote__currency .react-select.currency .react-select__control { height: unset; background-color: transparent; border-color: transparent; } .create-quote .create-quote__currency .react-select.currency .react-select__control:hover { border-color: transparent; } .create-quote .create-quote__currency .react-select.currency .react-select__control--menu-is-open { background-color: #fff; border: 1px solid #cccfcf; } .create-quote .create-quote__currency .react-select.currency .react-select__control--menu-is-open .react-select__single-value { color: black; } .create-quote .create-quote__currency .react-select.currency .react-select__single-value { padding: 0; margin: 0; text-align: left; font-size: .875rem; color: #1A1B1D; } .create-quote .create-quote__currency .react-select.currency .react-select__value-container { padding: 0 0 0 8px; } .create-quote .create-quote__currency .react-select.currency .react-select__dropdown-indicator { padding: 0 4px; } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/PacketFabric/PacketFabricHomePage.scss ***! \******************************************************************************************************************************************************/ .packetfabric-home { width: 100%; flex: 1; display: flex; flex-flow: column nowrap; justify-content: space-between; } .packetfabric-home + .footer-links { background-color: #D9DBDB; } .packetfabric-home__content { flex: 0 0 auto; padding: 4rem 10%; position: relative; } .packetfabric-home__content h1 { font-size: 3.15rem; font-weight: 400; padding: 0; margin: 0; line-height: 1.2; color: #fff; } .packetfabric-home__content h1 sup { font-size: 1rem; } .packetfabric-home__content-underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .8; } .packetfabric-home__forms { position: relative; display: flex; justify-content: space-between; margin: 2.5rem -1rem 0; } .packetfabric-home__forms .space { width: 47.5%; } .packetfabric-home__forms .space--hidden { display: none; } .packetfabric-home__form { flex: 1 1 47.5%; min-height: 23.5rem; margin: 1rem; text-align: center; background-color: #F8F9F9; border-radius: 4px; padding: 3rem 2rem 2rem; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-between; width: 47.5%; box-shadow: 0 15px 35px 0 rgba(32, 38, 41, 0.2), 0 9px 15px 0 rgba(32, 38, 41, 0.1); } .packetfabric-home__form > * { animation: formCollapse; animation-duration: 5s; } .packetfabric-home__form > p { font-size: 1.3125rem; line-height: 1.25; color: #5A5F5F; } .packetfabric-home__form .button--rounded { border-radius: 1.5rem; border: none; box-shadow: none; text-transform: uppercase; text-shadow: none; font-weight: 500; font-size: .875rem; padding: 1rem; width: 85%; height: 3.125rem; } .packetfabric-home__form .close-button { position: absolute; border: none; background: none; box-shadow: none; top: 0; padding: 0.5rem 0.5rem; font-size: 1.25rem; margin: 1rem; color: #009BC2; } .packetfabric-home__form.form1--expanded { position: absolute; top: -1rem; left: 0; width: 95%; z-index: 1; min-height: 25.5rem; animation: formExpand; animation-duration: .5s; transition: none; } .packetfabric-home__form.form1--expanded .close-button { right: 0; } .packetfabric-home__form.form2--expanded { position: absolute; top: -1rem; right: 0; width: 95%; z-index: 1; min-height: 25.5rem; animation: formExpand; animation-duration: .5s; transition: none; } .packetfabric-home__form.form2--expanded .close-button { left: 0; } .packetfabric-home__form-icons .icon { font-size: 3rem; color: #19B5DB; } .packetfabric-home__form-icons .icon + .icon { margin-left: 1.5rem; } .packetfabric-home-section--create-quote { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #4D5151; } .packetfabric-home-section--create-quote p { color: #D9DBDB; margin: 0 0 2.5rem; font-size: 1.625rem; line-height: 1.2; } .packetfabric-home-section__support-questions { position: relative; } .packetfabric-home-section__support-questions ul { width: 30rem; padding: 2rem 4rem 2.5rem; margin: 2.5rem auto 4.5rem; text-align: left; list-style: none; background-color: #F2F3F3; border: 1px dashed #00ADD8; border-radius: 4px; } .packetfabric-home-section__support-questions li { color: #4D5151; } .packetfabric-home-section__support-questions li::before { content: "\2022"; color: #00ADD8; font-weight: bold; display: inline-block; margin: 0 .5rem 0 -1rem; transform: scale(1.5); } .packetfabric-home-section__support-questions .button { position: absolute; bottom: -1rem; margin: 0 auto; left: 0; right: 0; display: flex; align-items: center; justify-content: center; width: max-content; background-color: #009BC2; padding-left: 2.5rem; padding-right: 3rem; } .packetfabric-home-section__support-questions .button .icon { font-size: 1.25rem; margin-right: .5rem; color: #fff; } .packetfabric-home-section--footer { flex: 1 1 auto; background-color: #D9DBDB; text-align: center; padding-bottom: 1.5rem; } .packetfabric-home-section--footer .support__text { color: #404444; } .packetfabric-home-section--footer .text__service-delivery { font-size: .75rem; margin: 2.5rem 0 .5rem; } .packetfabric-home-section--footer svg path { fill: #000; } @keyframes formExpand { 0% { transform: scale(1); } 25% { transform: scale(1.1); } 60% { transform: scale(1); } } @keyframes formCollapse { 0% { opacity: 0; } 10% { opacity: 1; } } /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Pages/ServiceMetrics/ServiceMetricsPage.scss ***! \******************************************************************************************************************************************************/ .service-metrics-wrapper { overflow: hidden; } .service-metrics-grid th { text-orientation: sideways; writing-mode: vertical-rl; border: 1px solid #777; background: #0075bf; color: #fff; padding: .5rem .25rem; font-weight: normal; } .service-metrics-grid th.service-metrics-grid__keystone { visibility: hidden; } .service-metrics-grid td { border: 1px solid #777; width: 1rem; height: 1rem; position: relative; cursor: pointer; text-align: center; background: #52c065; transition: background .75s; } .service-metrics-grid td:first-child { background: #0075bf; color: #fff; padding: .25rem .5rem; } .service-metrics-grid td.no-hover { background: #747a7a; } .service-metrics-grid td:hover { background: #0075bf; } .service-metrics-grid .service-metrics-grid__row-header { white-space: nowrap; } .service-metrics-grid .tooltip { position: absolute; padding: 6px 10px; text-align: left; bottom: 100%; z-index: 1; border-radius: 6px; white-space: nowrap; background: rgba(0, 0, 0, 0.85); color: #fff; opacity: 0; pointer-events: none; transform: scale3d(0.2, 0.2, 1) translateX(-92%); transition: all .2s ease-in-out; } .service-metrics-grid .tooltip:after { display: block; opacity: 0; pointer-events: none; } .service-metrics-grid .tooltip:after { border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.85); border-left: 6px solid transparent; content: ''; height: 0; top: 100%; width: 0; margin: 0 auto -.75rem; } .service-metrics-grid .tooltip.expand:after { transform: translate3d(-10%, -42%, 0); transition: all .1s ease-in-out; } .service-metrics-grid td:hover .tooltip.expand, .service-metrics-grid td:hover .tooltip.expand:after { opacity: 1; transform: scale3d(1, 1, 1) translateX(-42%); } .service-metrics-grid td:hover .tooltip.expand:after { transition: all .2s .1s ease-in-out; } .service-metrics-grid ul { margin: .5rem 0; padding: 0; list-style: none; } .service-metrics-grid li { font-size: .875rem; padding: 0; } .service-metrics-grid li::before { content: ' '; display: inline-block; font-size: .875rem; height: 1em; width: 1em; border-radius: 50%; background-color: #52c065; margin-right: .5rem; } /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/base.scss (8) ***! \*****************************************************************************************************************/ @font-face { font-family: 'anticon'; src: url("https://at.alicdn.com/t/font_148784_dky7e838xq4obt9.eot"); src: url("https://at.alicdn.com/t/font_148784_dky7e838xq4obt9.woff") format("woff"), url("https://at.alicdn.com/t/font_148784_dky7e838xq4obt9.ttf") format("truetype"), url("https://at.alicdn.com/t/font_148784_dky7e838xq4obt9.svg#iconfont") format("svg"); } .breadcrumbs { padding-top: 0.5rem; padding-bottom: 0.5rem; } .breadcrumbs .ant-breadcrumb { font-family: unset; font-size: 0.875rem; } .breadcrumbs .ant-breadcrumb a { color: #9a9f9f; text-decoration: underline; font-weight: normal; } .breadcrumbs .ant-breadcrumb a:hover { color: #818888; } .breadcrumbs .ant-breadcrumb-link, .breadcrumbs .ant-breadcrumb-separator { color: #9a9f9f; } .hidden { display: none; } .centered { display: block; margin-left: auto; margin-right: auto; } .pre-line { white-space: pre-line; } .medium-weight { font-weight: 500; } .blue { color: #0d7137; } .green { color: #30a259; } .yellow { color: #f4a622; } .red { color: #ed021e; } .gray { color: #b3b7b7; } .todo { font-family: 'Comic Sans', 'Chalkboard', fantasy; } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } } *, *::before, *::after { box-sizing: border-box; } *:focus { outline-color: #009bc2; } body { overflow-x: hidden; margin: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-variation-settings: "wdth" 100; line-height: 1.5; color: #393e46; } body.scroll-locked { overflow: hidden; } p { margin-top: 0; } ul { list-style-type: square; } li { padding-bottom: 0.5em; } hr { border-width: 0; border-bottom: 1px solid #cccfcf; } hr.secondary { border-bottom-color: #7fd6eb; } address { font-style: normal; } svg { fill: currentColor; } svg text { stroke-width: 0; } img { width: 100%; } img.inline { width: auto; } code { font-family: "Source Code Pro", Menlo, Monaco, monospace; background-color: #e5f1f8; padding: 0.125em 0.15em; } pre { margin-top: 1.5rem; margin-bottom: 1.5rem; background-color: #e5f1f8; padding: 1rem; } pre code { background-color: unset; padding: unset; } samp { font-family: "Source Code Pro", Menlo, Monaco, monospace; } h1, h2, h3, h4, h5, h6 { font-variation-settings: "wdth" 100; margin-top: 1.95rem; margin-bottom: 1.3rem; line-height: 1.3; } h1, .h1 { font-size: 1.75rem; font-weight: 500; } h2, .h2 { font-size: 1.525rem; font-weight: 500; } h3, .h3 { font-size: 1.325rem; font-weight: 500; } h4, .h4 { font-size: 1.25rem; font-weight: 500; } h5, .h5 { font-size: 1rem; font-weight: 700; } h6, .h6 { font-size: 0.875rem; font-weight: 700; } a { color: inherit; font-weight: 500; } .link { color: #0d7137; font-weight: inherit; } .link:hover { color: #90cc25; } textarea { font-family: inherit; } textarea:focus { box-shadow: 0 0 0 1px #009bc2 !important; border-color: #009bc2 !important; background: #e5f6fb !important; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .secure-container { display: flex; flex-direction: column; min-height: 100vh; } .secure-content { flex: 1; display: flex; position: relative; } .main { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; } .header { flex: 0 0 auto; position: relative; margin-left: 4rem; margin-right: 4rem; } .flex-columns { display: flex; } .flex-columns > * { flex: 1 1 100%; margin-right: 4rem; } .flex-columns > *:last-child { margin-right: 0; } .flex-group { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; } .flex-group > * { flex: 1 1 100%; } .flex-group.small { flex-wrap: nowrap; justify-content: space-between; } .flex-group.small > * { margin-right: 1.2rem; } .flex-group.small > *:last-child { margin-right: 0; } @media screen and (min-width: 63em) { .flex-group.medium { flex-wrap: nowrap; justify-content: space-between; } .flex-group.medium > * { flex-grow: 0; margin-right: 1.2rem; } .flex-group.medium > *:last-child { margin-right: 0; } } .flex-start { align-items: flex-start; } .flex-end { align-items: flex-end; } .two-columns { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.8rem; } .flex-column { display: flex; flex-direction: column; flex: 1; } .flex-row { display: flex; flex: 1; flex-direction: row; justify-content: flex-start; align-items: center; } .flex-row.even-spacing { justify-content: space-between; } .flex-row.centered { justify-content: center; } .input-div { margin: 0.5rem; } #modal { position: fixed; width: 100%; height: 100%; top: 0; pointer-events: none; z-index: 3; } .spinner { font-size: 5rem; } .spinner-container { display: flex; flex: 1; justify-content: center; align-items: center; } .twelve-column-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 4rem; grid-gap: 1rem; } .container { height: 100%; background-color: #fff; padding: 1.8rem 1.8rem 0; } .patterned { background-color: #fff; background-image: url(/src/static/images/cube-pattern_@2x.png); background-size: 256px, 100%; background-repeat: repeat, no-repeat; } .patterned--dark { background-color: #1D1E21; background-image: url(/src/static/images/cubes-pattern-dark_@2x.png); background-size: 256px, 100%; background-repeat: repeat, no-repeat; } input:-webkit-autofill { animation-name: autofill; animation-fill-mode: both; } @-webkit-keyframes autofill { to { color: inherit; background: inherit; } } /*# sourceMappingURL=main-d0072377e40184090712.css.map*/