| Server IP : 146.59.209.152 / Your IP : 216.73.216.152 Web Server : Apache System : Linux webm009.cluster131.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : monpetu ( 144298) PHP Version : 7.4.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/monpetu/www/ipprint/wp-content/plugins/order-tracking/assets/css/ |
Upload File : |
.ewd-otp-clear {
clear: both;
}
.tracking_page_ewd-otp-dashboard,
.tracking_page_ewd-otp-settings,
.toplevel_page_ewd-otp-orders,
.tracking_page_ewd-otp-customers,
.tracking_page_ewd-otp-sales-reps,
.tracking_page_ewd-otp-export,
.tracking_page_ewd-otp-import,
.tracking_page_ewd-otp-custom-fields {
background: #fff;
}
.tracking_page_ewd-otp-settings .wrap,
.toplevel_page_ewd-otp-orders .wrap,
.tracking_page_ewd-otp-customers .wrap,
.tracking_page_ewd-otp-sales-reps .wrap,
.tracking_page_ewd-otp-export .wrap,
.tracking_page_ewd-otp-import .wrap,
.tracking_page_ewd-otp-custom-fields .wrap {
margin: 10px 0 0 -20px;
box-sizing: border-box;
}
.tracking_page_ewd-otp-settings .wrap *,
.toplevel_page_ewd-otp-orders .wrap *,
.tracking_page_ewd-otp-customers .wrap *,
.tracking_page_ewd-otp-sales-reps .wrap *,
.tracking_page_ewd-otp-export .wrap *,
.tracking_page_ewd-otp-import .wrap *,
.tracking_page_ewd-otp-custom-fields .wrap * {
box-sizing: border-box;
}
/* BANNER */
.ewd-otp-dashboard-new-upgrade-banner {
position: relative;
display: flex;
margin: 0 0 48px -20px;
width: calc(100% + 20px);
height: 256px;
background: url(../img/ewd-otp-dashboard-banner.png) center no-repeat #1b0f49;
box-sizing: border-box;
}
.ewd-otp-dashboard-new-upgrade-banner * {
box-sizing: border-box;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-icon {
position: absolute;
height: 112px;
width: 112px;
left: 172px;
top: 72px;
background: url(../img/ewd-otp-icon.png) no-repeat;
background-size: 112px 112px;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-buttons {
position: absolute;
height: 112px;
width: 192px;
right: 128px;
top: 84px;
}
.ewd-otp-dashboard-new-upgrade-button {
display: flex;
justify-content: center;
align-items: center;
background: #7B31AF;
border: 1px solid #7B31AF;
color: #fff;
font-size: 14px;
font-weight: bold;
cursor: pointer;
height: 48px;
padding: 0 16px;
border-radius: 8px;
box-shadow: none;
text-decoration: none;
transition: background .25s, color .25s, border-color .25s;
}
.ewd-otp-dashboard-new-upgrade-button:hover {
background: #915add;
border-color: #915add;
color: #fff;
}
.ewd-otp-dashboard-new-upgrade-button.ewd-otp-dashboard-new-trial-button {
background-color: transparent;
border: 1px solid #0acbaa;
color: #0acbaa;
}
.ewd-otp-dashboard-new-upgrade-button.ewd-otp-dashboard-new-trial-button:hover {
background-color: #0acbaa;
border-color: #0acbaa;
color: #fff;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-text {
position: absolute;
display: flex;
flex-direction: column;
width: calc(100% - 680px);
height: 112px;
top: 76px;
left: 320px;
color: #fff;
}
.ewd-otp-dashboard-banner-title {
font-size: 29px;
line-height: 32px;
font-weight: bold;
}
.ewd-otp-dashboard-banner-brief {
margin-top: 14px;
font-size: 14px;
}
@media screen and (min-width: 1700px) {
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-icon {
left: 272px;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-buttons {
right: 228px;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-text {
width: calc(100% - 880px);
left: 420px;
}
}
@media screen and (max-width: 1200px) {
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-icon {
left: 54px;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-buttons {
right: 32px;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-text {
width: calc(100% - 466px);
left: 202px;
}
}
@media screen and (max-width: 800px) {
.ewd-otp-dashboard-new-upgrade-banner {
height: 512px;
height: 300px;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-icon {
left: calc(50% - 56px);
top: 48px;
display: none;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-text {
width: 80%;
left: 10%;
top: 208px;
height: 160px;
text-align: center;
height: 140px;
top: 42px;
}
.ewd-otp-dashboard-banner-brief {
display: none;
}
.ewd-otp-dashboard-new-upgrade-banner .ewd-otp-dashboard-banner-buttons {
right: calc(50% - 96px);
top: 368px;
top: 172px;
}
}
/* MENU */
.ewd-otp-admin-header-menu {
margin: 48px 96px 0 76px;
}
.ewd-otp-admin-header-menu .nav-tab-wrapper {
border: 0;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #e9e9e9;
}
.ewd-otp-admin-header-menu .nav-tab-wrapper .nav-tab {
border: 0;
margin: 0 28px -1px 0;
padding: 0 0 4px;
color: #000000bf;
background: transparent;
border-bottom: 2px solid transparent;
font-size: 20px;
}
.ewd-otp-admin-header-menu .nav-tab-wrapper .nav-tab:nth-of-type(1n+2):hover,
.ewd-otp-admin-header-menu .nav-tab-wrapper .nav-tab.nav-tab-active {
color: #7B31AF;
border-bottom-color: #7B31AF;
}
.ewd-otp-admin-header-menu .nav-tab#ewd-otp-dash-mobile-menu-open {
display: none;
align-items: center;
}
.ewd-otp-admin-header-menu .nav-tab#ewd-otp-dash-mobile-menu-open .dashicons {
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
padding: 4px;
border: 2px solid #7B31AF80;
border-radius: 50%;
font-size: 28px;
height: 32px;
width: 32px;
}
#ewd-otp-dash-mobile-menu-up-caret,
#ewd-otp-dash-mobile-menu-down-caret {
display: none;
}
@media screen and (max-width: 1600px) {
.ewd-otp-admin-header-menu .nav-tab-wrapper .nav-tab {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
.ewd-otp-admin-header-menu {
margin: 40px 32px 0 22px;
}
.ewd-otp-admin-header-menu .nav-tab-wrapper {
border-bottom: none;
}
.ewd-otp-admin-header-menu .nav-tab#ewd-otp-dash-mobile-menu-open {
display: flex;
}
.ewd-otp-admin-header-menu .nav-tab-wrapper .nav-tab {
font-size: 22px;
}
.ewd-otp-admin-header-menu .nav-tab-wrapper .nav-tab:nth-of-type(1) {
width: 100%;
font-size: 28px;
margin-bottom: 16px;
}
}
/* PAGE GLOBALS */
.toplevel_page_ewd-otp-orders .wrap,
.tracking_page_ewd-otp-customers .wrap,
.tracking_page_ewd-otp-sales-reps .wrap,
.tracking_page_ewd-otp-export .wrap,
.tracking_page_ewd-otp-import .wrap,
.tracking_page_ewd-otp-custom-fields .wrap {
padding: 0 96px;
}
.tracking_page_ewd-otp-settings .wrap {
padding: 0;
}
.wrap h1 {
display: inline-block;
width: 100%;
margin: 0;
padding: 48px 0 32px;
font-size: 28px;
color: #212427;
}
@media screen and (max-width: 1024px) {
.toplevel_page_ewd-otp-orders .wrap,
.tracking_page_ewd-otp-customers .wrap,
.tracking_page_ewd-otp-sales-reps .wrap,
.tracking_page_ewd-otp-export .wrap,
.tracking_page_ewd-otp-import .wrap,
.tracking_page_ewd-otp-custom-fields .wrap {
padding: 0 32px 0 42px;
}
.tracking_page_ewd-otp-settings .wrap {
padding: 0;
}
}
/* DASHBOARD */
#ewd-otp-dashboard-content-area {
display: flex;
flex-direction: column;
margin: 0;
width: 100%;
padding: 0 96px 0 76px;
box-sizing: border-box;
}
#ewd-otp-dashboard-content-area * {
box-sizing: border-box;
}
.ewd-otp-dashboard-visit-our-site {
display: block;
text-align: center;
width: 100%;
padding: 28px;
margin: 48px 0 0;
background: #7b31af;
border-radius: 8px;
color: #fff;
font-size: 16px;
}
.ewd-otp-dashboard-visit-our-site a,
.ewd-otp-dashboard-visit-our-site a:hover {
color: #fff;
}
.ewd-otp-dashboard-support-widgets {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 24px;
row-gap: 40px;
margin: 48px 0 0;
}
.ewd-otp-dashboard-support-widgets li {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-radius: 8px;
height: 144px;
padding: 28px 32px;
margin: 0;
justify-content: space-between;
}
.ewd-otp-dashboard-support-widgets-title {
font-size: 16px;
font-weight: bold;
color: #212427;
}
.ewd-otp-dashboard-support-widgets-text-and-link {
display: flex;
justify-content: space-between;
align-items: center;
}
.ewd-otp-dashboard-support-widgets-text {
font-size: 16px;
color: #5f5f5f;
}
.ewd-otp-dashboard-support-widgets-text span {
margin-right: 12px;
}
.ewd-otp-dashboard-support-widgets-link {
display: flex;
justify-content: center;
align-items: center;
background: #7B31AF;
border: 1px solid #7B31AF;
color: #fff;
font-size: 14px;
cursor: pointer;
height: 36px;
padding: 0 16px;
border-radius: 8px;
box-shadow: none;
text-decoration: none;
transition: background .25s, color .25s, border-color .25s;
}
.ewd-otp-dashboard-support-widgets-link:hover {
background: #915add;
border-color: #915add;
color: #fff;
}
.ewd-otp-dashboard-catalogs {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-radius: 8px;
padding: 28px 32px 32px;
margin: 40px 0 0;
}
.ewd-otp-dashboard-catalogs-title {
font-size: 16px;
font-weight: bold;
color: #212427;
margin-bottom: 28px;
}
.ewd-otp-dashboard-get-premium-and-trial {
display: flex;
flex-direction: column;
}
.ewd-otp-dashboard-get-premium-and-trial.trial-happening {
flex-direction: row;
justify-content: space-between;
}
#ewd-otp-dashboard-new-footer-one {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-radius: 8px;
padding: 28px 32px 32px;
margin: 40px 0 0;
background: #7B31AF;
}
.ewd-otp-dashboard-new-footer-one-inside {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.ewd-otp-dashboard-new-footer-one-left {
display: flex;
flex-direction: column;
width: calc(100% - 224px);
margin-bottom: 32px;
}
.ewd-otp-dashboard-new-footer-one-title {
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 1.2;
}
.ewd-otp-dashboard-new-footer-one-benefits {
width: 100%;
margin-top: 32px;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 11px;
row-gap: 16px;
margin: 40px 0 0;
}
.ewd-otp-dashboard-new-footer-one-benefits li {
margin: 0;
padding-left: 36px;
background-image: url(../img/dash-asset-checkmark-white.png);
background-position: left top;
background-size: 20px;
background-repeat: no-repeat;
font-style: italic;
font-size: 14px;
color: #fbfbfb
}
.ewd-otp-dashboard-new-footer-one-buttons {
display: flex;
flex-direction: column;
width: 192px;
}
.ewd-otp-dashboard-new-footer-one-buttons .ewd-otp-dashboard-new-upgrade-button {
background: #fff;
border: 1px solid #fff;
color: #212427;
margin-bottom: 12px;
transition: background .25s, color .25s, border-color .25s;
}
.ewd-otp-dashboard-new-footer-one-buttons .ewd-otp-dashboard-new-upgrade-button:hover {
background: #ece2f3;
border-color: #ece2f3;
color: #212427;
}
.ewd-otp-dashboard-visit-site-to-learn-about-trial {
margin-top: 12px;
color: #fff;
}
.ewd-otp-dashboard-visit-site-to-learn-about-trial a {
color: #fff;
transition: color .35s;
}
.ewd-otp-dashboard-visit-site-to-learn-about-trial a:hover {
color: #dec7ef;
}
.ewd-premium-helper-dashboard-get-premium-widget-button {
background: transparent !important;
border: 1px solid #fff !important;
color: #fff !important;
}
.ewd-premium-helper-dashboard-get-premium-widget-button:hover {
background: #fff !important;
border-color: #fff !important;
color: #212427 !important;
}
.trial-happening #ewd-otp-dashboard-new-footer-one {
width: calc(70% - 12px);
}
.trial-happening .ewd-otp-dashboard-new-footer-one-inside {
flex-direction: column;
}
.trial-happening .ewd-otp-dashboard-new-footer-one-left {
width: 100%;
}
.trial-happening .ewd-otp-dashboard-new-footer-one-title {
text-align: center;
}
.trial-happening .ewd-otp-dashboard-new-footer-one-benefits {
grid-template-columns: repeat(2, 1fr);
}
.trial-happening .ewd-otp-dashboard-new-footer-one-buttons {
width: 100%;
justify-content: center;
margin-top: 32px;
}
.ewd-otp-dashboard-trial-container {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-radius: 8px;
padding: 28px 32px 32px;
margin: 40px 0 0;
}
.trial-happening .ewd-otp-dashboard-trial-container {
width: calc(30% - 12px);
}
.ewd-otp-dashboard-guarantee {
display: flex;
align-items: center;
width: 100%;
margin: 40px 0 0;
padding: 0;
color: #5f5f5f;
}
.ewd-otp-dashboard-guarantee img {
width: 128px;
height: auto;
margin-right: 32px;
}
.ewd-otp-dashboard-guarantee-title-and-text {
display: flex;
flex-direction: column;
}
.ewd-otp-dashboard-guarantee-title {
font-size: 24px;
font-weight: bold;
line-height: 24px;
margin-bottom: 16px;
color: #212427
}
.ewd-otp-dashboard-guarantee-text {
font-size: 14px;
font-weight: normal;
}
.ewd-otp-dashboard-testimonials-and-other-plugins {
display: flex;
justify-content: space-between;
}
.ewd-otp-dashboard-other-plugins-container {
display: flex;
flex-direction: column;
width: calc(50% - 12px);
border: 1px solid #ddd;
border-radius: 8px;
padding: 28px 32px 32px;
margin: 40px 0 0;
background: linear-gradient(91.21deg, rgba(120, 48, 170, 0.5) -9.34%, rgba(255, 255, 255, 0) 34.79%, rgba(251, 250, 252, 0.0105472) 81.09%, rgba(89, 36, 126, 0.5) 133.01%);
}
.ewd-otp-dashboard-other-plugins-container-title {
font-size: 16px;
font-weight: bold;
color: #212427;
margin-bottom: 8px;
}
.ewd-otp-dashboard-other-plugins {
display: flex;
flex-direction: column;
margin: 0;
}
.ewd-otp-dashboard-other-plugins li {
display: flex;
margin: 28px 0 0;
}
.ewd-otp-dashboard-other-plugins li img {
width: 120px;
height: 120px;
margin-right: 20px;
}
.ewd-otp-dashboard-other-plugins-text {
display: flex;
flex-direction: column;
}
.ewd-otp-dashboard-other-plugins-title {
font-size: 16px;
font-weight: bold;
margin: 4px 0 12px;
color: #212427;
}
.ewd-otp-dashboard-other-plugins-blurb {
font-size: 14px;
color: #5f5f5f;
}
.ewd-otp-dashboard-testimonials-container {
display: flex;
flex-direction: column;
width: calc(50% - 12px);
border: 1px solid #ddd;
border-radius: 8px;
padding: 28px 32px 32px;
margin: 40px 0 0;
background: linear-gradient(91.21deg, rgba(120, 48, 170, 0.5) -9.34%, rgba(255, 255, 255, 0) 34.79%, rgba(251, 250, 252, 0.0105472) 81.09%, rgba(89, 36, 126, 0.5) 133.01%);
}
.ewd-otp-dashboard-testimonials-container-title {
font-size: 16px;
font-weight: bold;
color: #212427;
margin-bottom: 8px;
}
.ewd-otp-dashboard-testimonials {
display: flex;
flex-direction: column;
}
.ewd-otp-dashboard-testimonials li {
text-align: center;
}
.ewd-otp-dashboard-testimonials li img {
width: 140px;
height: auto;
margin-top: 8px;
}
.ewd-otp-dashboard-testimonials li .ewd-otp-dashboard-testimonial-title {
margin: 28px 0 20px;
font-size: 30px;
line-height: 30px;
font-weight: bold;
color: #212427;
}
.ewd-otp-dashboard-testimonials li .ewd-otp-dashboard-testimonial-author {
font-size: 16px;
color: #5f5f5f;
}
.ewd-otp-dashboard-testimonials li .ewd-otp-dashboard-testimonial-text {
padding: 24px 10% 0;
font-size: 14px;
color: #5f5f5f;
}
.ewd-otp-dashboard-testimonials li .ewd-otp-dashboard-testimonial-text a {
color: #0acbaa;
text-decoration: none;
font-weight: bold;
}
.ewd-otp-dashboard-testimonials li .ewd-otp-dashboard-testimonial-text a:hover {
color: #1CE6C3;
}
@media screen and (max-width: 1024px) {
#ewd-otp-dashboard-content-area {
padding: 0 32px 0 22px;
}
.ewd-otp-dashboard-support-widgets {
grid-template-columns: repeat(1, 1fr);
}
.ewd-otp-dashboard-get-premium-and-trial.trial-happening {
flex-direction: column;
justify-content: initial;
}
.trial-happening #ewd-otp-dashboard-new-footer-one,
.trial-happening .ewd-otp-dashboard-trial-container {
width: 100%;
}
.ewd-otp-dashboard-new-footer-one-inside {
flex-direction: column;
}
.ewd-otp-dashboard-new-footer-one-left {
width: 100%;
}
.ewd-otp-dashboard-new-footer-one-title {
text-align: center;
}
.ewd-otp-dashboard-new-footer-one-benefits {
grid-template-columns: repeat(2, 1fr);
}
.ewd-otp-dashboard-new-footer-one-buttons {
width: 100%;
justify-content: center;
margin-top: 32px;
}
.ewd-otp-dashboard-testimonials-and-other-plugins {
flex-direction: column;
justify-content: initial;
}
.ewd-otp-dashboard-other-plugins-container,
.ewd-otp-dashboard-testimonials-container {
width: 100%;
}
}
@media screen and (max-width: 568px) {
.ewd-otp-dashboard-new-footer-one-benefits,
.trial-happening .ewd-otp-dashboard-new-footer-one-benefits {
grid-template-columns: repeat(1, 1fr);
}
}
/* FOOTER */
#ewd-otp-dashboard-new-footer-two {
display: flex;
margin: 40px 0 0 -20px;
width: calc(100% + 20px);
background: #7B31AF;
color: #efd3f5;
box-sizing: border-box;
}
#ewd-otp-dashboard-new-footer-two * {
box-sizing: border-box;
}
.ewd-otp-dashboard-new-footer-two-inside {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 48px 96px;
}
.ewd-otp-dashboard-new-footer-two-icon {
width: 110px;
height: 105px;
margin-right: 40px;
}
.ewd-otp-dashboard-new-footer-two-blurb {
width: 300px;
line-height: 1.7;
font-size: 12px;
}
.ewd-otp-dashboard-new-footer-two-menu {
width: 150px;
margin: 0;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
display: flex;
flex-direction: column;
}
.ewd-otp-dashboard-new-footer-two-menu:first-of-type {
margin-left: auto;
}
.ewd-otp-dashboard-new-footer-two-menu li {
font-weight: bold;
margin-bottom: 4px;
color: #fff;
font-size: 14px;
}
.ewd-otp-dashboard-new-footer-two-menu li:first-of-type {
margin-bottom: 9px;
}
.ewd-otp-dashboard-new-footer-two-menu li:last-of-type {
margin-bottom: 0;
}
.ewd-otp-dashboard-new-footer-two-menu li a {
font-weight: normal;
color: #D3DFF5;
text-decoration: none;
font-size: 14px;
}
.ewd-otp-dashboard-new-footer-two-menu li a:hover {
color: #fff;
}
@media screen and (max-width: 1024px) {
.ewd-otp-dashboard-new-footer-two-inside {
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
.ewd-otp-dashboard-new-footer-two-icon {
margin-right: 0;
}
.ewd-otp-dashboard-new-footer-two-blurb {
display: none;
}
.ewd-otp-dashboard-new-footer-two-menu,
.ewd-otp-dashboard-new-footer-two-menu:first-of-type {
margin: 32px 0 0;
}
.ewd-otp-dashboard-new-footer-two-menu li {
text-align: center;
margin-bottom: 4px;
font-size: 14px;
}
.ewd-otp-dashboard-new-footer-two-menu li:first-of-type {
margin-bottom: 9px;
}
.ewd-otp-dashboard-new-footer-two-menu li:last-of-type {
margin-bottom: 0;
}
.ewd-otp-dashboard-new-footer-two-menu li a {
font-size: 14px;
}
}
/* SETTINGS PREVIEW */
.ewd-otp-settings-preview {
display: flex;
flex-direction: column;
width: 100%;
padding: 24px 96px 0 96px;
}
.ewd-otp-settings-preview h2 {
display: block !important;
font-size: 28px !important;
padding: 0 !important;
}
.ewd-otp-settings-preview h2 span {
position: absolute;
margin-left: 16px;
font-size: .45em;
color: #fff;
background: #aaa;
border-radius: 50px;
padding: 2px 8px;
text-transform: uppercase;
}
.ewd-otp-settings-preview p {
margin: 40px 0 16px;
font-size: 16px;
color: #5f5f5f;
}
.ewd-otp-settings-preview-images {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.ewd-otp-settings-preview-images img {
width: calc(50% - 12px);
border: 1px solid #ddd;
border-radius: 8px;
margin-top: 24px;
}
.ewd-otp-settings-preview-other-features {
display: flex;
flex-direction: column;
width: 100%
}
@media screen and (max-width: 1024px) {
.ewd-otp-settings-preview {
padding: 24px 32px 0 42px;
}
}
@media screen and (max-width: 768px) {
.ewd-otp-settings-preview-images {
flex-direction: column;
justify-content: initial;
}
.ewd-otp-settings-preview-images img {
width: 100%;
}
}
/* CUSTOM FIELDS */
#ewd-otp-custom-fields-table {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
}
#ewd-otp-custom-fields-table-div {
display: flex;
flex-direction: column;
width: 100%;
}
.ewd-otp-custom-field-heading-row {
display: none;
}
.ewd-otp-custom-field {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 28px 0 0;
border-top: 1px solid #ddd;
}
.ewd-otp-custom-field-cell {
display: flex;
flex-direction: column;
width: 23.5%;
margin: 0 2% 40px 0;
}
.ewd-otp-custom-field-cell:nth-of-type(4n+4) {
margin-right: 0;
}
.ewd-otp-custom-field-cell:last-of-type {
margin-top: auto;
align-items: flex-end;
}
.ewd-otp-custom-field-cell label {
font-size: 16px;
color: #212427;
margin-bottom: 12px;
}
.ewd-otp-custom-field-cell-checkbox-container {
display: flex;
flex-direction: column;
}
.ewd-otp-custom-field-cell-checkbox-each {
position: relative;
margin: 6px 0;
color: #212427;
padding-left: 28px;
}
.ewd-otp-custom-field-cell-checkbox-each:last-of-type {
margin-bottom: 0;
}
.ewd-otp-custom-field-cell-checkbox-each label {
cursor: pointer;
}
.ewd-otp-custom-field-cell-checkbox-each input {
position: absolute;
opacity: 0;
}
.ewd-otp-custom-field-cell-checkbox-each span {
font-size: 16px;;
}
.ewd-otp-custom-field-cell-checkbox-each span:before {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
height: 18px;
width: 18px;
background-color: #F2EAF7;
border: 1px solid #aaa;
border-radius: 50%;
}
.ewd-otp-custom-field-cell-checkbox-each span:hover:before {
border-color: #7B31AF;
}
.ewd-otp-custom-field-cell-checkbox-each input:checked + span:before {
border-color: #7B31AF;
background-color: #7B31AF;
}
.ewd-otp-custom-field-cell-checkbox-each span:after {
content: "+";
position: absolute;
left: 4px;
top: -1px;
width: auto;
height: auto;
font-size: 20px;
color: #7B31AF;
border: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
.ewd-otp-custom-field-cell-checkbox-each input:checked + span:after {
content: "";
left: 7px;
top: 4px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 1;
}
.ewd-otp-custom-field-cell input[type=text],
.ewd-otp-custom-field-cell input[type=search],
.ewd-otp-custom-field-cell input[type=tel],
.ewd-otp-custom-field-cell input[type=url],
.ewd-otp-custom-field-cell input[type=week],
.ewd-otp-custom-field-cell input[type=password],
.ewd-otp-custom-field-cell input[type=color],
.ewd-otp-custom-field-cell input[type=email],
.ewd-otp-custom-field-cell input[type=number],
.ewd-otp-custom-field-cell textarea,
.ewd-otp-custom-field-cell select {
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: none;
display: flex;
height: 48px;
align-items: center;
padding: 0 16px;
color: #737373;
width: 100%;
}
.ewd-otp-custom-field-cell-filtering-label {
font-size: 14px;
}
.ewd-otp-custom-field-delete {
display: flex;
justify-content: center;
align-items: center;
background: #7B31AF;
border: 1px solid #7B31AF;
color: #fff;
font-size: 14px;
cursor: pointer;
width: 160px;
height: 36px;
padding: 0 16px;
margin: 0;
border-radius: 8px;
box-shadow: none;
transition: background .25s, color .25s, border-color .25s;
}
.ewd-otp-custom-field-delete:hover {
background: #915add;
border-color: #915add;
}
.ewd-otp-custom-fields-add-container {
display: flex;
flex-direction: column;
}
.ewd-otp-custom-fields-add {
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border: 1px solid #7B31AF;
color: #7B31AF;
font-size: 14px;
cursor: pointer;
height: 36px;
padding: 0 16px;
margin: 32px auto 32px 0;
border-radius: 8px;
box-shadow: none;
transition: background .25s, color .25s, border-color .25s;
}
.ewd-otp-custom-fields-add:hover {
background: #7B31AF;
border-color: #7B31AF;
color: #fff;
}
.ewd-otp-custom-fields-submit {
display: flex;
justify-content: center;
align-items: center;
background: #7B31AF;
border: 1px solid #7B31AF;
color: #fff;
font-size: 14px;
cursor: pointer;
height: 36px;
padding: 0 16px;
margin: 48px auto 0 0;
border-radius: 8px;
box-shadow: none;
transition: background .25s, color .25s, border-color .25s;
}
.ewd-otp-custom-fields-submit:hover {
background: #915add;
border-color: #915add;
}
@media screen and (max-width: 1200px) {
.ewd-otp-custom-field-cell {
width: 49%;
}
.ewd-otp-custom-field-cell:nth-of-type(4n+4) {
margin-right: 2%;
}
.ewd-otp-custom-field-cell:nth-of-type(2n+2) {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.ewd-otp-custom-field-cell {
width: 100%;
margin-right: 0;
margin-bottom: 32px;
}
.ewd-otp-custom-field-cell:last-of-type {
align-items: center;
}
.ewd-otp-custom-fields-add-container {
border-top: 1px solid #ddd;
}
.ewd-otp-custom-fields-add {
margin: 32px auto 64px;
}
.ewd-otp-custom-fields-submit {
margin: 0 auto;
}
}
/* EXPORT PAGE */
.tracking_page_ewd-otp-export .wrap.sap-settings-page h1 {
display: block;
}
.tracking_page_ewd-otp-export table.form-table {
display: block;
margin: 0;
padding: 0 0 20px;
}
.tracking_page_ewd-otp-export table.form-table tbody {
display: block;
padding-top: 12px;
border-top: 1px solid #ddd;
}
.tracking_page_ewd-otp-export table.form-table tr {
display: flex;
justify-content: space-between;
}
.tracking_page_ewd-otp-export table.form-table th {
width: 35%;
font-size: 16px;
color: #212427;
}
.tracking_page_ewd-otp-export table.form-table th p.description {
font-size: 14px;
font-weight: normal;
color: #7a7a7a;
margin-top: 8px;
}
.tracking_page_ewd-otp-export table.form-table td {
padding-top: 20px;
width: 50%;
}
@media screen and (max-width: 768px) {
.tracking_page_ewd-otp-export table.form-table tr {
flex-wrap: wrap;
}
.tracking_page_ewd-otp-export table.form-table th {
width: 100%;
}
.tracking_page_ewd-otp-export table.form-table td {
width: 100%;
margin-bottom: 24px;
}
}
/***************************************************
NEW FORMAT FOR ORDERS TAB
***************************************************/
.toplevel_page_EWD-OTP-options #Orders #col-right.ewd-otp-admin-products-table-full {
width: 100%;
}
.ewd-otp-admin-new-product-page-top-part {
position: relative;
float: left;
width: 100%;
margin-bottom: 24px;
}
.ewd-otp-admin-new-tab-headings {
margin-left: 2px;
}
.ewd-otp-admin-new-product-page-top-part-left {
position: relative;
float: left;
width: 49%;
}
.ewd-otp-admin-add-new-product-buttons-area {
position: relative;
float: left;
width: 100%;
width: calc(100% - 2px);
margin-bottom: 16px;
margin-left: 2px;
}
.ewd-otp-admin-add-new-product-button {
position: relative;
float: left;
margin-right: 13px !important;
}
.ewd-otp-admin-new-product-page-top-part-right {
position: relative;
float: right;
width: 49%;
text-align: right;
}
.ewd-otp-admin-export-buttons-area {
position: relative;
float: right;
width: 100%;
margin-bottom: 16px;
}
.ewd-otp-admin-export-button {
position: relative;
float: right;
margin-left: 13px !important;
}
.ewd-otp-admin-search-orders {
position: relative;
float: right;
width: 320px;
}
.ewd-otp-admin-search-orders-inside {
position: relative;
float: left;
width: 100%;
clear: both;
}
.ewd-otp-admin-delete-all-products-button {
margin: 8px 0 6px 4px !important;
text-align: center;
float: right;
background-color: #E8274B !important;
color: #fff !important;
}
.ewd-otp-admin-delete-all-products-button:hover {
background-color: #FA254C !important;
color: #fff !important;
}
.ewd-otp-admin-show-hidden-button, .ewd-otp-admin-search-orders-box, .ewd-otp-admin-search-orders-input {
float: right;
}
.ewd-otp-admin-search-orders-input {
margin-right: 4px;
}
input#Order_Image_button {
margin-left: 1px;
margin-top: 4px;
}
.toplevel_page_EWD-OTP-options #Orders .form-field p {
color: #777;
}
/***************************************************
NEW FORMAT FOR CREATE AND EDIT PRODUCT FORMS
***************************************************/
#ewd-otp-new-edit-order-screen {
position: relative;
float: left;
width: 100%;
width: calc(100% - 48px);
margin: 0 24px;
}
#ewd-otp-new-edit-order-screen #col-left, #ewd-otp-new-edit-order-screen #col-right {
width: 100%;
}
.OrderDetail {
max-width: 100%;
}
.ewd-otp-admin-add-edit-order-content {
position: relative;
float: left;
width: 67%;
margin-top: 23px;
}
.ewd-otp-admin-add-edit-order-sidebar {
position: relative;
float: right;
width: 30%;
margin-top: 23px;
}
.ewd-otp-admin-add-edit-order-content table.ewd-otp-admin-edit-product-table-no-th th {
display: none;
}
.ewd-otp-admin-add-edit-order-content table.ewd-otp-admin-edit-product-table-no-th td {
width: 100%;
}
.ewd-otp-admin-add-edit-order-content #Order_Name {
padding: 3px 8px;
font-size: 1.7em;
line-height: 100%;
height: 1.7em;
width: 100%;
margin-top: 10px;
}
.ewd-otp-admin-add-edit-order-content #Order_Name::-webkit-input-placeholder {
font-size: 24px !important;
line-height: 100% !important;
color: #aaa !important;
}
.ewd-otp-admin-add-edit-order-content #Order_Name::-moz-input-placeholder {
font-size: 24px !important;
line-height: 100% !important;
color: #aaa !important;
}
.ewd-otp-admin-add-edit-order-content #Order_Name:-moz-input-placeholder {
font-size: 24px !important;
line-height: 100% !important;
color: #aaa !important;
}
.ewd-otp-admin-add-edit-order-content #Order_Name:-ms-input-placeholder {
font-size: 24px !important;
line-height: 100% !important;
color: #aaa !important;
}
.ewd-otp-admin-add-edit-order-content #Order_Name::placeholder {
font-size: 24px !important;
line-height: 100% !important;
color: #aaa !important;
}
.ewd-otp-admin-closeable-widget-box .ewd-otp-dashboard-new-widget-box-top {
cursor: pointer;
}
.ewd-otp-admin-widget-box-start-closed .ewd-otp-dashboard-new-widget-box-bottom {
display: none;
}
.ewd-otp-admin-edit-product-down-caret {
display: none;
float: right;
}
.ewd-otp-admin-widget-box-start-closed .ewd-otp-admin-edit-product-down-caret {
display: inline;
}
.ewd-otp-admin-edit-product-up-caret {
display: inline;
float: right;
}
.ewd-otp-admin-widget-box-start-closed .ewd-otp-admin-edit-product-up-caret {
display: none;
}
.ewd-otp-admin-add-edit-order-content-full-widget-box {
width: 100% !important;
}
.button-primary.ewd-otp-admin-edit-product-save-button {
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
margin-bottom: 16px;
}
#ewd-otp-new-edit-order-screen .ewd-otp-dashboard-new-widget-box-bottom .ewd-otp-field {
position: relative;
float: left;
width: 100%;
padding: 10px 0;
font-size: 14px;
color: #23282d;
}
#ewd-otp-new-edit-order-screen .ewd-otp-dashboard-new-widget-box-bottom .ewd-otp-admin-label {
width: 180px;
float: left;
}
#ewd-otp-new-edit-order-screen .ewd-otp-dashboard-new-widget-box-bottom .ewd-otp-admin-input {
float: left;
}
#ewd-otp-new-edit-order-screen .ewd-otp-dashboard-new-widget-box-bottom .ewd-otp-admin-input textarea {
min-height: 100px;
}
@media screen and (max-width: 782px) {
.ewd-otp-admin-add-edit-order-content, .ewd-otp-admin-add-edit-order-sidebar {
float: left;
width: 90%;
margin-left: 5%;
}
.ewd-otp-admin-add-edit-order-content-full-widget-box {
width: 100% !important;
margin-left: 0;
}
}
/*************************************
NEED HELP BOX ON PRODUCT EDIT SCREEN
*************************************/
.ewd-otp-need-help-text {
margin: 24px 0 22px;
text-align: center;
color: #888;
font-size: 15px;
line-height: 1.5;
}
.ewd-otp-need-help-button {
display: inherit;
width: 70%;
padding: 8px 0;
margin: 0 15% 16px;
text-align: center;
background: #f2b52f;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.ewd-otp-need-help-button:hover {
background: #d7a73f;
color: #fff;
text-decoration: none;
}
/*************************************************
SHORTCODE REMINDER
*************************************************/
.ewd-otp-shortcode-reminder {
position: relative;
float: left;
width: calc(95% - 48px);
padding: 14px 2.5% 12px calc(2.5% + 48px);
height: 22px;
margin: 8px 0 16px;
background: url(../images/options-asset-star.png) #fff;
background-size: 48px 48px;
background-position: left top;
background-repeat: no-repeat;
}
@media screen and (max-width: 782px) {
.ewd-otp-shortcode-reminder {
width: calc(90% - 48px);
margin: 0 2.5% 16px;
}
}
@media screen and (max-width: 568px) {
.ewd-otp-shortcode-reminder {
padding: 6px 2.5% 2px calc(2.5% + 48px);
height: 40px;
}
}
/**********
*** NEW ***
**********/
.sap-new-admin-add-button {
cursor: pointer;
}
/*********************************/
/********** WARNING/TIP **********/
/*********************************/
.ewd-otp-shortcode-reminder {
position: relative;
float: left;
box-sizing: border-box;
width: 100%;
padding: 14px 2.5% 6px calc(2.5% + 64px);
height: 64px;
margin: 0 0 16px;
background: url(../img/options-asset-starX2.png) #fff;
background-size: 64px 64px;
background-position: left top;
background-repeat: no-repeat;
}
.ewd-otp-shortcode-reminder.exclamation {
background: url(../img/options-asset-exclamation.png) #fff;
background-size: 64px 64px;
background-position: left top;
background-repeat: no-repeat;
}
@media screen and (min-width: 1350px) {
.ewd-otp-shortcode-reminder {
padding: 22px 2.5% 12px calc(2.5% + 64px);
}
}
@media screen and (min-width: 1700px) {
.ewd-otp-shortcode-reminder {
padding: 22px 2.5% 10px calc(2.5% + 64px);
}
}
@media screen and (max-width: 782px) {
.ewd-otp-shortcode-reminder,
.ewd-otp-shortcode-reminder.exclamation {
background: #fff;
height: auto;
padding: 14px 2.5%;
}
}
/*********************************
UPDATES TO TOP AREA FOR ORDERS,
CUSTOMERS AND SALES REPS SCREENS
*********************************/
.ewd-otp-primary-controls,
.ewd-otp-primary-controls * {
box-sizing: border-box;
}
.ewd-otp-primary-controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.ewd-otp-views {
order: 1;
}
#ewd-otp-filters {
order: 0;
display: flex;
flex-direction: column;
}
#ewd-otp-customers-table .ewd-otp-views,
#ewd-otp-sales-reps-table .ewd-otp-views {
display: none;
}
/** date filtering **/
#ewd-otp-filters .date-filters {
display: none;
width: 300px;
margin-top: 15px;
padding: 12px;
background: #fff;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
#ewd-otp-filters.date-filters-visible .date-filters {
display: block;
}
#ewd-otp-filters .date-filters .datepicker {
max-width: 10em;
}
#ewd-otp-filters .date-filter-range {
padding: 0.25em;
}
#ewd-otp-date-filter-link {
position: relative;
}
#ewd-otp-date-filter-link .dashicons {
line-height: 1.5;
}
#ewd-otp-filters .date-filter-range + #ewd-otp-date-filter-link {
margin-left: 0.5em;
}
#ewd-otp-date-filter-link .ewd-otp-date-filter-label {
position: absolute;
top: -9999px;
left: -9999px;
}
#ewd-otp-filters.date-filters-visible #ewd-otp-date-filter-link {
color: #777;
}
.ewd-otp-admin-bookings-filters-start,
.ewd-otp-admin-bookings-filters-end {
position: relative;
float: left;
width: 100%;
margin: 0 0 4px;
}
.ewd-otp-admin-bookings-filters-start input,
.ewd-otp-admin-bookings-filters-end input {
position: relative;
float: left;
width: calc(50% - 4px);
margin: 0 2px 4px;
border: 1px solid #ddd;
background: #f5f5f5;
color: #555;
border-radius: 2px;
}
.ewd-otp-admin-bookings-filters-start input::placeholder,
.ewd-otp-admin-bookings-filters-end input::placeholder {
color: #555;
}
/** bulk actions, pagination, search and include hidden orders **/
.ewd-otp-table-header-controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 16px 0 6px;
}
.ewd-otp-table-header-controls .tablenav {
margin: 0;
padding: 0;
height: auto;
}
.ewd-otp-table-header-controls .tablenav-pages {
margin: 0;
padding: 0;
height: auto;
}
.ewd-otp-table-header-controls-left {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#ewd-otp-table-header-search-filter {
display: block;
margin: 0 0 0 16px;
}
/** admin orders, customers and sales rep search fields **/
.ewd-otp-admin-table-filter-div {
width: 100%;
margin-top: 12px;
}
.ewd-otp-admin-table-filter-div:last-of-type {
margin-bottom: 12px;
}
.ewd-otp-admin-table-filter-label {
float: left;
width: 150px;
}
.ewd-otp-admin-table-filter-field {
float: left;
width: auto;
}
/*****************
EXPORT FILTERING
*****************/
.tracking_page_ewd-otp-export .wrap.sap-settings-page form h2,
.tracking_page_ewd-otp-export .wrap.sap-settings-page form h2:first-of-type {
position: relative;
float: left;
background: #6026B4;
color: #fff !important;
margin: 8px 0 0 !important;
font-size: 15px !important;
font-weight: bold;
color: #fff;
padding: 12px 2%;
width: 96%;
text-transform: uppercase;
z-index: 2;
}
/*********************************/
/*** TRIAL MODAL ***/
/*********************************/
.ewd-otp-trial-version-select-modal {
padding: 0 12px;
margin-top: 12px;
background: #fff;
border-radius: 8px;
}
.ewd-otp-trial-version-select-modal-title {
margin: 10px 0 16px;
position: relative;
display: inline-block;
color: #7B31AF;
text-transform: uppercase;
font-weight: bold;
}
.ewd-otp-trial-version-select-modal-option {
display: block;
margin-bottom: 4px;
font-weight: bold;
}
.ewd-otp-trial-version-select-modal-explanation {
display: block;
margin: 16px 0;
font-style: italic;
padding-left: 10px;
border-left: 3px solid #7B31AF;
}
.ewd-otp-trial-version-select-modal-submit {
display: inline-block;
background: #7B31AF;
color: #fff;
padding: 6px 0;
border-radius: 2px;
width: 100%;
text-align: center;
margin-bottom: 10px;
cursor: pointer;
}
.ewd-otp-trial-version-select-modal-submit:hover {
background: #91B5CE;
}
/*
==============================================
About Us page
==============================================
*/
.tracking_page_ewd-otp-about-us .ewd-otp-admin-header-menu {
margin-left: -20px;
width: calc(100% + 20px);
}
.tracking_page_ewd-otp-about-us #wpcontent {
background: #fff;
}
.ewd-otp-about-us-logo {
display: flex;
width: 100%;
padding: 24px 0 0 32px;
}
.ewd-otp-about-us-logo img {
width: 300px;
height: auto;
}
#ewd-otp-about-us-tabs-menu,
#ewd-otp-about-us-tabs-menu *,
.ewd-otp-about-us-tab,
.ewd-otp-about-us-tab * {
box-sizing: border-box;
}
.ewd-otp-about-us-tabs {
display: flex;
flex-direction: column;
width: calc(100% - 20px);
border: 1px solid #ddd;
border-radius: 14px;
overflow: hidden;
margin-top: 48px;
}
#ewd-otp-about-us-tabs-menu {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
width: 100%;
padding: 0;
margin: 0;
}
.ewd-otp-about-us-tab-menu-item {
width: 25%;
background: #f3f3f3;
color: #000;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 16px 32px;
margin: 0;
text-align: left;
font-size: 14px;
cursor: pointer;
transition: background .35s;
}
.ewd-otp-about-us-tab-menu-item:hover {
background: #fff;
color: #000;
}
.ewd-otp-about-us-tab-menu-item.ewd-otp-tab-selected {
background: #fff;
color: #000;
border-bottom: none;
}
.ewd-otp-about-us-tab-menu-item:first-of-type {
border-left: none;
}
.ewd-otp-about-us-tab {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px 32px;
width: 100%;
}
.ewd-otp-about-us-tab p {
color: #555;
}
.ewd-otp-about-us-feature-suggestion input,
.ewd-otp-about-us-feature-suggestion textarea {
width: 100%;
max-width: 400px;
margin: 12px 0;
border: 1px solid #ddd;
border-radius: 10px;
padding: 12px 16px;
color: #000;
font-size: 13px;
font-weight: normal;
}
.ewd-otp-about-us-feature-suggestion textarea {
min-height: 160px;
}
.ewd-otp-about-us-tab-buttons {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 12px;
}
.ewd-otp-about-us-tab-button {
display: flex;
margin-top: 12px;
padding: 10px 14px;
border: 2px solid #6026B4;
font-size: 13px;
font-weight: bold;
text-decoration: none;
border-radius: 10px;
cursor: pointer;
transition: background .35s, color .35s;
}
.ewd-otp-about-us-tab-button-purchase {
background: #6026B4;
color: #fff;
}
.ewd-otp-about-us-tab-button-purchase:hover {
background: #7a40cb;
border-color: #7a40cb;
color: #fff;
}
.ewd-otp-about-us-tab-button-purchase-alternate {
background: transparent;
color: #6026B4;
margin-right: 12px;
}
.ewd-otp-about-us-tab-button-purchase-alternate:hover {
background: #6026B4;
color: #fff;
}
.ewd-otp-about-us-tab-button-walkthrough {
background: #6026B4;
color: #fff;
margin-bottom: 24px;
}
.ewd-otp-about-us-tab-button-walkthrough:hover {
background: #7a40cb;
color: #fff;
}
.ewd-otp-about-us-tab-button-youtube {
background: #f00;
color: #fff;
}
.ewd-otp-about-us-tab-button-youtube:hover {
background: #fe4c4c;
color: #fff;
}
.ewd-otp-about-us-send-feature-suggestion {
background: #6026B4;
color: #fff;
}
.ewd-otp-about-us-send-feature-suggestion:hover {
background: #7a40cb;
color: #fff;
}
.ewd-otp-about-us-premium-table {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 24px;
border: 1px solid #ddd;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
overflow: hidden;
}
.ewd-otp-about-us-premium-table-head,
.ewd-otp-about-us-premium-table-body {
display: flex;
justify-content: space-between;
}
.ewd-otp-about-us-premium-table-cell {
display: flex;
align-items: center;
width: calc(100% / 4);
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 8px 16px;
}
.ewd-otp-about-us-premium-table-cell:first-of-type {
border-left: none;
}
.ewd-otp-about-us-premium-table-cell:last-of-type {
background: #f8f1ff;
}
.ewd-otp-about-us-premium-table-head .ewd-otp-about-us-premium-table-cell {
font-weight: bold;
border-top: none;
}
.ewd-otp-about-us-premium-table-cell img {
width: 16px;
height: auto;
}
@media screen and (max-width: 668px) {
#ewd-otp-about-us-tabs-menu {
flex-wrap: wrap;
}
.ewd-otp-about-us-tab-menu-item {
width: 100%;
border-left: none;
}
.ewd-otp-about-us-tab-menu-item.ewd-otp-tab-selected {
background: #fff;
color: #000;
border-bottom: 1px solid #ddd;
}
}
/* OVERWRITING EWDPH STYLING */
.ewd-premium-helper-dashboard-new-widget-box {
float: none !important;
background: transparent !important;
box-shadow: none !important;
margin: 48px 0 -8px !important;
}
.ewd-premium-helper-dashboard-new-widget-box-top {
font-weight: normal !important;
color: #5f5f5f !important;
float: none !important;
width: 100% !important;
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-radius: 8px;
padding: 32px !important;
}
.ewd-premium-helper-dashboard-key-widget {
display: flex;
flex-wrap: wrap;
float: none !important;
width: 100% !important;
min-height: auto !important;
margin: 0 !important;
padding: 0 0 0 96px;
background-image: url(../img/dash-asset-key.png);
background-position: left top;
background-size: 64px 30px;
background-repeat: no-repeat;
}
.ewd-premium-helper-dashboard-key-widget-input {
float: none !important;
display: flex;
align-items: center;
width: 65% !important;
height: 48px !important;
padding: 0 16px !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin: 0 !important;
color: #737373 !important
}
.ewd-premium-helper-dashboard-key-widget-input::placeholder {
color: #bbb;
}
.ewd-premium-helper-dashboard-key-widget-submit {
float: none !important;
display: flex;
align-items: center;
width: 35%;
height: 48px !important;
padding: 0 16px !important;
font-size: 14px;
font-weight: bold;
background: #f2b52f;
color: #fff;
border: none;
border-radius: 8px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
cursor: pointer;
margin: 0;
text-transform: uppercase;
}
.ewd-premium-helper-dashboard-key-widget-submit:hover {
background: #F2BD49;
}
.ewd-premium-helper-dashboard-key-widget-text {
float: none !important;
width: 100%;
margin-top: 7px;
font-size: 14px !important;
color: #5f5f5f !important;
font-style: italic;
font-weight: normal;
}
.ewd-premium-helper-dashboard-key-widget-text a {
color: #0acbaa;
text-decoration: none;
font-weight: bold;
}
.ewd-premium-helper-dashboard-key-widget-text a:hover {
color: #1CE6C3;
text-decoration: none;
}
.ewd-otp-dashboard-trial-container .ewd-premium-helper-dashboard-new-widget-box-bottom {
float: none !important;
width: 100% !important;
padding: 0 !important;
color: #5f5f5f !important;
border: none !important;
}
@media screen and (max-width: 768px) {
.ewd-premium-helper-dashboard-key-widget {
padding: 0 !important;
background-image: none !important;
}
.ewd-premium-helper-dashboard-key-widget-input {
width: 100% !important;
border-radius: 8px !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ewd-premium-helper-dashboard-key-widget-submit {
width: 100% !important;
border-radius: 8px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
}
.ewd-otp-hidden {
display: none;
}
/*
==============================================
New plugin notice
==============================================
*/
.ait-iat-new-plugin-notice {
display: flex;
align-items: center;
min-height: 88px;
border-left-color: #5511f8;
}
.ewd-otp-new-plugin-notice-img {
width: 64px;
height: 64px;
margin-right: 16px;
}
.ewd-otp-new-plugin-notice-img img {
width: 64px;
height: 64px;
}
.ewd-otp-new-plugin-notice-txt p {
margin: 2px 0;
padding: 0;
}
.ewd-otp-new-plugin-notice-txt a {
color: #5511f8;
font-weight: bold;
text-decoration: none;
}
.ewd-otp-new-plugin-notice-txt a:hover {
color: #7e56dc;
text-decoration: underline;
}
.ewd-otp-hidden {
display: none !important;
}