/* ================================================
* DUPLICATOR STYLE
* Common elements shared across the duplicator plugin
* ================================================ */
/*Global Elements*/
.duplicator-pages #wpcontent{padding-left: 0px; position: relative;}
.duplicator-pages #wpbody{padding-left: 20px;}
input[type=button]{cursor:pointer;padding:5px;cursor:pointer;}
input[type=submit]{cursor:pointer;padding:5px;cursor:pointer;}
fieldset {border:1px solid gray; padding:0px 5px 5px 5px; }
label {font-size:13px}
.no-select {user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none;}
hr {border:0; border-top:1px solid #cecece; border-bottom:1px solid #fafafa; margin:10px 0px 10px 0px;}
i[data-tooltip].fa-question-circle {cursor:pointer; color:#C3C3C3}
i[data-tooltip].fa-lightbulb-o {cursor:pointer; color:gray}
span.btn-separator {content:''; display:inline-block; background:silver; margin:2px 3px; height:25px; width:1px; vertical-align:top;}
a.grey-icon i.fa {color:#777}
i.grey-icon {color:#777}
.maroon {color:maroon}
.no-display {display:none !important;}
.link-style {color:#0074ab; cursor:pointer; text-decoration:underline;}
.link-style:hover {color:#00a0d2;}
.no-decoration {text-decoration:none;}
p.description {padding-top:3px}
.dup-guide-txt-color {color:#b0b0b0;}
i.shield-on {color:#337114}
i.shield-off {color:maroon}
.green {color: #008000;}
.red {color: #DB4B38;}
ul.dup-pro-simple-style-disc {list-style: disc; margin-left: 20px;}
/*TABS*/
ul.category-tabs li {
cursor:pointer;
user-select: none;
}
ul.category-tabs {
font-size: 14px;
}
/*BOXES:Expandable sections */
div.dup-box {padding:0px; display:block; background-color:#fff; border:1px solid #e5e5e5; box-shadow:0 1px 1px rgba(0,0,0,.04);}
div.dup-box-title {font-size:20px; padding:12px 0 3px 12px; font-weight:bold; cursor:pointer; height:30px; margin:0; color:#000; user-select:none; }
div.dup-box-title:hover {background-color: #f9f9f9;}
div.dup-box-arrow {text-decoration:none!important; float:right; width:27px; height:30px; font-size:16px; cursor:pointer; padding:1px 0 0 0; white-space:nowrap}
div.dup-box-panel {padding:10px 15px 10px 15px; border-top:1px solid #EEEEEE; margin:-1px 0 0 0;}
div.dup-redirect {font-size:16px; font-weight:bold; padding:10px}
/*PANELS:Boxes that do not exapand */
div.dup-panel {padding:0px; display:block; background-color:#fff; border:1px solid #e5e5e5; box-shadow:0 1px 1px rgba(0,0,0,.04);}
div.dup-panel-title {font-size:14px; padding:10px 0 0 15px; font-weight:600; height:28px; margin:0px; color:#000; }
div.dup-panel-panel {padding:10px 15px 10px 15px; border-top:1px solid #EEEEEE; margin:-1px 0 0 0;}
/*INFO-BOX:Simple box with no title */
div.dup-info-box {padding:8px; border:1px solid #ccc; border-radius:4px; background-color:#F7FCFE; margin:0px 0px 5px 20px; line-height:16px}
div.dup-info-box small {margin-top:10px; display:block}
/*PACKAGE:Progress Boxes */
div#dup-scan-progress-bar-wrapper,
div#dup-build-progress-bar-wrapper {
width: 700px;
margin: 40px auto 0px auto;
border: 1px solid #ccc;
box-shadow: 0 8px 6px -6px #999;
text-align: center;
border-radius: 4px;
color: #000;
overflow: hidden;
}
div#dup-progress-bar-area {padding:40px 50px;}
div#dup-progress-bar-area h2 {margin-bottom:15px}
/*HEADER MESSAGES*/
div.dup-hdr-success {color:#23282d; font-size:22px; font-weight:bold}
div.dup-hdr-error {color:#A62426; font-size:22px; font-weight:bold}
/*DIALOGS:THICKBOX */
#TB_title { padding-bottom:3px!important; margin-bottom:5px!important; font-size:16px!important;}
div.dup-dlg-alert-txt {padding:8px 0; font-size:16px; line-height:22px}
div.dup-dlg-alert-btns {position:absolute; bottom:20px; right:20px;}
div.dup-dlg-confirm-txt {padding:10px 0; font-size:16px}
div.dup-dlg-confirm-btns {position:absolute; bottom:20px; right:20px;}
div.dup-dlg-confirm-progress {display:none}
/*ADMIN:NOTICES */
div.dup-global-error-reserved-files p {font-size:14px}
div.dup-global-error-reserved-files b.pass-msg {color:green; font-size:20px}
div.dup-global-error-reserved-files p.pass-lnks {line-height:24px; margin:-7px 0 0 5px}
div.dup-global-error-reserved-files div.pass-msg {padding:5px 0 0 10px; font-size:11px; color:#999; font-style:italic}
div.dup-wpnotice-box {display:none;}
.dup-migration-pass-wrapper p {
font-size: 14px;
}
.dup-migration-pass-title {
color: green;
font-size: 20px;
margin: 10px 0;
font-weight: bold;
}
.dup-stored-minstallation-files {
margin-left: 20px;
line-height: 1;
font-style: italic;
margin-top: 0;
font-size: 12px;
}
.dup-migration-pass-wrapper .sub-note {
font-size: 12px;
}
label.dup-store-lbl:hover {
color:#000;
font-weight:500;
}
/*================================================
PARSLEY:Overrides*/
input.parsley-error, textarea.parsley-error {
color:#B94A48 !important;
background-color:#F2DEDE !important;
border:1px solid #EED3D7 !important;
}
div.qtip-content {line-height:16px}
ul.parsley-error-list {margin:1px 0px -7px 0px}
div.notice-safemode {color:maroon;}
div.cleanup-notice b.title {color:green;font-size:20px;}
/*SCREEN TABS*/
div.dup-screen-hlp-info {line-height:26px; padding:10px 0 10px 0}
#screen-meta-links .button { font-size:13px !important; height:auto !important;font-weight:normal; padding:3px 6px 3px 16px !important;min-width:72px !important}
/*= Duplicator Message
---------------------------------------*/
.notice.duplicator-message {
border:none;
padding:20px;
}
.notice.duplicator-message .duplicator-message-inner {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.notice.duplicator-message .duplicator-message-icon {
font-size:20px;
}
.notice.duplicator-message .duplicator-message-content {
padding:0 20px;
}
.notice.duplicator-message p {
padding:0;
margin:0;
}
.notice.duplicator-message h3 {
margin:0 0 5px;
}
.notice.duplicator-message .duplicator-message-action {
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
margin-left:auto;
}
.notice.duplicator-message .duplicator-message-action .duplicator-button {
background-color:#D30C5C;
color:#fff;
border-color:#7c1337;
-webkit-box-shadow:0 1px 0 #7c1337;
box-shadow:0 1px 0 #7c1337;
padding:5px 30px;
height:auto;
line-height:20px;
text-transform:capitalize;
}
.notice.duplicator-message .duplicator-message-action .duplicator-button i {
margin-right:5px;
}
.notice.duplicator-message .duplicator-message-action .duplicator-button:hover {
background-color:#a0124a;
}
.notice.duplicator-message .duplicator-message-action .duplicator-button:active {
-webkit-box-shadow:inset 0 1px 0 #7c1337;
box-shadow:inset 0 1px 0 #7c1337;
-webkit-transform:translateY(1px);
-ms-transform:translateY(1px);
transform:translateY(1px);
}
.notice.duplicator-message .duplicator-message-action .duplicator-link {
padding-top:5px;
}
.notice.duplicator-message .duplicator-message-actions {
margin-top:10px;
}
.notice.duplicator-message .duplicator-message-actions .button.button-primary {
margin-right:5px;
}
.notice.duplicator-message-announcement {
border-color:#D30C5C;
}
.notice.duplicator-message-announcement a {
color:#D30C5C;
}
@media (min-width:1200px) {
.duplicator-message-action {
padding-right:10px;
}
}
@media (max-width:600px) {
.notice.duplicator-message {
padding:20px;
}
.notice.duplicator-message .duplicator-message-inner {
display:block;
text-align:center;
}
.notice.duplicator-message .duplicator-message-inner .duplicator-message-icon,
.notice.duplicator-message .duplicator-message-inner .duplicator-message-content,
.notice.duplicator-message .duplicator-message-inner .duplicator-message-action {
display:block;
}
.notice.duplicator-message .duplicator-message-inner .duplicator-message-action {
text-align:center;
}
.notice.duplicator-message .duplicator-message-inner .duplicator-message-icon {
width:auto;
}
.notice.duplicator-message .duplicator-message-inner .duplicator-message-content {
padding:10px 0;
}
}
/** Settings **/
.dup-settings-pages p.description {max-width:700px; font-size:13px; color:#666; padding-left:15px; text-align:justify; }
.licenses-table .description p {margin-bottom: 15px;}
.licenses-table .description p.discount-note {font-style: italic;color: #666;}
.licenses-table .description p.discount-note strong {color: green;}
#dup-lite-inst-mode-details p { margin:1em 0; max-width:700px; font-size:13px; color:#666; padding-left:15px; text-align:justify;}
#installer-name-mode-option {
line-height:25px;
}
#dup-lite-inst-mode-details {
display:none;
max-width:825px;
padding-left:20px;
line-height:18px;
}
.storage_pos_fixed_label {
display:inline-block;
width:120px;
}
/** Call to action **/
div.txt-call-action-title {
margin:40px auto 20px auto;
font-size:22px;
line-height:30px;
font-weight:bold;
width:100%;
}
div.txt-call-action-sub {
font-size:16px; line-height:24px; font-weight:bold; width:100%;
margin:20px auto 40px auto;
}
a.dup-btn-call-action {
box-shadow:0px 10px 14px -7px #3e7327;
background:linear-gradient(to bottom, #5ca53a 5%, #72b352 100%);
background-color:#4f8e32;
border-radius:4px;
border:1px solid #4b8f29;
display:block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:18px;
font-weight:bold;
padding:10px 30px;
text-decoration:none;
text-shadow:0px 1px 0px #5b8a3c;
width:150px;
margin:auto;
text-align:center;
}
a.dup-btn-call-action:hover {
background:linear-gradient(to bottom, #72b352 5%, #337114 100%);
background-color:#337114;
color:#fff;
}
.dup-btn-call-action:active {
color:#fff;
}
td.dup-store-promo-area {
padding:7px 0 7px 7px;
border-top:1px solid silver;
background-color: #fcf9e8
}
td.dup-store-promo-area i[data-tooltip].fa-question-circle {
color: #e27730;
}
/* Notice bar */
#dup-notice-bar {
display: flex;
align-items: center;
justify-content: center;
background-color: #dddddd!important;
color: #777777;
text-align: center;
position: relative;
padding: 7px;
margin-bottom: -4px;
max-height: 100px;
overflow: hidden;
border-top: #fe4716 3px solid;
z-index: 999;
}
#dup-notice-bar a {
color: #fe4716;
}
#dup-notice-bar .dup-dismiss-button{
position: absolute;
top: 0;
right: 0;
border: none;
padding: 5px;
margin-top: 1px;
background: 0 0;
color: #777777;
cursor: pointer;
margin-right: 10px;
}
#dup-notice-bar .dup-dismiss-button:before {
background: 0 0;
content: "\f335";
display: block;
font: normal 20px/20px dashicons;
height: 20px;
text-align: center;
width: 20px;
-webkit-font-smoothing: antialiased;
}
#dup-notice-bar .dup-upgrade-arrow {
font-weight: bold;
text-decoration: none;
}
#dup-notice-bar .dup-notice-logo {
line-height: 0;
}
#dup-notice-bar .dup-notice-logo img {
width: 20px;
height: 20px;
margin-right: 6px;
}
.dup-header {
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - 40px);
border-top: 3px solid #fe4716;
padding: 20px;
padding-bottom: 0px;
position: relative;
left: 0px;
}
.duplicator-help-open {
border-radius: 100%;
width: 40px;
height: 40px;
border-color: transparent;
background: #c8c8c8;
cursor: pointer;
}
.duplicator-help-open .fa-question-circle {
color: #535252;
font-size: 23px;
}
/* Allow screen meta to go over other content and not push it */
#dup-meta-screen {
margin: 0;
position: absolute;
top: -1px;
left: 0px;
right: 0;
z-index: 99;
}
#dup-notice-bar+#dup-meta-screen {
top:34px
}
.duplicator-pages #screen-meta {
margin: 0 20px -1px 20px;
position: relative;
background-color: #fff;
border: 1px solid #c3c4c7;
border-top: none;
box-shadow: 0 0 0 transparent;
}
#screen-meta-links .screen-meta-toggle {
position: absolute;
right: 20px;
top: auto;
}
.duplicator-pages #screen-meta-links,
.duplicator-pages #screen-meta {
display: none;
}
.duplicator-pages .wrap > h1 {
margin: 0;
padding: 0;
}
.mock-blur {
filter: blur(4px);
pointer-events: none;
}
.dup-clearfix:before {
content: " ";
display: table;
}
.dup-clearfix:after {
clear: both;
content: " ";
display: table;
}
/* New button designs in the red color of the logo */
.dup-btn {
border-radius: 4px;
cursor: pointer;
display: inline-block;
margin: 0;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
border: none;
}
.dup-btn-block {
display: block;
width: 100%;
}
.dup-btn-lg {
font-size: 16px;
font-weight: 600;
padding: 16px 28px;
}
.dup-btn-md {
font-size: 13px;
font-weight: 600;
padding: 8px 12px;
}
.dup-btn-orange {
background-color: #e27730;
color: white;
}
.dup-btn-orange:hover,
.dup-btn-orange:focus {
color: white;
background-color: #b85a1b;
}
.dup-btn-orange:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #b85a1b;
}
.dup-btn-grey {
background-color: #eee;
border: 1px solid #ccc;
color: #666;
}
.dup-btn-grey:hover,
.dup-btn-grey:focus {
background-color: #d7d7d7;
color: #444;
}
.dup-btn-grey:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d7d7d7;
}
.dup-btn-green {
background-color: #1da867;
color: white;
}
.dup-btn-green:hover,
.dup-btn-green:focus {
color: white;
background-color: #199a5e;
}
.dup-btn-green:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #199a5e;
}
.dup-btn-trans-green {
color: #1da867;
}
.dup-btn-trans-green:hover,
.dup-btn-trans-green:focus {
color: white;
background-color: #1da867;
}
.dup-btn-trans-green:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1da867;
}
.dup-btn-trans-green .underline {
position: relative;
}
.dup-btn-trans-green .underline:after {
content: " ";
border-bottom: 1px dashed #1da867;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
}
/* ADDONS LIST STYLE */
.dup-btn-green {
background-color: #1da867;
color: white;
}
.dup-btn-green:hover,
.dup-btn-green:focus {
color: white;
background-color: #199a5e;
}
.dup-btn-green:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #199a5e;
}
/* STORAGE PAGE STYLE */
#dup-admin-addons *,
#dup-admin-addons *::before,
#dup-admin-addons *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#dup-admin-addons #dup-admin-addons-list .list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -20px;
margin-right: -20px;
}
#dup-admin-addons #dup-admin-addons-list .list .action-button button,
#dup-admin-addons #dup-admin-addons-list .list .action-button a {
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: none;
font-weight: 600;
width: 140px;
text-align: center;
}
#dup-admin-addons #dup-admin-addons-list .list .action-button button:focus,
#dup-admin-addons #dup-admin-addons-list .list .action-button a:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
outline: none;
}
#dup-admin-addons .unlock-msg h4 {
margin: 1.5em 0 8px;
}
#dup-admin-addons .unlock-msg p {
margin: 0 0 1.5em;
}
#dup-admin-addons .addons-container {
padding: 0 20px;
width: 33.333333%;
margin-bottom: 20px;
}
@media (max-width: 1249px) {
#dup-admin-addons .addons-container {
width: 50%;
}
}
@media (max-width: 767px) {
#dup-admin-addons .addons-container {
width: 100%;
}
}
#dup-admin-addons h4 {
font-size: 17px;
font-weight: 700;
}
#dup-admin-addons .addon-item {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
#dup-admin-addons .addon-item img {
border: 1px solid #eee;
float: left;
width: 75px;
}
#dup-admin-addons .addon-item h5 {
margin: 0 0 0 100px;
font-size: 16px;
}
#dup-admin-addons .addon-item h5 a {
color: #444;
display: inline-block;
margin: 0 10px 10px 0;
}
#dup-admin-addons .addon-item h5 a:hover {
color: #006799;
}
#dup-admin-addons .addon-item p {
margin: 0 0 0 100px;
}
#dup-admin-addons .addon-item .status {
flex-grow: 1;
}
#dup-admin-addons .addon-item .details {
padding: 30px 20px;
}
#dup-admin-addons .addon-item .actions {
display: flex;
align-items: center;
background-color: #f7f7f7;
border-top: 1px solid #ddd;
padding: 20px;
min-height: 75px;
position: relative;
}
#dup-admin-addons .addon-item .actions .msg p {
margin: 0;
}
#dup-admin-addons .addon-item .actions .msg a,
#dup-admin-addons .addon-item .actions .msg a:hover {
color: inherit;
}
#dup-admin-addons .addon-item .upgrade-button {
text-align: center;
}
#dup-admin-addons .addon-item .upgrade-button a {
font-weight: 600;
width: 140px;
text-align: center;
padding: 8px 5px;
}
#dup-admin-addons .addon-item .action-button button {
width: 140px;
}
#dup-admin-addons .addon-item .dup-storage-recommended i {
opacity: 0.8;
}
.addon-item .upgrade-button {
text-align: center;
}
.addon-item .upgrade-button a {
font-weight: 600;
width: 140px;
text-align: center;
}
.addon-item .action-button button {
cursor: pointer;
}
.addon-item .action-button a {
text-decoration: none;
}
#dup-admin-addons .addon-item .status .status-active {
color: #00a32a
}
#dup-admin-addons .addon-item .status .status-installed {
color: #d63638
}
#dup-admin-addons .addon-item .actions .msg.error {
color: #d63638
}
.addon-item .action-button button.status-installed .fa {
color: #d63638
}
.addon-item .action-button button.status-active .fa {
color: #00a32a
}
.addon-item .action-button button.loading .fa {
color: #666
}
/* COLUMN STYLES */
.dup-admin-columns > div[class*="-column-"] {
float: left;
}
.dup-admin-columns .dup-admin-column-20 {
width: 20%;
}
.dup-admin-columns .dup-admin-column-33 {
width: 33.33333%;
}
.dup-admin-columns .dup-admin-column-40 {
width: 40%;
}
.dup-admin-columns .dup-admin-column-50 {
width: 50%;
}
.dup-admin-columns .dup-admin-column-60 {
width: 60%;
}
.dup-admin-columns .dup-admin-column-80 {
width: 80%;
}
.dup-admin-columns .dup-admin-column-last {
float: right !important;
}
.dup-admin-columns:after {
content: "";
display: table;
clear: both;
}
.dup-subscribe-form{
color: #3c434a;
}
#dup-scan-progress-bar-wrapper .dup-subscribe-form,
#dup-build-progress-bar-wrapper .dup-subscribe-form {
padding-bottom: 35px;
}
#dup-msg-success .dup-subscribe-form {
padding-bottom: 10px;
}
.dup-subscribe-form input[type=email] {
padding: 4px 12px;
vertical-align: middle;
margin: 0;
width: 320px;
border-radius: 3px 0 0 3px;
font-size: 14px;
border: 1px solid #c5c5c5;
border-right: 0;
}
.dup-subscribe-form .dup-btn {
border-radius: 0 3px 3px 0;
margin: 0;
font-size: 15px;
padding: 10px 12px;
}
.dup-subscribe-form .desc {
margin-top: 10px;
}
.dup-subscribe-form small {
font-size: 13px;
}
/* PACKAGES BOTTOM BAR */
#dup-packages-bottom-bar {
display: flex;
flex-direction: row;
align-items: center;
}
#dup-packages-bottom-bar .feature {
flex-grow: 4;
}
#dup-packages-bottom-bar .fa-info-circle {
text-align: center;
padding: 0 20px 0 10px;
font-size: 40px;
color: #fe4716;
}
#dup-packages-bottom-bar p {
margin: 0;
white-space: normal;
word-break: break-word;
max-width: 600px;
}
#dup-packages-bottom-bar-dismiss {
margin: 0;
padding: 0 0 0 15px;
border: 0 none;
background: transparent;
color: #787c82;
cursor: pointer;
}
/** Callout CTA */
.dup-settings-lite-cta {
background-color: #fff;
border: 1px solid #dadada;
padding: 25px 20px;
margin: 10px 0 0 0;
position: relative;
}
.dup-settings-lite-cta .dismiss {
position: absolute;
top: 10px;
right: 10px;
color: #666;
font-size: 16px;
}
.dup-settings-lite-cta h5 {
margin: 0 0 16px;
font-size: 18px;
font-weight: 700;
}
.dup-settings-lite-cta h6 {
font-weight: 700;
font-size: 14px;
margin: 0 0 16px;
}
.dup-settings-lite-cta p {
color: #555;
font-size: 14px;
margin: 0 0 16px;
}
.dup-settings-lite-cta p:last-of-type {
margin: 0;
}
.dup-settings-lite-cta p a {
color: #fe4716;
}
.dup-settings-lite-cta p a:hover {
color: #b85a1b;
}
.dup-settings-lite-cta .list {
display: flex;
margin: 0 0 16px 0;
overflow: auto;
max-width: 900px;
flex-direction: row;
flex-wrap: wrap;
color: #555;
font-size: 14px;
list-style: none;
}
.dup-settings-lite-cta .list > .item {
flex: 33.33% 0;
box-sizing: border-box;
padding: 0 0 2px 0;
}
.dup-settings-lite-cta .list > .item > span::before {
content: '+ ';
}
@media (max-width: 900px) {
.dup-settings-lite-cta .list > .item {
flex: 50% 0;
}
}
@media (max-width: 600px) {
.dup-settings-lite-cta .list > .item {
flex: 100% 1;
}
}
.dup-settings-lite-cta .green {
color: #218900;
font-weight: 700;
}
.dup-settings-lite-cta .fa-star {
color: #ff982d;
}
/* DID YOU KNOW STYLE */
#duplicator-did-you-know {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #444444;
background: #fcf9e8;
border-bottom: 1px solid #ede2a0;
}
#duplicator-did-you-know a {
margin-left: 5px;
}
#duplicator-did-you-know .fa-info-circle {
font-size: 20px;
margin-right: 5px;
vertical-align: text-top;
color: #e27730;
}
/* ADVANCED STORAGES POPUP */
.advanced-storages-popup-content {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px
}
.advanced-storages-popup-content img {
width: 250px;
}
.advanced-storages-popup-content .storage-icon {
vertical-align: middle;
margin-right: 5px;
width: 20px
}
.advanced-storages-popup-content ul {
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
color: #555;
font-size: 14px;
list-style: none;
margin: 0 auto;
justify-content: end;
}
.advanced-storages-popup-content ul li {
flex: 45% 0;
box-sizing: border-box;
padding: 0 0 8px 0;
}
#dup-settings-upgrade-license-key {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: none;
color: #333;
display: inline-block;
vertical-align: middle;
padding: 7px 12px;
margin: 0 10px 0 0;
width: 400px;
min-height: 35px;
line-height: 1.3;
}
#redirect-to-remote-upgrade-endpoint {
visibility: hidden;
position: absolute;
left: -1000;
top: -1000;
}
/** Package Components **/
.filter-files-tab-content {
padding: 0!important;
}
.dup-package-components {
display: flex;
flex-direction: row;
border-bottom: 1px solid #dcdcde;
min-height: 300px;
}
.dup-radio-button-group-wrapper {
width: 100%;
display: flex;
border-top: 1px solid #dcdcde;
border-bottom: 1px solid #dcdcde;
}
.dup-radio-button-group-wrapper input[type="radio"] {
position: absolute;
left: -9999em;
}
.dup-radio-button-group-wrapper label {
flex: 1 1 25%;
padding: .5em 1em;
cursor: pointer;
text-align: center;
color: #2271b1;
border-right: 1px solid #dcdcde;
background: #f6f7f7;
box-sizing: border-box;
}
.dup-radio-button-group-wrapper input[type="radio"] + label:last-child {
border-right: none;
}
.dup-radio-button-group-wrapper input[type="radio"] + label:hover,
.dup-radio-button-group-wrapper input[type="radio"]:focus + label,
.dup-radio-button-group-wrapper input[type="radio"]:checked + label {
background: #2271b1;
border-color: #2271b1;
color: #fff;
}
#dup-upgrade-license-info {
padding: 10px;
background: #fcf9e8;
}
@media only screen and (max-width: 1150px) {
.dup-package-components {
flex-direction: column;
}
.dup-package-components .section-title {
font-size: 14px;
}
.dup-package-components .filter-section {
border-left: 0 none!important;
}
.dup-package-components .section-title {
height: auto!important;
}
.dup-package-components .component-section {
max-width: 100%!important;
}
}
.dup-package-components label input[type="checkbox"] {
margin: 0!important;
}
.dup-package-components .section-title {
margin: 0;
height: 20px;
padding: 10px;
background: #f0f0f1;
font-size: 16px;
font-weight: bold;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.dup-package-components .section-title label {
font-size: 16px;
}
.dup-package-components .db-only-message {
display: none;
padding: 40px 20px 20px;
}
.dup-package-components .component-section {
flex: 1 1 33.33%;
max-width: 500px;
font-size: 14px;
}
.dup-package-components .component-section label.secondary {
margin-left: 40px;
}
.dup-package-components .custom-components-select {
margin-left: 20px;
}
.dup-package-components .component-section label.disabled,
.dup-package-components .component-section label.disabled input {
pointer-events: none;
color: gray;
opacity: 0.7;
}
.dup-package-components .filter-section {
flex: 1 3 66.66%;
border-left: 1px solid #dcdcde;
}
.dup-package-components .filter-section .filters {
display: flex;
flex-direction: column;
}
.dup-package-components .component-section {
padding-bottom: 20px;
}
.dup-package-components .filter-section .filters{
height: 100%;
}
.dup-package-components .filter-section textarea{
border: none;
border-radius: 0;
}
.dup-package-components .filter-section textarea[readonly]{
background-image: linear-gradient(45deg, #f0f0f0 41.67%, #e0e0e0 41.67%, #e0e0e0 50%, #f0f0f0 50%, #f0f0f0 91.67%, #e0e0e0 91.67%, #e0e0e0 100%);
background-size: 12px 12px;
opacity: 0.7;
}
.dup-package-components .filter-section textarea#filter-paths{
flex: 4 1 auto;
}
.dup-package-components .filter-section .section-title .filter-links {
font-size: 12px;
font-weight: normal;
}
.dup-package-components i[data-tooltip].fa-question-circle {
color: gray;
}
.dup-tabs-opts-help {
font-style: italic;
font-size: 12px;
padding: 10px;
color: #666;
}
.dup-package-components .pro-badge {
display: inline-block;
padding: 0px 5px;
background: #e27730;
color: #fff;
font-size: 8px;
font-weight: bold;
border-radius: 10px;
margin-left: 5px;
text-decoration: none;
vertical-align: middle;
}
#component-section-title {
position: relative;
}
#component-section-title i[data-tooltip].fa-question-circle {
color: #e27730;
}
/* Ajax loader */
#duplicator-ajax-loader {
display: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
z-index: 100000000;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
background-color: rgba(200, 200, 200, 0.3);
}
#duplicator-ajax-loader-img-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.8;
}
#duplicator-ajax-loader-img-wrapper img {
animation-name: ajax-loader-spin;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
width: 100px;
}
@keyframes ajax-loader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/** General styles */
.margin-top-0 {
margin-top: 0;
}
.margin-top-1 {
margin-top: 20px;
}
.margin-top-2 {
margin-top: 40px;
}
.margin-bottom-0 {
margin-bottom: 0;
}
.margin-bottom-1 {
margin-bottom: 20px;
}
.margin-bottom-2 {
margin-bottom: 40px;
}
.margin-left-0 {
margin-left: 0;
}
.margin-left-1 {
margin-left: 20px;
}
.margin-left-2 {
margin-left: 40px;
}
.margin-right-0 {
margin-right: 0;
}
.margin-right-1 {
margin-right: 20px;
}
.margin-right-2 {
margin-right: 40px;
}
#dup-notice-duplicator_cross_promotion {
border-left-width: 1px;
}
#dup-cross-promotion > p {
font-size: 14px;
margin: 20px 0;
}
#dup-cross-promotion .list {
display: flex;
flex-direction: row;
gap: 20px;
margin-bottom: 20px;
max-width: 1920px;
}
#dup-cross-promotion .plugin-item {
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
flex-grow: 1;
}
@media (max-width: 1000px) {
#dup-cross-promotion .list {
flex-direction: column;
}
}
#dup-cross-promotion .plugin-item h5 {
font-size: 16px;
margin: 0;
}
#dup-cross-promotion .plugin-item img {
width: 100px;
height: 100px;
}
#dup-cross-promotion .plugin-item .details {
flex-grow: 2;
}
#dup-cross-promotion .plugin-item .details .addon-desc {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-height: 1.4em;
height: 2.8em;
transition: height 0.3s ease;
}
#dup-cross-promotion:hover .plugin-item .details .addon-desc {
display: block;
overflow: none;
height: 7em;
}
.duplicator-multisite-notice {
display: flex;
align-items: center;
padding: 20px 10px;
}
.duplicator-multisite-notice .fa-exclamation-triangle {
display: none;
}
.duplicator-multisite-notice .dashicons-warning {
font-size: 60px;
width: 60px;
height: 60px;
margin-right: 10px;
}
|