.uibyrepairplugin-alert-container { position: fixed; bottom: 15px; right: 15px; width: auto; max-width: 320px; z-index: 100000; width: calc(100% - 30px); } .uibyrepairplugin-alert-inner { margin-top: 10px; background: #fff; border: unset; box-shadow: 0px 0px 3px rgb(0 0 0 / 50%); border-radius: 8px; overflow: hidden; padding: 0px; box-sizing: border-box; max-width: 320px; z-index: 100; width: 100%; line-height: 1.4em; font-size: 15px; background: #fafafa; transition: all 0.5s !important; transform: translateX(120%); } .uibyrepairplugin-alert-inner.show { transform: translateX(0%); } .uibyrepairplugin-alert-inner:after, .uibyrepairplugin-alert-inner::after { display: table; content: ""; clear: both; } .uibyrepairplugin-alert-inner table, .uibyrepairplugin-alert-inner tbody, .uibyrepairplugin-alert-inner tr, .uibyrepairplugin-alert-inner td { padding: 0px; margin: 0px; border-spacing: 0px; } .uibyrepairplugin-alert-inner table { width: 100%; } .uibyrepairplugin-alert-inner td { vertical-align: middle; } .uibyrepairplugin-alert-inner td.icon { text-align: center; width: 18px; background: #aaa; color: #fff; height: 40px; padding: 5px; } .uibyrepairplugin-alert-inner td.icon.danger { background: #b90000; } .uibyrepairplugin-alert-inner td.icon.success { background: #009000; } .uibyrepairplugin-alert-inner td.close { text-align: center; cursor: pointer; width: 18px; padding: 5px; } .uibyrepairplugin-alert-inner td.message { width: calc(100% - 36px); font-family: 'Montserrat', sans-serif; padding: 8px 5px; font-size: 15px; line-height: 1.4em; padding-left: 8px; } .uibyrepairplugin-transition { transition: all 0.5s !important; } .uibyrepairplugin-remove-tr { transform: translateX(-100%); } .rp-ui-modal-container { position: fixed; bottom: 85px; left: 30px; background: rgba(0,0,0,0.3); z-index: 99999; width: 300px; } .rp-ui-modal-main { border-radius: 8px; width: 100%; max-width: 450px; height: auto; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); } .rp-ui-modal-container.unsaved .rp-ui-modal-main { background: #a81019; } .rp-ui-modal-container.saved .rp-ui-modal-main { background: var(--west--wales--maincolor); } .rp-ui-modal-inner { padding: 15px; } .rp-ui-modal-inner p { font-size: 18px; display: table; margin: 0px; color: var(--west--wales--maincolor); max-width: 240px; font-weight: 400; } .rp-ui-modal-container.unsaved .rp-ui-modal-inner p, .rp-ui-modal-container.saved .rp-ui-modal-inner p { color: #fff; } .rp-ui-modal-inner a { display: table; margin-top: 8px; } .rp-ui-modal-container .rp-ui-close-modal, .rp-ui-full-width-modal .rp-ui-close-modal { position: absolute; top: 8px; right: 8px; background: #efefef; padding: 8px; line-height: 1em; cursor: pointer; border: 1px solid #aaaa; background: #efefef; border-radius: 4px; outline: 0 !important; box-shadow: unset !important; transition: all 0.3s; } .rp-ui-modal-container .rp-ui-close-modal:hover, .rp-ui-modal-container .rp-ui-close-modal:active, .rp-ui-modal-container .rp-ui-close-modal:focus, .rp-ui-full-width-modal .rp-ui-close-modal:hover, .rp-ui-full-width-modal .rp-ui-close-modal:active, .rp-ui-full-width-modal .rp-ui-close-modal:focus { background: #fafafa; } .rp-ui-full-width-modal .rp-ui-modal-title { font-weight: 400; max-width: 93%; font-size: 18px; margin-top: 0px; margin-bottom: 10px; color: #1275c2; } .rp-ui-full-width-modal .rp-ui-modal-title b { font-weight: 700; } .rp-ui-modal-container.saved .rp-ui-modal-inner a:hover, .rp-ui-modal-container.saved .rp-ui-modal-inner a:active, .rp-ui-modal-container.saved .rp-ui-modal-inner a:focus { background: #fafafa; color: var(--west--wales--maincolor); } .rp-ui-container.property-details .rp-ui-content-box .call-to-action .rp-ui-button-default { background: #fafafa; border: 1px solid #fafafa; color: var(--west--wales--maincolor); font-weight: 400; } .rp-ui-container.property-details .rp-ui-content-box .call-to-action .rp-ui-button-default:hover, .rp-ui-container.property-details .rp-ui-content-box .call-to-action .rp-ui-button-default:active, .rp-ui-container.property-details .rp-ui-content-box .call-to-action .rp-ui-button-default:focus { background: #fff; color: var(--west--wales--maincolor); border: 1px solid #fafafa; } .rp-ui-container.property-details .rp-ui-content-box .call-to-action .rp-ui-button.rp-ui-fav-icon-details-page.prop-already-saved { color: #a81019; background: rgb(168 16 25 / 10%); } .rp-ui-container.property-details .rp-ui-content-box .call-to-action .rp-ui-button.rp-ui-fav-icon-details-page .fa-spinner { font-size: 20px; } .rp-ui-container .set-alert-buttons { margin: 0px; } .rp-ui-col-md-12.alert-btn-cols { padding: 15px; } .rp-ui-full-width-modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000; background: rgba(0,0,0,0.3); } .rp-ui-full-width-modal-main { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); width: 100%; max-width: 450px; border-radius: 8px; max-height: 80%; overflow-y: auto; } .rp-ui-full-width-modal-main p { font-size: 14px; } .rp-ui-full-width-modal-inner { padding: 15px; } .rp-ui-full-width-modal .rp-ui-form-group label { display: table; } .rp-ui-full-width-modal .rp-ui-form-group input { width: 100%; border-radius: 5px; display: table; margin-bottom: 8px; } .rp-ui-button.rp-ui-submit, .rp-ui-button.rp-ui-submit:hover, .rp-ui-button.rp-ui-submit:active, .rp-ui-button.rp-ui-submit:focus { background: #f7ae00; padding: 8px 12px; min-width: 100px; font-size: 14px; border-radius: 5px; color: #1b1b1b; background-color: #f7ae00; font-weight: 500; border: 0px; letter-spacing: 1px; display: inline-block; cursor: pointer; margin-right: 8px; } .wp-repair_page_wp_repair_default_repairs .reset-default-repair, .wp-repair_page_wp_repair_default_repairs .reset-default-repair:hover, .wp-repair_page_wp_repair_default_repairs .reset-default-repair:active, .wp-repair_page_wp_repair_default_repairs .reset-default-repair:focus { background: #b50000 !important; color: #fff !important; font-weight: 500 !important; border: 1px solid #b10000 !important; border-radius: 5px !important; padding: 5px 10px !important; cursor: pointer !important; font-size: 13px !important; } button.rp-ui-button-primary, button.rp-ui-button-primary:hover, button.rp-ui-button-primary:active, button.rp-ui-button-primary:focus { border-color: #1275c2 !important; background: #1275c2 !important; background-color: #1275c2 !important; } .rp-ui-modal-title.gold-color { color: #3c434a !important; font-weight: 500; } .btn.btn-reset-sort-model { width: 165px !important; min-height: 40px !important; float: unset !important; display: inline-block !important; padding: 10px !important; text-transform: uppercase !important; } .va-full-width-modal-main .mce-panel.mce-floatpanel .mce-widget.mce-btn.mce-primary.mce-abs-layout-item.mce-first.mce-btn-has-text { background-color: #2d8ac7; } .va-full-width-modal-main .mce-btn { background-color: #fff; } .va-full-width-modal-main .mce-panel, .va-full-width-modal-main div.mce-toolbar-grp { background-color: #fff; } .va-full-width-modal-main .wp-repair-input-group > .mce-panel.mce-container { border-width: 2px; border-radius: 8px; border: 2px solid #cfcfcf !important; box-sizing: border-box; padding: 0px 2px; transition: border-color 0.3s; } .va-full-width-modal-main .mce-path { display: none; } .va-full-width-modal-main .mce-statusbar.mce-container { border: 0px; } .va-full-width-modal-main .mce-container-body .mce-resizehandle { right: 2px; bottom: 2px; } .va-full-width-modal-main .mce-container-body.mce-stack-layout { padding: 1px; } .va-full-width-modal-main .wp-repair-input-group label { z-index: 10; } .va-full-width-modal-main .wp-repair-input-group > .mce-panel.mce-container:hover { border: 2px solid #2781c7 !important; box-shadow: none; outline: 0; } .va-full-width-modal-main .mce-container, .va-full-width-modal-main .mce-content-body, .va-full-width-modal-main .mce-menubar .mce-menubtn button span, .va-full-width-modal-main .mce-menu-item, .va-full-width-modal-main .mce-menu-item .mce-ico, .va-full-width-modal-main .mce-menu-item .mce-text { color: #454545; } .va-full-width-modal-main iframe #tinymce { background-color: #000; } .va-full-width-modal-main .mce-menubar .mce-menubtn button { color: #333; line-height: 1.5em; padding: 4px 8px; }