.esm-button {
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
background-color: #1b8ade;
border: 1px solid #1b8ade;
color: #ffffff;
padding: 0;
font-size: 0.8818898rem;
cursor: pointer;
height: 40px;
position: relative;
overflow: hidden;
outline: none !important;
justify-content: center;
align-items: center;
}
.esm-button:hover {
color: #ffffff !important;
}
.esm-button:active,
.esm-button:focus {
color: #ffffff !important;
-o-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 138, 222, 0.4) !important;
-ms-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 138, 222, 0.4) !important;
-moz-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 138, 222, 0.4) !important;
-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 138, 222, 0.4) !important;
box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 138, 222, 0.4) !important;
}
.esm-button .esm-right {
float: right;
}
.esm-button.esm-inline {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
}
.esm-button.esm-disabled {
cursor: default;
}
.esm-button .esm-animating-bar {
opacity: 0.1;
filter: alpha(opacity=10);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.esm-button.esm-small {
height: 30px;
}
.esm-button.esm-small .esm-button-inner {
font-size: 0.8267717rem;
padding: 0 10px;
}
.esm-button.esm-small .esm-button-inner .dashicons {
line-height: 26px;
}
.esm-button.esm-small .esm-button-inner ion-icon {
font-size: 1.1023622rem;
}
.esm-button.esm-small .esm-button-inner .esm-spin,
.esm-button.esm-small .esm-button-inner .esm-spin > span {
width: 20px;
height: 20px;
display: block;
}
.esm-button.esm-small .esm-button-inner .esm-spin {
margin-right: 3px;
}
.esm-button.esm-small .esm-button-inner .esm-spin ion-icon {
top: 0;
font-size: 20px !important;
}
.esm-button.esm-small.esm-with-icon .esm-button-inner {
padding-left: 4px;
}
.esm-button.esm-small.esm-text .esm-button-inner {
font-size: 0.7716535rem;
}
.esm-button.esm-with-icon .esm-button-inner {
padding-left: 12px;
}
.esm-button.esm-text {
color: #1b8ade;
border-width: 0;
padding: 0;
height: auto;
background-color: transparent;
}
.esm-button.esm-text .esm-button-inner {
padding: 0;
font-weight: 600;
font-size: 0.992126rem;
}
.esm-button.esm-text .esm-button-inner .dashicons {
font-size: 0.9370079rem;
}
.esm-button.esm-text:hover {
color: #1b8ade !important;
}
.esm-button.esm-text:active,
.esm-button.esm-text:focus {
color: #1b8ade !important;
-o-box-shadow: none !important;
-ms-box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.esm-button.esm-outline {
background-color: transparent;
color: #1b8ade;
}
.esm-button.esm-outline:hover {
color: #1b8ade !important;
}
.esm-button.esm-outline:active,
.esm-button.esm-outline:focus {
color: #1b8ade !important;
}
.esm-button.esm-full-width {
width: 100%;
}
.esm-button.esm-bold .esm-button-inner {
font-weight: 600;
}
.esm-button .esm-button-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
color: #ffffff;
color: inherit;
padding: 0 20px;
height: 100%;
font-weight: 500;
font-size: 0.8818898rem;
}
.esm-button .esm-button-inner .dashicons {
font-size: inherit;
font-weight: normal;
line-height: inherit;
height: inherit;
padding-top: 2px;
}
.esm-button .esm-button-inner .material-icon {
font-size: 1.2125984rem;
}
.esm-button .esm-button-inner ion-icon {
-webkit-transform: scale(0.95, 0.95);
-moz-transform: scale(0.95, 0.95);
-o-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
font-size: 1.2125984rem;
position: relative;
top: 5px;
}
.esm-button.esm-success-btn {
border-color: #8abd75;
background-color: #8abd75;
}
.esm-button.esm-success-btn.esm-outline {
background-color: transparent;
color: #8abd75;
}
.esm-button.esm-success-btn.esm-outline:hover {
color: #8abd75 !important;
}
.esm-button.esm-success-btn.esm-outline:active,
.esm-button.esm-success-btn.esm-outline:focus {
color: #8abd75 !important;
}
.esm-button.esm-accent-btn {
border-color: #f48a00;
background-color: #f48a00;
}
.esm-button.esm-accent-btn.esm-outline {
background-color: transparent;
color: #f48a00;
}
.esm-button.esm-accent-btn.esm-outline:hover {
color: #f48a00 !important;
}
.esm-button.esm-accent-btn.esm-outline:active,
.esm-button.esm-accent-btn.esm-outline:focus {
color: #f48a00 !important;
}
.esm-button.esm-accent-btn.esm-text {
color: #f48a00;
background-color: transparent;
}
.esm-button.esm-accent-btn.esm-text:hover {
color: #f48a00 !important;
}
.esm-button.esm-accent-btn.esm-text:active,
.esm-button.esm-accent-btn.esm-text:focus {
color: #f48a00 !important;
}
.esm-button.esm-secondary-btn {
border-color: #14c0eb;
background-color: #14c0eb;
}
.esm-button.esm-secondary-btn.esm-outline {
background-color: transparent;
color: #14c0eb;
}
.esm-button.esm-secondary-btn.esm-outline:hover {
color: #14c0eb !important;
}
.esm-button.esm-secondary-btn.esm-outline:active,
.esm-button.esm-secondary-btn.esm-outline:focus {
color: #14c0eb !important;
}
.esm-button.esm-secondary-btn.esm-text {
color: #14c0eb;
background-color: transparent;
}
.esm-button.esm-secondary-btn.esm-text:hover {
color: #14c0eb !important;
}
.esm-button.esm-secondary-btn.esm-text:active,
.esm-button.esm-secondary-btn.esm-text:focus {
color: #14c0eb !important;
}
.esm-button.esm-danger-btn {
border-color: #e53935;
background-color: #e53935;
}
.esm-button.esm-danger-btn.esm-outline {
background-color: transparent;
color: #e53935;
}
.esm-button.esm-danger-btn.esm-outline:hover {
color: #e53935 !important;
}
.esm-button.esm-danger-btn.esm-outline:active,
.esm-button.esm-danger-btn.esm-outline:focus {
color: #e53935 !important;
}
.esm-button.esm-danger-btn.esm-text {
color: #e53935;
background-color: transparent;
}
.esm-button.esm-danger-btn.esm-text:hover {
color: #e53935 !important;
}
.esm-button.esm-danger-btn.esm-text:active,
.esm-button.esm-danger-btn.esm-text:focus {
color: #e53935 !important;
}
.esm-button.esm-grey-btn {
border-color: #999999;
background-color: #999999;
}
.esm-button.esm-grey-btn.esm-outline {
background-color: transparent;
color: #444444;
}
.esm-button.esm-grey-btn.esm-outline:hover {
color: #444444 !important;
}
.esm-button.esm-grey-btn.esm-outline:active,
.esm-button.esm-grey-btn.esm-outline:focus {
color: #444444 !important;
}
.esm-button.esm-grey-btn.esm-text {
color: #444444;
background-color: transparent;
}
.esm-button.esm-grey-btn.esm-text:hover {
color: #444444 !important;
}
.esm-button.esm-grey-btn.esm-text:active,
.esm-button.esm-grey-btn.esm-text:focus {
color: #444444 !important;
}
.esm-button.esm-white-btn {
border-color: #ffffff;
background-color: #ffffff;
}
.esm-button.esm-white-btn:not(.esm-outline) {
color: #1b8ade;
}
.esm-button.esm-white-btn:not(.esm-outline):hover {
color: #1b8ade !important;
}
.esm-button.esm-white-btn:not(.esm-outline):active,
.esm-button.esm-white-btn:not(.esm-outline):focus {
color: #1b8ade !important;
}
.esm-button.esm-white-btn.esm-outline {
border-color: #1b8ade;
background-color: #ffffff;
}
.esm-button.esm-white-btn.esm-outline:hover {
color: #1b8ade !important;
}
.esm-button.esm-white-btn.esm-outline:active,
.esm-button.esm-white-btn.esm-outline:focus {
color: #1b8ade !important;
}
.esm-button.esm-white-btn.esm-text {
color: #1b8ade;
background-color: transparent;
}
.esm-button.esm-white-btn.esm-text:hover {
color: #1b8ade !important;
}
.esm-button.esm-white-btn.esm-text:active,
.esm-button.esm-white-btn.esm-text:focus {
color: #1b8ade !important;
}
@media (max-width: 500px) {
.esm-button {
height: 36px;
}
.esm-button .esm-button-inner {
padding: 0 16px;
font-size: 0.8267717rem;
}
.esm-button .esm-button-inner.esm-with-icon {
padding-left: 6px;
}
.esm-button.esm-text .esm-button-inner {
font-size: 0.8818898rem;
}
} .esm-options svg,
.esm-my-account svg,
.esm-block svg {
width: 16px;
height: auto;
}
.esm-options [class^="ri-"],
.esm-my-account [class^="ri-"],
.esm-block [class^="ri-"],
.esm-options [class*=" ri-"],
.esm-my-account [class*=" ri-"],
.esm-block [class*=" ri-"] {
font-size: 1.1023622rem;
}
.esm-options ion-icon,
.esm-my-account ion-icon,
.esm-block ion-icon {
font-size: 1.2125984rem;
position: relative;
}
.esm-options ion-icon:before,
.esm-my-account ion-icon:before,
.esm-block ion-icon:before {
content: '' !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1;
} .ecf-tooltip-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.ecf-tooltip {
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
filter: alpha(opacity=0);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
color: #ffffff;
background: #444444;
position: absolute;
padding: 3px 10px 3px;
visibility: hidden;
z-index: 100;
width: max-content;
font-size: 0.7716535rem;
}
.ecf-tooltip.non-active {
opacity: 0 !important;
filter: alpha(opacity=0) !important;
visibility: hidden !important;
}
.ecf-tooltip:after {
position: absolute;
content: '';
border-style: solid;
}
.ecf-tooltip.ecf-tooltip-top {
bottom: calc(100% + 5px);
left: 50%;
}
.ecf-tooltip.ecf-tooltip-top:after {
border-width: 4px 3px 0 3px;
border-color: #444444 transparent transparent transparent;
left: calc(50% - 3px);
top: 100%;
}
.ecf-tooltip.ecf-tooltip-bottom {
top: calc(100% + 5px);
left: 50%;
}
.ecf-tooltip.ecf-tooltip-bottom:after {
border-width: 0 3px 4px 3px;
border-color: transparent transparent #444444 transparent;
left: calc(50% - 3px);
bottom: 100%;
}
.ecf-tooltip.ecf-tooltip-left {
right: calc(100% + 5px);
top: 50%;
}
.ecf-tooltip.ecf-tooltip-left:after {
border-width: 3px 0 3px 4px;
border-color: transparent transparent transparent #444444;
left: 100%;
top: calc(50% - 3px);
}
.ecf-tooltip.ecf-tooltip-right {
left: calc(100% + 5px);
top: 50%;
}
.ecf-tooltip.ecf-tooltip-right:after {
border-width: 3px 4px 3px 0;
border-color: transparent #444444 transparent transparent;
right: 100%;
top: calc(50% - 3px);
} .esm-toggle-switch.esm-checked .esm-toggle-switch-inner .esm-toggle-hangle-wrapper {
width: 100%;
background: #1b8ade;
}
.esm-toggle-switch.esm-checked .esm-toggle-switch-inner .esm-toggle-hangle-wrapper .esm-toggle-text {
color: #ffffff;
left: 8px;
right: auto;
}
.esm-toggle-switch .esm-toggle-switch-inner {
-ms-border-radius: 40px;
-o-border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background: #dedede;
width: 40px;
height: auto;
}
.esm-toggle-switch .esm-toggle-switch-inner.esm-has-text {
width: 53px;
}
.esm-toggle-switch .esm-toggle-switch-inner .esm-toggle-hangle-wrapper {
background: #dedede;
-ms-border-radius: 40px;
-o-border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
height: 23px;
width: 23px;
position: relative;
}
.esm-toggle-switch .esm-toggle-switch-inner .esm-toggle-hangle-wrapper .esm-toggle-text {
color: #999999;
font-size: 0.6614173rem;
height: 24px;
align-items: center;
position: absolute;
top: 0;
right: -22px;
line-height: 1;
font-weight: 400;
}
.esm-toggle-switch .esm-toggle-switch-inner .esm-toggle-hangle-wrapper .esm-toggle-handle {
-ms-border-radius: 25px;
-o-border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-o-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
-ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
background: #ffffff;
position: absolute;
right: 3px;
top: 3px;
display: block;
width: 17px;
height: 17px;
} .esm-search-wrapper {
position: relative;
width: auto;
}
.esm-search-wrapper .esm-d-flex {
justify-content: flex-end;
}
.esm-search-wrapper .esm-search-input {
position: relative;
}
.esm-search-wrapper .esm-search-input .cancel {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #f48a00;
margin-left: 15px;
font-weight: 600;
padding: 0;
border-radius: 7px;
height: 42px;
align-items: center;
font-size: 0.9370079rem;
}
.esm-search-wrapper .esm-search-input input {
-webkit-transition: background-color 0.25s ease;
-moz-transition: background-color 0.25s ease;
-o-transition: background-color 0.25s ease;
-ms-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ebebeb;
border-width: 0;
position: relative;
height: 52px;
line-height: 52px;
padding: 0 20px 0 40px;
font-size: 0.9370079rem;
font-weight: 500;
width: 100%;
min-width: 300px;
overflow: hidden;
}
.esm-search-wrapper .esm-search-input input::-moz-placeholder {
color: #999999;
}
.esm-search-wrapper .esm-search-input input:-ms-input-placeholder {
color: #999999;
}
.esm-search-wrapper .esm-search-input input::-webkit-input-placeholder {
color: #999999;
}
.esm-search-wrapper .esm-search-input input:focus,
.esm-search-wrapper .esm-search-input input:active,
.esm-search-wrapper .esm-search-input input:focus-visible {
outline: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ebebeb;
}
.esm-search-wrapper .esm-search-input .esm-remove-search-value,
.esm-search-wrapper .esm-search-input .esm-search {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #777777;
position: absolute;
right: 0;
top: 0;
height: 52px;
align-items: center;
width: 46px;
justify-content: center;
}
.esm-search-wrapper .esm-search-input .esm-remove-search-value ion-icon,
.esm-search-wrapper .esm-search-input .esm-search ion-icon {
font-size: 1.1023622rem;
}
.esm-search-wrapper .esm-search-input .esm-remove-search-value > span {
height: 20px;
}
.esm-search-wrapper .esm-search-input .esm-search {
color: #777777;
position: absolute;
right: auto;
left: 0;
z-index: 1;
}
@media (max-width: 500px) {
.esm-search-wrapper .esm-search-input {
max-width: 100% !important;
}
.esm-search-wrapper .esm-search-input .esm-search {
height: 40px;
}
.esm-search-wrapper .esm-search-input input {
height: 40px;
line-height: 40px;
min-width: 100px;
font-size: 0.8818898rem;
}
} .esm-ripple-wrapper {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
.esm-ripple-wrapper.white span {
background-color: rgba(255, 255, 255, 0.2);
}
.esm-ripple-wrapper span {
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
visibility: hidden;
} .esm-confirmation-dialog-outer {
position: relative;
}
.esm-confirmation-dialog-outer.esm-dialog-as-popup .dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
}
.esm-confirmation-dialog-outer .dropdown-overlay {
background-color: rgba(0, 0, 0, 0.05);
}
.esm-confirmation-dialog-wrapper.esm-dialog-as-popup .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog {
position: fixed;
bottom: 50px;
right: calc(50% - 240px);
}
.esm-confirmation-dialog-wrapper.esm-dialog-as-popup .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog:after {
display: none;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog {
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-o-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
-ms-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
border: 0 solid #ffffff;
background-color: #000000;
bottom: calc(100% + 10px);
transform-origin: calc(100% - 25px) bottom;
z-index: 11;
position: absolute;
right: 0;
width: 300px;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog:after {
content: '';
border-color: #000000 transparent transparent transparent;
border-width: 10px 10px 0 10px;
border-style: solid;
position: absolute;
top: 100%;
right: 15px;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog h4 {
color: #ffffff;
margin: 0;
padding: 15px 15px 0;
line-height: 1;
font-size: 0.9370079rem;
font-weight: 500;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog h4 + p {
padding-top: 10px;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-desc {
color: rgba(255, 255, 255, 0.72);
padding: 15px;
margin: 0;
font-size: 0.8267717rem;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-desc p {
font-size: inherit;
color: inherit;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-desc p:last-child {
margin-bottom: 0;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper {
border-top: 1px solid rgba(255, 255, 255, 0.2);
-ms-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background-color: transparent;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-width: 0;
background-color: transparent;
height: 40px;
width: 50%;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button:first-child {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button.esm-text {
color: #29b0ff;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button.esm-text * {
color: inherit;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button.esm-danger.esm-text {
color: #f44336;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button .esm-button-inner {
font-size: 0.8818898rem;
font-weight: 500;
text-transform: capitalize;
}
@media (max-width: 500px) {
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog {
width: 250px;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog p {
font-size: 0.7716535rem;
}
.esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog .esm-dialog-buttons-wrapper .esm-button {
height: 36px;
}
}
.esm-dots-in-circle-loader {
-webkit-transform: scale(0.5, 0.5);
-moz-transform: scale(0.5, 0.5);
-o-transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
margin-right: 30px;
top: -3px;
font-size: 0.5511811rem;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
animation: mulShdSpin 1.1s infinite ease;
}
@keyframes mulShdSpin {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
.esm-dash-spinner {
-webkit-transform: scale(0.5, 0.5);
-moz-transform: scale(0.5, 0.5);
-o-transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
display: inline-block;
position: relative;
width: 60px;
height: 40px;
}
.esm-dash-spinner div {
transform-origin: 40px 40px;
animation: esm-dash-spinner 1.2s linear infinite;
}
.esm-dash-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #444444;
}
.esm-dash-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.esm-dash-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.esm-dash-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.esm-dash-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.esm-dash-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.esm-dash-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.esm-dash-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.esm-dash-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.esm-dash-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.esm-dash-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.esm-dash-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.esm-dash-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes esm-dash-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes esm-loading {
0% {
background-color: rgba(255, 255, 255, 0.5);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@keyframes esm-animating-bar {
from {
background-position-x: 0;
}
to {
background-position-x: 113px;
}
}
.esm-overlay {
position: fixed;
left: -2000px;
right: -2000px;
top: -2000px;
bottom: -2000px;
z-index: 10;
cursor: auto;
}
.esm-animating-bar {
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 30px;
width: calc(3955px) !important;
background-color: rgba(0, 0, 0, 0.1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.5) 20px, rgba(255, 255, 255, 0.5) 40px);
animation: esm-animating-bar 2s linear infinite;
will-change: background-position;
}
.oh {
overflow: hidden;
}
.esm-d-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.esm-d-flex.esm-center {
justify-content: center;
text-align: left;
}
.esm-d-flex.esm-wrap {
flex-wrap: wrap;
}
.esm-d-flex.esm-middle {
align-items: center;
}
.esm-d-flex.esm-top {
align-items: flex-start;
}
.esm-d-flex.esm-bottom {
align-items: flex-end;
}
.esm-d-flex.esm-sb {
justify-content: space-between;
}
.esm-sticky {
position: -webkit-sticky; position: sticky;
top: 0;
}
.esm-bold {
font-weight: 700 !important;
}
.esm-sbold {
font-weight: 600 !important;
}
.esm-medium {
font-weight: 500 !important;
}
.esm-regular {
font-weight: 400 !important;
}
.esm-light {
font-weight: 300 !important;
}
.esm-relative {
position: relative;
}
.esm-clickable {
cursor: pointer;
}
.esm-center {
text-align: center;
}
.esm-inline {
display: inline-block;
}
.esm-spin {
-webkit-animation: esm-spin 0.8s infinite linear;
animation: esm-spin 0.8s infinite linear;
}
.esm-small {
font-size: 0.7165354rem;
}
.esm-m0 {
margin: 0 !important;
}
.esm-p0 {
padding: 0 !important;
}
.esm-mb0 {
margin-bottom: 0 !important;
}
.esm-mt0 {
margin-top: 0 !important;
}
.esm-pl0 {
padding-left: 0 !important;
}
.esm-container {
max-width: 1240px;
width: 100%;
margin: 0 auto;
}
.esm-lsn {
list-style: none;
}
.esm-lc {
text-transform: lowercase;
}
.esm-uc {
text-transform: uppercase;
}
.esm-underline {
text-decoration: underline;
text-underline-offset: 5px;
}
.esm-text_1 {
color: #999999 !important;
}
.esm-text_success {
color: #00b818 !important;
}
.esm-text_danger {
color: #e53935 !important;
}
.esm-text_2 {
color: #777777 !important;
}
.esm-text_3 {
color: #444444 !important;
}
.esm-text_black {
color: #000000 !important;
}
.esm-text_primary {
color: #1b8ade !important;
}
.esm-divider {
border: 1px solid #dedede;
background: #ebebeb;
height: 15px;
border-width: 1px 0;
margin: 40px 0;
}
.esm-warning,
.esm-success,
.esm-info {
-ms-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: #faf1d6;
border: 1px solid #f4e0a4;
padding: 12px 15px;
margin: 15px 0 15px;
position: relative;
line-height: 1.6;
font-weight: 400;
font-size: 0.8818898rem;
}
.esm-warning hr,
.esm-success hr,
.esm-info hr {
border-color: #f4e0a4;
margin: 15px 0;
}
.esm-warning p,
.esm-success p,
.esm-info p {
color: rgba(0, 0, 0, 0.9);
font-size: 1rem;
font-weight: 500;
margin: 0 0 10px;
}
.esm-warning > *,
.esm-success > *,
.esm-info > * {
color: rgba(0, 0, 0, 0.7);
}
.esm-warning strong,
.esm-success strong,
.esm-info strong {
font-weight: 600;
}
.esm-warning code,
.esm-success code,
.esm-info code {
white-space: normal;
background: transparent;
color: rgba(0, 0, 0, 0.9);
}
.esm-warning code strong.esm-danger,
.esm-success code strong.esm-danger,
.esm-info code strong.esm-danger {
color: #e53935;
}
.esm-warning a,
.esm-success a,
.esm-info a {
color: #f48a00;
text-decoration: underline;
font-weight: 500;
white-space: nowrap;
}
.esm-warning .esm-alert ul,
.esm-success .esm-alert ul,
.esm-info .esm-alert ul {
padding-left: 0;
margin: 0;
list-style: none;
}
.esm-warning .esm-alert ul li,
.esm-success .esm-alert ul li,
.esm-info .esm-alert ul li {
font-size: 0.7716535rem;
font-weight: 500;
}
.esm-success {
background: #e1f4e3;
border: 1px solid #b8e6bf;
}
.esm-success hr {
border-color: #b8e6bf;
}
.esm-info {
background: #d6edfa;
border: 1px solid #a4d7f4;
}
.esm-info hr {
border-color: #a4d7f4;
}
@-webkit-keyframes esm-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes esm-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} .esm-form-toggler {
margin-top: 15px;
padding: 20px 0;
}
.esm-form-toggler.esm-currency-toggler .esm-inner {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
border: 1px solid rgba(27, 138, 222, 0.12);
background: rgba(27, 138, 222, 0.07000000000000001);
overflow: hidden;
}
.esm-form-toggler.esm-currency-toggler .esm-inner .esm-animating-bar {
opacity: 0.3;
filter: alpha(opacity=30);
position: absolute;
left: 0;
top: 0px;
height: 100%;
}
.esm-form-toggler.esm-currency-toggler .esm-inner > a {
text-transform: uppercase;
font-size: 0.7716535rem;
color: rgba(0, 0, 0, 0.7);
height: 25px;
padding: 0 15px;
text-decoration: none;
}
.esm-form-toggler.esm-currency-toggler .esm-inner > a.esm-active {
color: rgba(0, 0, 0, 0.7);
}
.esm-form-toggler.esm-currency-toggler .esm-inner .esm-floater {
-o-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
background-color: #ffffff;
height: 25px;
}
.esm-form-toggler .esm-inner {
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-o-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
-ms-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
background-color: #f4f4f4;
border: 1px solid #ebebeb;
padding: 5px;
position: relative;
}
.esm-form-toggler .esm-inner .esm-floater {
-ms-border-radius: 20px;
-o-border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #1b8ade;
width: 162px;
position: absolute;
left: 5px;
top: 5px;
height: 40px;
}
.esm-form-toggler .esm-inner > a {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-border-radius: 20px;
-o-border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #444444;
font-size: 0.8818898rem;
font-weight: 700;
height: 40px;
padding: 0 25px;
align-items: center;
position: relative;
}
.esm-form-toggler .esm-inner > a.esm-active {
color: #ffffff;
cursor: default;
}
.esm-my-account .esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper input {
background: #ffffff;
}
.esm-forms-wrapper.esm-as-popup {
height: calc(100% - 60px);
width: 100%;
}
.esm-forms-wrapper.esm-as-popup > .esm-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.esm-forms-wrapper.esm-as-popup > .esm-inner .esm-form-outer {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin: 0;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 0 70px 100px 70px;
}
.esm-forms-wrapper.esm-as-popup > .esm-inner .esm-form-outer form {
-o-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.06);
background: #ffffff;
}
.esm-forms-wrapper.esm-as-popup > .esm-inner .esm-form-outer h3 {
width: 100%;
max-width: 452px;
margin-bottom: 5px;
}
.esm-forms-wrapper .esm-form {
margin: 30px 0;
position: relative;
font-size: 0.8818898rem;
}
.esm-forms-wrapper .esm-form form {
-ms-border-radius: 12px;
-o-border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background: rgba(244, 244, 244, 0.9);
border: 1px solid #ebebeb;
padding: 40px;
margin: 15px 0 13px;
position: relative;
max-width: 452px;
width: 100%;
font-size: inherit;
}
.esm-forms-wrapper .esm-form h3 {
color: #444444;
margin-top: 0;
font-weight: 600;
font-size: 1.3228346rem;
margin: 20px 0;
padding-left: 5px;
}
.esm-forms-wrapper .esm-form .esm-form-switcher {
font-size: 0.8818898rem;
margin-bottom: 5px;
font-weight: 400;
color: #777777;
}
.esm-forms-wrapper .esm-form .esm-form-switcher a {
color: #1b8ade;
font-weight: 500;
margin-left: 7px;
font-size: inherit;
}
.esm-forms-wrapper .esm-form .esm-form-field {
margin-bottom: 15px;
position: relative;
max-width: 370px;
font-size: inherit;
}
.esm-forms-wrapper .esm-form .esm-form-field.esm-disabled label {
color: #999999 !important;
z-index: 1;
}
.esm-forms-wrapper .esm-form .esm-form-field.esm-disabled label,
.esm-forms-wrapper .esm-form .esm-form-field.esm-disabled input,
.esm-forms-wrapper .esm-form .esm-form-field.esm-disabled select {
opacity: 0.6;
filter: alpha(opacity=60);
}
.esm-forms-wrapper .esm-form .esm-form-field.esm-hidden {
display: none;
}
.esm-forms-wrapper .esm-form .esm-form-field.esm-has-value label,
.esm-forms-wrapper .esm-form .esm-form-field.esm-is-focused label {
color: #1b8ade;
line-height: 1.6;
top: 7px;
font-size: 0.8267717rem;
}
.esm-forms-wrapper .esm-form .esm-form-field label {
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
color: #444444;
font-size: 0.9370079rem;
font-weight: 500;
position: absolute;
left: 17px;
top: 22px;
margin: 0;
line-height: 1;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper {
font-size: inherit;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper input {
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-ms-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #ebebeb;
background: #fafafa;
color: #444444;
padding: 0 15px;
height: 60px;
width: 370px;
max-width: 100%;
padding-top: 12px;
font-size: 16px !important;
font-weight: 500;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper input:focus {
border-color: rgba(27, 138, 222, 0.5);
background: #ffffff;
outline: none;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper .esm-help-block {
color: #777777;
font-size: 0.8267717rem;
line-height: 1.3;
margin-top: 5px;
padding-left: 3px;
margin-bottom: 0;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper .esm-action {
color: #999999;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
height: 60px;
position: absolute;
right: 0;
top: 0;
font-size: 1.0625em;
width: 50px;
justify-content: center;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper .esm-action > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
font-size: inherit;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper .esm-action.esm-active {
color: #1b8ade;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-field-validation-status {
color: #e53935;
font-size: 0.7716535rem;
font-weight: 400;
margin-top: 1px;
margin-bottom: 0;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-field-validation-status strong {
font-weight: 600;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-checkbox-wrapper > a {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
font-size: 0.8818898rem;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-checkbox-wrapper > a > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #1b8ade;
align-items: center;
font-size: 1.2677165rem;
height: 23px;
width: 23px;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-checkbox-wrapper > a label {
position: relative;
top: 0;
left: 5px;
line-height: 1;
cursor: pointer;
font-size: inherit;
}
.esm-forms-wrapper .esm-form .esm-button {
font-size: inherit;
margin-top: 5px;
}
.esm-forms-wrapper .esm-form .esm-button.esm-disabled {
opacity: 0.6;
filter: alpha(opacity=60);
cursor: default;
}
.esm-forms-wrapper .esm-form .esm-button.esm-notified {
cursor: default;
}
.esm-forms-wrapper .esm-form .esm-forgot-password {
color: #999999;
position: absolute;
bottom: 82px;
right: 40px;
font-weight: 400;
font-size: inherit;
}
.esm-forms-wrapper .esm-form .esm-forgot-password:hover {
color: #1b8ade;
}
@media (max-width: 1199px) {
.esm-forms-wrapper.esm-as-popup > .esm-inner .esm-form-outer {
padding: 0 0px 80px 0px;
}
.esm-forms-wrapper .esm-form form {
padding: 30px;
}
.esm-forms-wrapper .esm-form .esm-form-field .esm-input-wrapper input {
width: 100%;
}
}
@media (max-width: 767px) {
.esm-forms-wrapper.esm-as-popup > .esm-inner .esm-form-outer {
padding-top: 100px;
}
} .esm-pwd-strength-meter {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: auto;
align-items: center;
justify-content: center;
margin-bottom: 14px;
padding: 4px 15px 6px;
font-size: inherit;
flex-direction: column;
text-align: center;
}
.esm-pwd-strength-meter hr {
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
margin: 5px -15px;
width: calc(100% + 30px);
}
.esm-pwd-strength-meter p {
color: rgba(0, 0, 0, 0.5);
font-size: 0.7716535rem;
text-transform: lowercase;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 400;
line-height: 1.6;
}
.esm-pwd-strength-meter p strong {
font-weight: 600;
}
.esm-pwd-strength-meter p ~ p {
text-transform: lowercase;
min-width: 100%;
font-weight: 500;
}
.esm-pwd-strength-meter.esm-bad-pwd {
background-color: #f4e0a4;
}
.esm-pwd-strength-meter.esm-good-pwd {
background-color: #a4d7f4;
}
.esm-pwd-strength-meter.esm-short-pwd {
background-color: #f5e9c7;
}
.esm-pwd-strength-meter.esm-strong-pwd {
background-color: #b8e6bf;
}
.esm-pwd-strength {
-ms-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
background: #000000;
position: absolute;
left: 100%;
width: 25rem;
max-width: 100%;
padding: 15px 0 9px 15px;
bottom: 68px;
}
.esm-pwd-strength ul {
padding-left: 0;
}
.esm-pwd-strength ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #ffffff;
align-items: center;
list-style: none;
font-size: 0.8267717rem;
padding: 3px 0;
}
.esm-pwd-strength ul li > span {
height: 1rem;
font-size: 1rem;
margin-right: 5px;
}
.esm-pwd-strength ul li [class*="check-circle"] {
color: #8abd75;
} #esm-checkout {
background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
background-image: linear-gradient(135deg, #43cbff 10%, #9708cc 100%);
position: relative;
background: transparent;
}
#esm-checkout:before {
background: rgba(255, 255, 255, 0);
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#esm-checkout > .esm-loading-title {
color: #444444;
z-index: 1;
position: relative;
padding: 300px 0;
margin: 0;
font-weight: 500;
}
.esm-plans {
padding: 220px 0;
position: relative;
}
.esm-plans .esm-plans-inner {
gap: 30px;
justify-content: center;
align-items: flex-end;
position: relative;
}
.esm-plans .esm-plans-inner.esm-loading .esm-plan {
position: relative;
}
.esm-plans .esm-plans-inner.esm-loading .esm-plan:before {
animation: esm-loading 1s linear infinite alternate;
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.esm-plans .esm-common-info {
position: relative;
margin: 50px 0 0;
}
.esm-plans .esm-common-info p {
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
color: #000000;
font-size: 0.8818898rem;
font-weight: 400;
display: inline-block;
background: rgba(255, 255, 255, 0.35);
padding: 4px 23px;
margin: 0 5px;
}
.esm-plans .esm-common-info p strong {
font-weight: 700;
}
.esm-plans .esm-common-info p a {
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #ffffff;
padding: 4px 23px;
display: block;
}
.esm-plans .esm-questions-link a {
opacity: 0.7;
filter: alpha(opacity=70);
}
.esm-plans .esm-questions-link a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.esm-plans .esm-plan {
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-ms-border-radius: 20px 20px 10px 10px;
-o-border-radius: 20px 20px 10px 10px;
-webkit-border-radius: 20px 20px 10px 10px;
-moz-border-radius: 20px 20px 10px 10px;
border-radius: 20px 20px 10px 10px;
-o-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
background: rgba(255, 255, 255, 0.5);
padding: 30px 30px 0;
overflow: hidden;
width: 320px;
max-width: 100%;
}
.esm-plans .esm-plan:hover {
-o-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
background: #ffffff;
}
.esm-plans .esm-plan.esm-highlight {
-o-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.1);
background: #ffffff;
}
.esm-plans .esm-plan.esm-highlight.other-hover {
-o-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
background: rgba(255, 255, 255, 0.5);
}
.esm-plans .esm-plan.esm-highlight header h4 .esm-price {
font-size: 3.0866142rem;
}
.esm-plans .esm-plan.esm-highlight header h4 .esm-price.esm-currency-inr,
.esm-plans .esm-plan.esm-highlight header h4 .esm-price.esm-currency-aud {
font-size: 2.480315rem;
}
.esm-plans .esm-plan.esm-highlight header h4 .esm-symbol {
font-size: 1.3228346rem;
}
.esm-plans .esm-plan:last-child header h4 .esm-price {
font-size: 3.3070866rem;
}
.esm-plans .esm-plan:last-child header h4 .esm-price.esm-currency-inr,
.esm-plans .esm-plan:last-child header h4 .esm-price.esm-currency-aud {
font-size: 2.7559055rem;
}
.esm-plans .esm-plan:last-child header h4 .esm-symbol {
font-size: 1.4330709rem;
}
.esm-plans .esm-plan header {
text-align: center;
}
.esm-plans .esm-plan header h2 {
color: #444444;
font-weight: 600;
margin: 0;
font-size: 1.1023622rem;
line-height: 1.2;
letter-spacing: 0;
}
.esm-plans .esm-plan header h4 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #999999;
justify-content: center;
align-items: center;
font-size: 0.8267717rem;
margin: 30px 0 !important;
font-weight: 500;
}
.esm-plans .esm-plan header h4 .esm-price {
color: #444444;
font-weight: 300;
font-size: 2.8661417rem;
margin-right: 3px;
}
.esm-plans .esm-plan header h4 .esm-price.esm-currency-inr,
.esm-plans .esm-plan header h4 .esm-price.esm-currency-aud {
font-size: 2.2047244rem;
}
.esm-plans .esm-plan header h4 .esm-symbol {
color: #111111;
font-weight: 400;
font-size: 1.2125984rem;
}
.esm-plans .esm-plan header h4 .esm-symbol.esm-currency-aud {
font-size: 1.2125984rem;
}
.esm-plans .esm-plan header p {
color: #000000;
border-bottom: 1px solid rgba(225, 225, 235, 0.43);
font-weight: 400;
font-size: 0.8818898rem;
padding: 2px 0 20px;
margin: 0 -30px;
text-transform: lowercase;
}
.esm-plans .esm-plan main {
border-top: 1px solid rgba(225, 225, 235, 0.43);
margin: 0 -30px;
padding: 30px 10px 0;
text-align: center;
}
.esm-plans .esm-plan main ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.esm-plans .esm-plan main ul li {
color: #777777;
font-weight: 400;
font-size: 0.8818898rem;
line-height: 1.5;
}
.esm-plans .esm-plan main .esm-button {
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
width: calc(100% + 60px);
margin: 30px -30px 0;
position: relative;
top: 0px;
}
.esm-plans .esm-plan main .esm-button:focus {
-o-box-shadow: none !important;
-ms-box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.esm-plans .esm-plan main .esm-button.esm-outline {
border-color: rgba(27, 138, 222, 0.15);
color: #1b8ade;
background: transparent;
}
.esm-plans .esm-plan main .esm-button > .esm-button-inner {
font-size: 0.8818898rem;
font-weight: 500;
}
.esm-plan-switch-panel {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
background: #f4f4f4;
align-items: center;
position: absolute;
top: 0;
padding: 0 0 0 50px;
height: 100%;
}
.esm-plans.esm-plans-list {
background: transparent;
}
.esm-plans.esm-plans-list .esm-exit {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #1b8ade;
position: absolute;
left: -28px;
top: -3px;
font-size: 1.2125984rem;
width: 40px;
height: 40px;
align-items: center;
}
.esm-plans.esm-plans-list .esm-exit > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.esm-plans.esm-plans-list > form {
position: relative;
margin-top: -50px;
}
.esm-plans.esm-plans-list h3.esm-title {
color: #777777;
font-size: 1.1023622rem;
font-weight: 500;
margin: 0 0 15px;
}
.esm-plans.esm-plans-list:before {
content: none;
}
.esm-plans.esm-plans-list .esm-plans-list-inner {
flex-direction: column;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border: 1px solid #ffffff;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
position: relative;
padding: 30px 15px;
margin-bottom: 15px;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan.esm-highlight {
background: #ffffff;
border-color: #1b8ade;
-o-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan.esm-highlight:hover {
border-color: #1b8ade;
border-style: solid;
-o-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px #1b8ade inset, 0 0 21px 1px rgba(0, 0, 0, 0.05);
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan:hover {
border-color: rgba(27, 138, 222, 0.5);
border-style: dashed;
background: #ffffff;
-o-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.05);
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan .esm-animating-bar {
opacity: 0.2;
filter: alpha(opacity=20);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan [class*="esm-icon-"] {
color: #1b8ade;
position: absolute;
right: 10px;
top: 7px;
font-size: 1.2125984rem;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan header {
text-align: left;
position: relative;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan header p {
color: #444444;
font-weight: 400;
margin: 0;
border-width: 0;
padding: 0;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan header h2 {
color: #444444;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan header h4 {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
margin: 0;
position: absolute;
right: 0;
top: 50%;
margin: 0 !important;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan header h4 .esm-price {
color: #444444;
font-size: 2.2047244rem;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan header h4 .esm-symbol {
color: #444444;
font-size: 1.1023622rem;
}
@media (max-width: 1199px) {
.esm-plans.esm-plans-list {
width: calc(100% - 30px);
}
.esm-plans.esm-plans-list .esm-exit {
top: -2px;
}
.esm-plans.esm-plans-list .esm-plans-list-inner .esm-plan {
width: 100%;
}
.esm-plan-switch-panel {
padding-left: 20px;
}
}
@media (max-width: 767px) {
.esm-plans {
padding: 100px 0;
}
.esm-plans .esm-plans-inner {
flex-direction: column;
align-items: center;
}
} .esm-checkout {
background: #ffffff;
z-index: 10101010101010;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
}
.esm-checkout p,
.esm-checkout li {
line-height: 1.6;
}
.esm-checkout h4 {
line-height: 1.4;
}
.esm-checkout .esm-button {
padding: 0 !important;
}
.esm-checkout .esm-checkout-header {
background: #222222;
height: 60px;
padding: 10px 0;
justify-content: center;
position: relative;
z-index: 2;
}
.esm-checkout .esm-checkout-header > .esm-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
padding: 0 15px;
position: relative;
width: 100%;
}
.esm-checkout .esm-checkout-header img {
height: 28px;
width: auto;
}
.esm-checkout .esm-checkout-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.esm-checkout .esm-checkout-content.esm-cart-empty > .esm-inner {
padding-bottom: 10%;
}
.esm-checkout .esm-checkout-content.esm-cart-empty > .esm-inner h3 {
color: #777777;
font-size: 1.2125984rem;
font-weight: 500;
}
.esm-checkout .esm-checkout-content.esm-cart-empty > .esm-inner h3 + a:hover,
.esm-checkout .esm-checkout-content.esm-cart-empty > .esm-inner h3 + a:focus {
color: #ffffff;
}
.esm-checkout .esm-checkout-content > .esm-inner {
max-width: 1350px;
position: relative;
width: 100%;
align-items: center;
height: 100%;
}
.esm-checkout .esm-checkout-content > .esm-inner .esm-close-btn {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ebebeb;
color: #777777;
position: absolute;
left: 0;
top: 28px;
font-size: 0.8818898rem;
align-items: center;
height: 35px;
padding: 0 20px 0 12px;
font-weight: 400;
justify-content: center;
z-index: 101;
}
.esm-checkout .esm-checkout-content > .esm-inner .esm-close-btn:hover {
color: #444444;
background: #ebebeb;
}
.esm-checkout .esm-checkout-content > .esm-inner .esm-close-btn > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 15px;
width: 15px;
}
.esm-checkout .esm-checkout-content > .esm-inner > main {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
border-right: 1px solid #ebebeb;
width: 70%;
height: 100%;
align-items: center;
padding: 0 50px 100px 0;
}
.esm-checkout .esm-checkout-content > .esm-inner > main .esm-user-profile {
width: 100%;
height: calc(100% - 70px);
padding: 0 0 0 110px;
margin-top: 0;
}
.esm-checkout .esm-checkout-content > .esm-inner > main .esm-user-profile .esm-divider {
-ms-border-radius: 15px 0 0 15px;
-o-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
border-radius: 15px 0 0 15px;
background: #f4f4f4;
border-color: #ebebeb;
margin-right: -51px;
border-width: 1px 0 1px 1px;
height: 12px;
margin-top: 25px;
}
.esm-checkout .esm-checkout-content > .esm-inner > aside {
-o-box-shadow: 250px 0 #f4f4f4, 500px 0 #f4f4f4, 750px 0 #f4f4f4, 1000px 0 #f4f4f4, 1250px 0 #f4f4f4;
-ms-box-shadow: 250px 0 #f4f4f4, 500px 0 #f4f4f4, 750px 0 #f4f4f4, 1000px 0 #f4f4f4, 1250px 0 #f4f4f4;
-moz-box-shadow: 250px 0 #f4f4f4, 500px 0 #f4f4f4, 750px 0 #f4f4f4, 1000px 0 #f4f4f4, 1250px 0 #f4f4f4;
-webkit-box-shadow: 250px 0 #f4f4f4, 500px 0 #f4f4f4, 750px 0 #f4f4f4, 1000px 0 #f4f4f4, 1250px 0 #f4f4f4;
box-shadow: 250px 0 #f4f4f4, 500px 0 #f4f4f4, 750px 0 #f4f4f4, 1000px 0 #f4f4f4, 1250px 0 #f4f4f4;
background: #f4f4f4;
height: 100%;
width: 30%;
position: relative;
}
.esm-checkout .esm-user-info {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.esm-checkout .esm-user-info > h3 {
color: #777777;
border-bottom: 0 solid #dedede;
width: 100%;
max-width: 100%;
margin-top: 0;
margin-bottom: 21px;
padding: 0 0 6px;
font-size: 1.2125984rem;
font-weight: 500;
}
.esm-checkout .esm-user-info .esm-dash-spinner {
-webkit-transform: scale(0.4, 0.4);
-moz-transform: scale(0.4, 0.4);
-o-transform: scale(0.4, 0.4);
-ms-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4);
position: relative;
top: 5px;
}
.esm-checkout .esm-user-info p {
margin-bottom: 13px;
}
.esm-checkout .esm-user-info p a {
text-decoration: underline;
text-underline-offset: 2px;
}
.esm-checkout .esm-user-info ul {
list-style: none;
margin: 0 0 15px;
padding-left: 0;
}
.esm-checkout .esm-user-info ul + div {
margin-bottom: 15px !important;
}
.esm-checkout .esm-user-info ul li {
color: #444444;
font-size: 0.8818898rem;
font-weight: 400;
margin: 0;
}
.esm-checkout .esm-user-info ul li span {
font-size: inherit;
font-weight: 500;
}
.esm-checkout .esm-stripe-checkout {
max-height: calc(100% - 60px);
background: #fafafa;
border: 1px solid #ebebeb;
-ms-border-radius: 12px;
-o-border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
overflow: auto;
padding: 30px;
width: 100%;
max-width: 100%;
margin-bottom: 2px;
}
.esm-checkout .esm-stripe-checkout .esm-auto-renew {
padding: 20px 0 5px;
}
.esm-checkout .esm-stripe-checkout .esm-auto-renew li {
margin: 0;
padding-right: 10px;
}
.esm-checkout .esm-stripe-checkout .esm-auto-renew-desc {
margin: 0 0 25px;
}
.esm-checkout .esm-stripe-checkout .esm-payment-button {
margin-top: 15px;
}
.esm-checkout .esm-stripe-checkout .esm-payment-button.esm-disabled {
opacity: 0.6;
filter: alpha(opacity=60);
}
.esm-checkout .esm-stripe-checkout .esm-payment-button .esm-button-inner ion-icon {
font-size: 0.992126rem;
}
.esm-checkout .esm-stripe-checkout .esm-payment-button .esm-button-inner .esm-right {
top: -2px;
position: relative;
}
.esm-checkout .esm-stripe-checkout .esm-after-pay-button {
margin-top: 10px;
font-weight: 400;
color: #777777;
}
.esm-checkout .esm-stripe-checkout .esm-after-pay-button strong {
font-weight: 700;
}
.esm-checkout .esm-stripe-checkout .esm-after-pay-button p {
font-weight: inherit;
color: inherit;
font-size: 0.7716535rem;
margin-bottom: 0;
}
.esm-checkout .esm-stripe-checkout .esm-after-pay-button p:first-child {
font-size: 0.8818898rem;
}
.esm-checkout .esm-stripe-checkout .esm-after-pay-button p ion-icon {
color: #777777;
position: relative;
top: 1px;
font-size: 0.7716535rem;
}
.esm-checkout .esm-checkout-btn-wrapper {
width: 100%;
text-align: right !important;
}
.esm-checkout .esm-checkout-btn-wrapper .esm-checkout-btn .esm-button-inner {
padding: 0 12px 0 20px;
}
.esm-checkout .esm-checkout-btn-wrapper .esm-checkout-btn span[class*="esm-icon-"] {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
}
.esm-checkout .esm-checkout-btn-wrapper .esm-checkout-btn span[class*="esm-icon-"] ion-icon {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 0.9370079rem;
height: 17px;
width: 17px;
top: 0;
}
.esm-checkout .esm-review-order {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-left: 50px;
align-items: center;
flex-wrap: wrap;
align-content: center;
padding-bottom: 100px;
height: 100%;
}
.esm-checkout .esm-review-order > .esm-inner {
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
border: 1px solid #dedede;
padding: 10px;
overflow: hidden;
width: 100%;
margin-bottom: 15px;
}
.esm-checkout .esm-review-order h3 {
color: #999999;
font-size: 0.7165354rem;
font-weight: 500;
margin: 20px 0 10px;
}
.esm-checkout .esm-review-order > h3 {
color: #777777;
font-weight: 500;
font-size: 1.1023622rem;
margin-bottom: 15px;
margin-top: 0;
}
.esm-checkout .esm-review-order header .esm-plan-selected {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #f4f4f4;
border: 1px solid #ebebeb;
justify-content: space-between;
padding: 5px 0 8px 15px;
align-items: center;
}
.esm-checkout .esm-review-order header .esm-plan-selected.esm-top {
background: #ffffff;
border-width: 0;
padding-left: 8px;
padding-bottom: 8px;
margin-bottom: 10px;
}
.esm-checkout .esm-review-order header .esm-plan-selected ul {
width: 100%;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.esm-checkout .esm-review-order header .esm-plan-selected ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
border-bottom: 1px solid #dedede;
font-size: 0.8818898rem;
margin: 0;
padding: 7px 15px 7px 0;
}
.esm-checkout .esm-review-order header .esm-plan-selected ul li:last-child {
padding-bottom: 0;
border-width: 0;
}
.esm-checkout .esm-review-order header .esm-plan-selected ul li > span {
font-size: inherit;
font-weight: 500;
}
.esm-checkout .esm-review-order header .esm-plan-selected ul li > span.esm-left {
width: 110px;
font-weight: 400;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-left h4 {
color: #444444;
margin: 0 0 2px;
font-size: 0.8267717rem;
font-weight: 400;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-left p {
color: #444444;
font-size: 1.2125984rem;
font-weight: 500;
margin: 0;
line-height: 1;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-left p span {
text-transform: lowercase;
color: #444444;
font-weight: 500;
font-size: 90%;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-left p span span {
color: #999999;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-right {
padding-right: 10px;
text-align: right;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-right a {
color: #1b8ade;
font-weight: 500;
font-size: 0.8818898rem;
display: inline-block;
padding: 4px 0 2px 10px;
text-transform: lowercase;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-right p {
color: #444444;
font-size: 0.9370079rem;
font-weight: 500;
margin: 0;
line-height: 1;
}
.esm-checkout .esm-review-order header .esm-plan-selected > .esm-right p span {
color: #444444;
font-weight: 400;
font-size: 85%;
}
.esm-checkout .esm-review-order main .esm-inner {
-ms-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #ebebeb;
background: #fafafa;
padding: 0;
}
.esm-checkout .esm-review-order main .esm-inner ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.esm-checkout .esm-review-order main .esm-inner ul li {
border-bottom: 1px solid #ebebeb;
font-weight: 400;
font-size: 0.8267717rem;
padding: 10px 15px;
margin: 0;
line-height: 1.4;
}
.esm-checkout .esm-review-order main .esm-inner ul li span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #999999;
font-size: 0.7716535rem;
text-transform: lowercase;
line-height: 1.2;
margin-top: 5px;
}
.esm-checkout .esm-review-order main .esm-inner ul li:last-child {
border-width: 0;
}
.esm-checkout .esm-review-order footer {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #dedede;
background: #ffffff;
padding: 15px 15px 15px 25px;
align-items: center;
margin: 0 0 15px;
width: 100%;
}
.esm-checkout .esm-review-order footer .esm-left {
width: 110px;
}
.esm-checkout .esm-review-order footer p {
margin: 0;
font-weight: 500;
font-size: 1.1023622rem;
color: #444444;
}
.esm-checkout .esm-review-order footer p .esm-currency-code {
font-weight: 400;
color: #777777;
}
.esm-checkout .esm-review-order footer .esm-right p {
font-size: 1.2125984rem;
font-weight: 500;
text-transform: uppercase;
}
.esm-checkout .esm-review-order .esm-after-footer {
width: 100%;
}
.esm-checkout .esm-review-order .esm-after-footer p {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #999999;
font-size: 0.8818898rem;
margin-bottom: 0;
align-items: center;
justify-content: center;
line-height: 1;
font-weight: 400;
}
.esm-checkout .esm-review-order .esm-after-footer p > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 16px;
margin-right: 5px;
}
@media (max-width: 1199px) {
.esm-checkout .esm-review-order {
padding-left: 0;
}
.esm-checkout .esm-review-order header .esm-plan-selected ul li > span.esm-left {
width: 88px;
}
.esm-checkout .esm-review-order footer .esm-left {
width: 88px;
}
.esm-checkout .esm-checkout-content > .esm-inner .esm-close-btn {
left: 15px;
}
.esm-checkout .esm-checkout-content > .esm-inner > main {
width: 60%;
padding: 0 30px 0 30px;
}
.esm-checkout .esm-checkout-content > .esm-inner > aside {
padding-right: 15px;
padding-left: 15px;
width: 40%;
}
}
@media (max-width: 767px) {
.esm-checkout .esm-checkout-content {
height: calc(100% - 50px);
overflow: auto;
}
.esm-checkout .esm-checkout-content > .esm-inner {
flex-direction: column;
}
.esm-checkout .esm-checkout-content > .esm-inner .esm-close-btn {
left: 15px;
}
.esm-checkout .esm-checkout-content > .esm-inner > main {
width: 100%;
height: auto;
padding: 0 20px 80px 20px;
}
.esm-checkout .esm-checkout-content > .esm-inner > main .esm-user-profile {
padding: 50px 0 0;
}
.esm-checkout .esm-checkout-content > .esm-inner > main .esm-user-profile .scrollbar {
overflow: visible;
max-height: 100% !important;
height: 100% !important;
}
.esm-checkout .esm-checkout-content > .esm-inner > main .esm-user-profile .scrollbar > div {
max-height: 100% !important;
height: 100% !important;
}
.esm-checkout .esm-checkout-content > .esm-inner > aside {
padding-top: 50px;
width: 100%;
}
.esm-checkout .esm-stripe-checkout .esm-after-pay-button {
flex-direction: column;
}
} .esm-lk-panel-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.esm-lk-settings-panel {
background: #ffffff;
-ms-border-radius: 15px 0 0 15px;
-o-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
border-radius: 15px 0 0 15px;
-o-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
-ms-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
background: #f4f4f4;
border: 1px solid #dedede;
position: fixed;
top: 300px;
right: 0;
bottom: 0;
z-index: 10101;
width: 700px;
}
.esm-lk-settings-panel.esm-dialog-visible .scrollbar {
overflow: visible !important;
}
.esm-lk-settings-panel.esm-dialog-visible .scrollbar > div {
overflow: visible !important;
}
.esm-lk-settings-panel.esm-dialog-visible main {
overflow: visible;
}
.esm-lk-settings-panel.esm-dialog-visible main .esm-list .esm-list-inner {
overflow: visible;
}
.esm-lk-settings-panel .esm-search-wrapper {
margin-top: 10px;
margin-bottom: 30px;
}
.esm-lk-settings-panel .esm-close {
-ms-border-radius: 9px 0 0 9px;
-o-border-radius: 9px 0 0 9px;
-webkit-border-radius: 9px 0 0 9px;
-moz-border-radius: 9px 0 0 9px;
border-radius: 9px 0 0 9px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: absolute;
width: 34px;
height: 40px;
left: -34px;
align-items: center;
justify-content: center;
top: 12px;
}
.esm-lk-settings-panel .esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog h4 {
color: #f44336;
}
.esm-lk-settings-panel header {
-ms-border-radius: 15px 0 0 0;
-o-border-radius: 15px 0 0 0;
-webkit-border-radius: 15px 0 0 0;
-moz-border-radius: 15px 0 0 0;
border-radius: 15px 0 0 0;
background: #ffffff;
border-bottom: 1px solid #dedede;
padding: 25px 30px 25px;
margin: 0;
}
.esm-lk-settings-panel header h3 {
color: #444444;
font-size: 0.8818898rem;
white-space: nowrap;
margin: 0;
font-weight: 300;
margin-right: 20px;
}
.esm-lk-settings-panel header .esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog {
width: 436px;
}
.esm-lk-settings-panel header .esm-confirmation-dialog-wrapper .esm-confirmation-dialog-wrapper-inner .esm-confirmation-dialog h4 {
font-size: 1.1023622rem;
}
.esm-lk-settings-panel header .esm-confirmation-dialog-wrapper p {
white-space: normal;
}
.esm-lk-settings-panel header .esm-button.esm-small {
height: 26px;
}
.esm-lk-settings-panel header .esm-button.esm-small .esm-button-inner {
line-height: 22px;
}
.esm-lk-settings-panel header ul li {
margin: 0;
}
.esm-lk-settings-panel header ul li:first-child p {
font-size: 0.8818898rem;
}
.esm-lk-settings-panel header p {
color: #444444;
font-weight: 400;
font-size: 0.8267717rem;
white-space: nowrap;
}
.esm-lk-settings-panel header p span {
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: inherit;
font-size: inherit;
padding: 4px 0;
font-weight: 600;
margin-right: 12px;
}
.esm-lk-settings-panel main {
max-height: calc(100% - 60px);
overflow: auto;
padding: 30px 30px 40px;
}
.esm-lk-settings-panel main .esm-divider {
margin: 50px -30px 40px;
}
.esm-lk-settings-panel main h4 {
font-size: 0.992126rem;
margin-top: 0;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner {
-ms-border-radius: 12px;
-o-border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid #ebebeb;
background: #ffffff;
padding: 5px 0 5px 15px;
overflow: hidden;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul {
border-bottom: 1px solid #ebebeb;
margin: 0;
padding: 10px 15px 10px 0;
position: relative;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul .esm-animating-bar {
border: 2px solid #ffffff;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
opacity: 0.4;
filter: alpha(opacity=40);
position: absolute;
left: -13px;
top: -3px;
right: 2px;
bottom: -3px;
z-index: 2;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul:last-child {
border-bottom: 0;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul li {
font-size: 0.8267717rem;
margin: 0;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul li span {
font-weight: inherit;
color: inherit;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul li span mark {
border-bottom: 1px solid #f48a00;
color: #f48a00;
background: transparent;
font-weight: inherit;
display: inline;
padding: 0;
margin: 0;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul li ul {
padding: 0;
}
.esm-lk-settings-panel main .esm-list .esm-list-inner ul li ul li:first-child {
margin-right: 20px;
}
@media (max-width: 767px) {
.esm-lk-settings-panel {
width: calc(100% - 30px);
}
.esm-lk-settings-panel header {
padding: 15px;
}
.esm-lk-settings-panel header h3 {
max-width: calc(100% - 120px);
text-overflow: ellipsis;
overflow: hidden;
}
.esm-lk-settings-panel header > ul {
flex-wrap: wrap;
}
.esm-lk-settings-panel header > ul > li {
min-width: 100%;
}
.esm-lk-settings-panel header > ul > li:last-child {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: right;
justify-content: space-between;
}
} .esm-my-account {
background: #f4f4f4;
padding-bottom: 100px;
min-height: calc(100vh - 138px);
}
.esm-my-account p,
.esm-my-account li {
line-height: 1.6;
}
.esm-my-account h4 {
line-height: 1.4;
}
.esm-my-account .esm-title-area {
background: #f4f4f4;
padding: 80px 0;
}
.esm-my-account .esm-title-area h1 {
margin: 0;
}
.esm-my-account .esm-nav {
background: #ffffff;
border: 1px solid #dedede;
border-width: 1px 0;
}
.esm-my-account .esm-nav ion-icon {
font-size: 1.2125984rem;
}
.esm-my-account .esm-nav ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
.esm-my-account .esm-nav ul li {
color: #777777;
padding: 0 25px;
height: 60px;
margin: 0;
font-size: 1.1023622rem;
font-weight: 500;
}
.esm-my-account .esm-nav ul li.esm-floater {
background: #1b8ade;
position: absolute;
height: 1px;
bottom: -1px;
}
.esm-my-account .esm-nav ul li > a {
color: inherit;
font-size: inherit;
font-weight: inherit;
height: inherit;
}
.esm-my-account .esm-nav ul li > a > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-right: 4px;
}
.esm-my-account .esm-nav ul li:first-child {
padding-left: 0;
}
.esm-my-account .esm-nav ul li.esm-active {
color: #1b8ade;
}
.esm-my-account .esm-nav ul li.esm-active > a {
position: relative;
}
.esm-my-account .esm-nav ul li.esm-active > a:after {
background: #1b8ade;
content: none;
position: absolute;
top: 100%;
height: 1px;
width: 100%;
}
.esm-my-account.esm-not-logged-in {
padding-bottom: 0;
}
.esm-my-account.esm-not-logged-in .esm-forms-wrapper {
background: #ffffff;
padding: 40px 0 100px;
}
.esm-my-account .esm-section-title {
font-size: 1.2125984rem;
font-weight: 500;
padding-left: 15px;
margin-top: 0;
margin-bottom: 15px;
}
.esm-my-account .esm-loading-title {
color: #777777;
font-weight: 400;
font-size: 1.2125984rem;
}
.esm-my-account .esm-loading-title .esm-dash-spinner {
-webkit-transform: scale(0.4, 0.4);
-moz-transform: scale(0.4, 0.4);
-o-transform: scale(0.4, 0.4);
-ms-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4);
height: 33px;
}
.esm-purchase-history .esm-container {
position: relative;
}
.esm-purchase-history .esm-download {
position: absolute;
top: -44px;
right: 0;
}
.esm-purchase-history .esm-download .esm-button-inner {
padding-left: 6px;
}
.esm-purchase-history .esm-download .esm-button-inner > span {
margin-right: 3px;
}
.esm-purchase-history .esm-row {
padding: 80px 0;
}
.esm-purchase-history .esm-row:first-child {
border-width: 0;
}
.esm-purchase-history .esm-row + .esm-divider {
margin: 0;
height: 20px;
}
.esm-purchase-history .esm-row .esm-rows {
-ms-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ffffff;
padding: 3px 0 3px 40px;
overflow: hidden;
}
.esm-purchase-history .esm-row .esm-rows:empty {
display: none;
}
.esm-purchase-history .esm-row .esm-rows > ul {
border-bottom: 1px solid #ebebeb;
padding: 40px 40px 40px 0;
margin: 0;
position: relative;
}
.esm-purchase-history .esm-row .esm-rows > ul.esm-inactive > li {
opacity: 0.3;
filter: alpha(opacity=30);
}
.esm-purchase-history .esm-row .esm-rows > ul:last-child {
border-width: 0;
}
.esm-purchase-history .esm-row li {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin: 0;
}
.esm-purchase-history .esm-row li.esm-animating-bar {
opacity: 0.2;
filter: alpha(opacity=20);
position: absolute;
left: -40px;
top: -1px;
height: 100%;
}
.esm-purchase-history .esm-row li.esm-keys p {
font-size: 0.7716535rem;
}
.esm-purchase-history .esm-row li.esm-keys p [class*="esm-icon-"] {
opacity: 0.3;
filter: alpha(opacity=30);
color: #444444;
margin-left: 3px;
position: relative;
top: 1px;
}
.esm-purchase-history .esm-row li.esm-keys p [class*="esm-icon-"] ion-icon {
font-size: 0.7716535rem;
}
.esm-purchase-history .esm-row li.esm-keys .esm-lk-wrapper:hover .esm-edit {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.esm-purchase-history .esm-row li.esm-keys .esm-lk-wrapper .esm-edit {
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(15px, 0);
-ms-transform: translate(15px, 0);
transform: translate(15px, 0);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #1b8ade;
position: relative;
height: 30px;
width: 30px;
margin-top: -3px;
right: -10px;
justify-content: center;
align-items: center;
top: 0;
}
.esm-purchase-history .esm-row li.esm-keys .esm-lk-wrapper .esm-edit:hover {
background: #f4f4f4;
}
.esm-purchase-history .esm-row li.esm-keys .esm-lk-wrapper .esm-edit * {
font-size: 0.8818898rem;
}
.esm-purchase-history .esm-row li.esm-keys .esm-lk-wrapper .esm-edit > span {
height: 16px;
}
.esm-purchase-history .esm-row li.esm-validity {
width: 110px;
}
.esm-purchase-history .esm-row li:first-child {
width: 100px;
}
.esm-purchase-history .esm-row li:first-child > span {
margin-bottom: 10px;
}
.esm-purchase-history .esm-row li > span {
color: #999999;
text-transform: uppercase;
font-size: 0.7716535rem;
font-weight: 400;
margin-bottom: 20px;
display: block;
}
.esm-purchase-history .esm-row li h3 {
color: #444444;
font-size: 1.3228346rem;
font-weight: 500;
margin: 0;
}
.esm-purchase-history .esm-row li p {
color: #444444;
font-weight: 500;
font-size: 0.8818898rem;
}
.esm-personal-details {
padding: 80px 0;
}
.esm-personal-details .esm-user-info {
background: #ffffff;
-ms-border-radius: 12px;
-o-border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding: 40px;
position: relative;
}
.esm-personal-details .esm-user-info:hover .esm-edit-button,
.esm-personal-details .esm-user-info.esm-form-visible .esm-edit-button {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.esm-personal-details .esm-user-info .esm-edit-button {
-webkit-transition: all 0.15s cubic-bezier(0, 0, 0.27, 1.07);
-moz-transition: all 0.15s cubic-bezier(0, 0, 0.27, 1.07);
-o-transition: all 0.15s cubic-bezier(0, 0, 0.27, 1.07);
-ms-transition: all 0.15s cubic-bezier(0, 0, 0.27, 1.07);
transition: all 0.15s cubic-bezier(0, 0, 0.27, 1.07);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
position: absolute;
right: 30px;
top: 30px;
z-index: 2;
}
.esm-personal-details .esm-user-info .esm-edit-button .esm-button-inner {
font-size: 0.992126rem;
font-weight: 500;
}
.esm-personal-details .esm-user-info .esm-edit-button .esm-button-inner ion-icon {
font-size: 1.1023622rem;
}
.esm-personal-details .esm-user-info ul li {
color: #444444;
font-size: 0.992126rem;
font-weight: 400;
margin: 0;
}
.esm-personal-details .esm-user-info ul li.esm-name {
padding-bottom: 0;
font-size: 1.3228346rem;
font-weight: 700;
}
.esm-personal-details .esm-forms-wrapper .esm-form {
margin: 0;
}
.esm-personal-details .esm-forms-wrapper .esm-form form {
margin-top: 0;
background: #ffffff;
border-width: 0;
padding: 0;
max-width: 50%;
}
.esm-personal-details .esm-forms-wrapper .esm-form form .esm-form-field {
max-width: 100%;
}
.esm-personal-details .esm-forms-wrapper .esm-form form .esm-form-field .esm-input-wrapper input {
width: 100%;
}
.esm-billing-details {
padding: 80px 0;
}
.esm-billing-details .esm-billing-form {
background: #ffffff;
border: 1px solid #ebebeb;
-ms-border-radius: 12px;
-o-border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding: 40px;
}
.esm-billing-details .esm-save-button {
margin-top: 25px;
}
.esm-customer_portal-details {
padding: 80px 0;
}
.esm-customer_portal-details .esm-portal-link {
-ms-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ffffff;
padding: 40px;
}
.esm-customer_portal-details .esm-portal-link p {
margin-top: 15px;
}
@media (max-width: 767px) {
.esm-my-account {
padding: 0 15px 50px;
}
.esm-my-account .esm-title-area {
padding: 25px 0;
}
.esm-my-account .esm-nav {
border-bottom-width: 0;
margin: 0 -15px;
}
.esm-my-account .esm-nav ul {
flex-wrap: wrap;
}
.esm-my-account .esm-nav ul li {
border-bottom: 1px solid #ebebeb;
min-width: 100%;
height: 50px;
padding: 0 20px;
font-size: 0.992126rem;
}
.esm-my-account .esm-nav ul li.esm-floater {
display: none;
}
.esm-my-account .esm-nav ul li:first-child {
padding-left: 20px;
}
.esm-my-account .esm-nav ul li.esm-active {
border-left: 4px solid #1b8ade;
padding-left: 16px;
}
.esm-personal-details .esm-forms-wrapper .esm-form form {
max-width: calc(100% - 50px);
}
.esm-personal-details .esm-user-info {
padding: 30px 20px;
}
.esm-personal-details .esm-user-info .esm-edit-button {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
right: 20px;
}
.esm-purchase-history .esm-row .esm-rows > ul {
flex-wrap: wrap;
}
.esm-purchase-history .esm-row .esm-rows > ul > li {
margin-bottom: 25px;
}
.esm-purchase-history .esm-row .esm-rows > ul > li > span {
margin-bottom: 8px;
}
.esm-purchase-history .esm-row li.esm-keys .esm-lk-wrapper .esm-edit {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
} .esm-payment-success-wrapper {
padding: 100px 0;
}
.esm-payment-success-wrapper .esm-icon ion-icon {
font-size: 1.6535433rem;
color: #00b818;
}
.esm-payment-success-wrapper .esm-icon.esm-failed-icon ion-icon {
color: #e53935;
}
.esm-payment-success-wrapper h4 {
margin-top: 0;
font-size: 1.1023622rem;
}
.esm-payment-success-wrapper .esm-order-details {
margin-top: 45px;
}
.esm-payment-success-wrapper header {
-ms-border-radius: 12px;
-o-border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid #ebebeb;
background: #f4f4f4;
max-width: 500px;
margin: auto;
padding: 20px;
text-align: left;
margin-bottom: 30px;
}
.esm-payment-success-wrapper header p {
color: #444444;
font-size: 0.8818898rem;
margin: 0;
font-weight: 400;
}
.esm-payment-success-wrapper header h4 {
font-size: 1.2125984rem;
}
.esm-payment-success-wrapper header .esm-right p {
font-size: 1.0472441rem;
}