@charset "utf-8";

.swp-on-off-edit { display: none; }

.elementor-control .elementor-control-swp-alignment-product-name .elementor-control-type-choose .elementor-label-inline .elementor-control-separator-default { display: none !important; }

.swp_hide_control_manager { display: none !important; }

.swp-modal-edit { position: fixed; display: grid; place-items: center; pointer-events: none; opacity: 0; overflow-y: auto; top: 0px; bottom: 0px; left: 0px; width: 100%; z-index: 2; transition: 0.2s ease-out; }

.swp-modal-edit.swp-modal-edit-show { overscroll-behavior-y: contain; pointer-events: unset; opacity: 1; z-index: 10; }

.swp-modal-edit.swp-modal-edit-show .swp-modal-edit-modal__box { opacity: 1; transform: translateY(0px); }

.swp-modal-edit-modal__box { background: rgb(255, 255, 255); color: rgb(84, 66, 71); line-height: 1.6; width: calc(100% - 150px); opacity: 0; margin: 2rem; padding: 2rem; transform: translateY(4rem); transition: 0.3s ease-out; border-radius: 10px; }

.swp-modal-edit-header { border-bottom: 1px solid; margin-bottom: 10px; padding-bottom: 5px; text-align: center; text-transform: uppercase; position: relative; }

.swp-modal-edit-header-title { font-weight: 700; font-size: 1.5em; }

.swp-modal-edit-header-title::after { content: "Giỏ hàng của bạn"; }

.swp-modal-edit-header .swp-modal-edit-header-close { position: absolute; right: -35px; top: -35px; text-transform: none; padding: 5px 10px; border-radius: 30px; cursor: pointer; color: rgb(255, 255, 255); background: red; text-decoration: none; }

.swp-modal-edit-header-close:hover { text-decoration: none; }

.swp-modal-edit-content { }

.swp-edit { border: 1px solid red; }

.hover { cursor: pointer; outline: 0px; vertical-align: baseline; box-sizing: border-box; -webkit-font-smoothing: antialiased; border: 1px dashed rgb(12, 97, 242) !important; }

.hover-click { cursor: pointer; outline: 0px; vertical-align: baseline; box-sizing: border-box; -webkit-font-smoothing: antialiased; border: 1px dashed rgb(12, 97, 242) !important; }

.popover { height: 37px; border-radius: 5px; position: absolute; transform: translate3d(0px, 0px, 0px); transition: opacity 400ms; z-index: 40050; box-shadow: rgba(6, 21, 40, 0.3) 0px 5px 19px; background: rgb(255, 255, 255); user-select: none; vertical-align: baseline; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

.popover_edit_text { height: auto; border-radius: 5px; position: absolute; transform: translate3d(0px, 0px, 0px); transition: opacity 400ms; z-index: 999999; box-shadow: rgba(6, 21, 40, 0.3) 0px 5px 19px; background: rgb(255, 255, 255); user-select: none; vertical-align: baseline; box-sizing: border-box; -webkit-font-smoothing: antialiased; top: 0px !important; }

.popover:not(.is-active) { left: -9999em !important; top: -9999em !important; }

.popover.is-active { opacity: 1; pointer-events: auto; }

.swp-popover-edit-list-product-name { height: 58px; width: 58px; border: 1px solid rgb(204, 204, 204); float: left; text-align: center; line-height: 2.7; }

.swp-popover-edit-header-close { float: right; font-size: 11px; }

.swp_popover_edit_font_close { float: right; font-size: 11px; }

.swp-edit-cus-el-alignment { height: 37px !important; }

.swp-edit-cus-el-alignment-option { margin: 0px; line-height: 3; width: 50px !important; }

.swp-choose-select-font-family { height: 100%; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px !important; }

.select2-container .select2-selection--single { height: 100% !important; line-height: 2 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px !important; }

[type="color"] { appearance: none !important; padding: 0px !important; width: 15px !important; height: 15px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

[type="color"]::-webkit-color-swatch-wrapper { padding: 0px !important; }

[type="color"]::-webkit-color-swatch { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.color-picker { padding: 10px; border-radius: 2px; border: 1px solid rgb(204, 204, 204); background-color: rgb(248, 249, 249); }

.mainmenu, .submenu { list-style: none; padding: 0px; margin: 0px; }

.mainmenu a { display: block; text-decoration: none; padding: 10px; color: rgb(0, 0, 0); cursor: pointer; }

.swp-text-decoration-active { color: dodgerblue !important; }

.swp-text-active { color: dodgerblue !important; }

.mainmenu a:hover { background-color: rgb(197, 197, 197); }

.mainmenu li:hover .submenu { display: block; max-height: 200px; }

.submenu a { background-color: rgb(153, 153, 153); }

.submenu a:hover { background-color: rgb(102, 102, 102); }

.submenu { overflow: hidden; max-height: 0px; transition: 0.5s ease-out; }

.swp-text-format { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: white; color: black; }

.swp-text-format:hover { background: rgb(204, 204, 204); }

.swp-text-format.swp-text-format-active { color: white; background: gray; }

.swp-text-underline { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: white; color: black; }

.swp-text-underline:hover { background: rgb(204, 204, 204); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.swp-text-underline.swp-text-underline-active { color: white; background: gray; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.swp-choose-select-font-family { font-size: 0.8em; }

.select2-results__options { font-size: 15px !important; }