:root {
--body-bg: #fff;
--white-color: #fff;
--black-color: #000;
--title-color: #15173D;
--dark-blue-color: #15173D;
--text-color: #262626;
--secondaryText-color: #666;
--border-color: #E9E9E9;
--cardBox-color: #F5F5F5;
--cardBox-color-gradient: 245, 245, 245;
--brandRed-color: #EC1C24;
--lightRed-color: #FFF8F8;
--brandPrimary-color: #333994;
--brandPrimary-top-color: #fff;
--brandBlue-color: #00B8F1;
--lightBlue-color: #F2FBFF;
--premium-color: #FFCA05;
--lightPremium-color: #FFF8E0;
--adBg-color: #ECEFF1;
--banner-color1: #E0F5FD;
--banner-color2: #FFF8E0;
--banner-color3: #FFEAED;
--banner-color4: #E9EBF6;
--breakingnews-bg: #FDECED;
--breakingnews-text-color: #410000;
--gray9-color: #999;
--rose-color: #ED396C;
--green-color: #8DC541;
--orange-color: #F39200;
--quickdoc-color: #114dba;
--spl-heighlight-color-1: #eed9ec;
--spl-heighlight-border-color-1: #930074;
--spl-heighlight-color-2: #eaeed3;
--spl-heighlight-border-color-2: #919b58;
--spl-heighlight-color-3: #d9ecf0;
--spl-heighlight-border-color-3: #099bbe;
--article-size-1: 1090px;
--article-size-2: 1150px;
--form-border:#dae3e6;
}
.mm-dark-theme {
--body-bg: #181818;
--white-color: #fff;
--black-color: #000;
--title-color: #E0E0E0;
--dark-blue-color: #070707;
--text-color: #E0E0E0;
--secondaryText-color: #aaa;
--border-color: #262626;
--cardBox-color: #242424;
--cardBox-color-gradient: 36, 26, 36;
--brandRed-color: #EC1C24;
--lightRed-color: #242424;
--brandPrimary-color: #A3ABDB;
--brandPrimary-top-color: #080927;
--brandBlue-color: #7DD6F5;
--lightBlue-color: #242424;
--premium-color: #FFCA05;
--lightPremium-color: #242424;
--adBg-color: #070707;
--banner-color1: #1C2C31;
--banner-color2: #332d19;
--banner-color3: #311D1D;
--banner-color4: #1B1C2A;
--breakingnews-bg: #FDECED;
--breakingnews-text-color: #410000;
--rose-color: #C85878;
--green-color: #708D49;
--orange-color: #C88D34;
--quickdoc-color: #114dba;
--spl-heighlight-color-1: #2e222d;
--spl-heighlight-border-color-1: #5f034c;
--spl-heighlight-color-2: #1f220c;
--spl-heighlight-border-color-2: #4f5916;
--spl-heighlight-color-3: #0f2428;
--spl-heighlight-border-color-3: #157188;
--form-border:#3f3f3f;
}
.mm-sepia-theme {
--body-bg: #F4ECD8;
--white-color: #fff;
--black-color: #000;
--title-color: #444542;
--dark-blue-color: #353546;
--text-color: #444542;
--secondaryText-color: #5F605C;
--border-color: #E7D9C3;
--cardBox-color: #E7D9C3;
--cardBox-color-gradient: 231, 217, 195;
--brandRed-color: #DA2235;
--lightRed-color: #E7D9C3;
--brandPrimary-color: #443674;
--brandPrimary-top-color: #fff;
--brandBlue-color: #5399B5;
--lightBlue-color: #E7D9C3;
--premium-color: #FFCA05;
--lightPremium-color: #E7D9C3;
--adBg-color: #F6F0E0;
--banner-color1: #d5e6dd;
--banner-color2: #E3D9B2;
--banner-color3: #E1CACA;
--banner-color4: #CACCD2;
--breakingnews-bg: #FDECED;
--breakingnews-text-color: #410000;
--rose-color: #ED396C;
--green-color: #8DC541;
--orange-color: #F39200;
--quickdoc-color: #114dba;
--spl-heighlight-color-1: #f2e4e0;
--spl-heighlight-border-color-1: #cd8eb0;
--spl-heighlight-color-2: #eeedd5;
--spl-heighlight-border-color-2: #cccca5;
--spl-heighlight-color-3: #e4ece6;
--spl-heighlight-border-color-3: #67bbc8;
--form-border:#D7C9B3;
}
.mm-my-account-wrapper {
color: var(--text-color);
}
.header-icon-text, .prmium-new-login {
color: var(--title-color);
padding-left: 5px;
}
.my-accountdroparrow {
padding-left: 4px;
}
.header-top-icon {
margin-top: -2px;
}
.header-top-icon, .header-icon-text, .mm-myaccount-header .ml-login-icon-only, .mm-myaccount-header .prmium-new-login {
display: inline-block;
vertical-align: middle;
}
.afterlogin-drop, .login-dropdown-blk, .cmp-login-block__myaccount-dropdown {
position: absolute;
top: 100%;
margin-top: 5px;
right: 8px;
background: var(--body-bg);
border: 1px solid var(--border-color);
z-index: 1000;
width: 200px;
text-align: left;
display: none;
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.afterlogin-drop::after, .login-dropdown-blk:after, .cmp-login-block__myaccount-dropdown:after {
content: "";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 11px solid var(--border-color);
position: absolute;
right: 11px;
top: -11px;
z-index: 0;
}
.afterlogin-drop::before, .login-dropdown-blk:before, .cmp-login-block__myaccount-dropdown:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid var(--cardBox-color);
position: absolute;
right: 13px;
top: -10px;
z-index: 1;
}
.logindusername, .cmp-login-block__user-info {
padding: 15px;
background: var(--cardBox-color);
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.cmp-login-block__user-info-in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmp-login-block__user-dispn {
margin-left: 10px;
max-width: 134px;
}
.logindusername a {
text-decoration: none;
}
.cmp-login-block__user-letter {
width: 24px;
min-width: 24px;
max-width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
color: var(--brandPrimary-top-color);
font-size: 0;
background-color: var(--brandPrimary-color);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.cmp-login-block__user-letter::first-letter {
font-size: .875rem;
}
.logindusername .text-blk, .cmp-login-block__intro-text {
color: var(--secondaryText-color);
font-size: 0.8125rem;
margin: 0 0 5px;
display: block;
}
.logindusername .profile_name_txt, .cmp-login-block__user-name {
display: block;
color: var(--title-color);
margin: 0;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: .875rem;
}
.myaccountdrop-ul, .cmp-login-block__ul {
max-height: 280px;
overflow: auto;
list-style: none;
padding: 0 15px;
margin: 0;
}
.my-accountdrop-li, .cmp-login-block__li {
display: block;
border-bottom: 1px solid var(--border-color);
}
.my-accountdrop-li a, .cmp-login-block__link {
cursor: pointer;
display: block;
padding: 15px 0;
font-size: 0.875rem;
color: var(--title-color);
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
}
.mm-bread-crump-wrp, .breadcrumbs-wrp {
padding: 14px 0;
}
.breadcrumbs-ul {
overflow: auto;
white-space: nowrap;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
list-style: none;
margin: 0 !important;
padding: 0;
}
.breadcrumbs-li {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 500;
}
.breadcrumbs-li::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
color: var(--title-color);
content: "/";
opacity: .7;
}
.breadcrumbs-li:first-child::before {
display: none;
}
.breadcrumbs-li a {
color: var(--title-color);
text-decoration: none;
}
.breadcrumbs-li:last-child a {
opacity: .5;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
body {
background-color: var(--cardBox-color);
font-family: 'Roboto', sans-serif;
}
.mm-acnt-icon, .mm-myaccount-header .fas, .purchases-list-dropdown-right .btn {
background-image: url("clientlib-myaccount/resources/img/sprite-my-account.svg");
background-size: 250px 150px;
background-repeat: no-repeat;
}
.mm-dark-theme .mm-acnt-icon, .mm-dark-theme .mm-myaccount-header .fas, .mm-dark-theme .purchases-list-dropdown-right .btn {
background-image: url("clientlib-myaccount/resources/img/sprite-my-account-dark.svg");
}
.mm-sepia-theme .mm-acnt-icon, .mm-sepia-theme .mm-myaccount-header .fas, .mm-sepia-theme .purchases-list-dropdown-right .btn {
background-image: url("clientlib-myaccount/resources/img/sprite-my-account-sepia.svg");
}
img {
max-width: 100%;
}
.mm-component .widget-container {
background-color: transparent;
}
.mm-fullwidth {
width: 100%;
}
.mm-d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mm-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mm-justify-content-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mm-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mm-account-container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
padding: 0 10px;
}
.mm-account-container:after, .mm-account-container:before {
content: "";
display: table;
}
.mm-account-container:after {
clear: both;
}
.mm-account-container-wrp {}
.mm-acnt-navicon {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
.mm-acnt-name {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.mm-myaccount-header {
background-color: var(--body-bg);
position: relative;
z-index: 100;
padding: 25px 0;
}
.mm-acnt-bg {
background-color: rgba(0, 0, 0, 0.05);
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 220px;
z-index: -1;
}
.mm-myaccount-content-section {}
.mm-acnt-left-wrp {
width: 30%;
max-width: 30%;
min-width: 30%;
padding-right: 20px;
float: left;
}
.mm-acnt-right-wrp {
width: 70%;
float: left;
}
.mm-acnt-nav-wrp {
width: 100%;
background: var(--body-bg);
padding: 20px 15px;
border-radius: 15px;
height: 100%;
}
.mm-acnt-nav-ul {
margin: 0;
padding: 0;
list-style: none;
}
a.mm-acnt-nav-link {
display: block;
padding: 20px 20px;
border-radius: 70px;
color: var(--text-color);
font-weight: 400;
text-decoration: none;
-moz-transition: all .2s ease .0s;
-webkit-transition: all .2s ease .0s;
transition: all .2s ease .0s;
}
a.mm-acnt-nav-link:hover, a.mm-acnt-nav-link:focus, a.mm-acnt-nav-link:active {
color: var(--brandPrimary-color);
text-decoration: none;
padding-left: 30px;
}
a.mm-active.mm-acnt-nav-link {
color: var(--brandPrimary-color);
background-color: var(--banner-color4);
;
padding-left: 30px;
}
.mm-main-logo {
max-width: 370px;
display: block;
}
.mm-acnt-tabs .widget-header {
background-color: transparent;
text-transform: capitalize;
font-size: 22px;
color: var(--text-color);
font-weight: 700;
padding: 0px 0px 20px;
}
.mm-acnt-tabs-block {
background: var(--body-bg);
border-radius: 15px;
margin-bottom: 0px;
padding: 25px 30px;
}
.mm-acnt-tabs .widget-body {
background-color: var(--body-bg);
padding: 0;
}
.mm-acnt-right-wrp .widget-container{
background-color: var(--body-bg);
}
.table-header {
font-weight: 700;
font-size: 14px;
}
.mm-footer-wrp {
padding: 20px 0 20px 30%;
text-align: center;
font-size: 13px;
color: var(--gray9-color);
}
.mm-acnt-right-wrp .mm-footer-wrp {
padding: 20px 0;
}
/*.......... icon ............*/
.mm-acnt-profile-icon {
background-position: 0 -30px;
}
.mm-active .mm-acnt-profile-icon, .mm-acnt-nav-link:hover .mm-acnt-profile-icon {
background-position-y: 0px;
}
.mm-acnt-subscriptions-icon {
background-position: -29px -27px;
width: 23px;
}
.mm-active .mm-acnt-subscriptions-icon, .mm-acnt-nav-link:hover .mm-acnt-subscriptions-icon {
background-position-y: 3px;
}
.mm-acnt-transaction-icon {
background-position: -57px -32px;
height: 23px;
}
.mm-active .mm-acnt-transaction-icon, .mm-acnt-nav-link:hover .mm-acnt-transaction-icon {
background-position-y: -2px;
}
.mm-acnt-preferences-icon {
background-position: -88px -30px;
}
.mm-active .mm-acnt-preferences-icon, .mm-acnt-nav-link:hover .mm-acnt-preferences-icon {
background-position-y: 0px;
}
.mm-acnt-faq-icon {
background-position: -118px -30px;
}
.mm-active .mm-acnt-faq-icon, .mm-acnt-nav-link:hover .mm-acnt-faq-icon {
background-position-y: 0px;
}
.mm-acnt-password-icon {
background-position: -146px -31px;
}
.mm-active .mm-acnt-password-icon, .mm-acnt-nav-link:hover .mm-acnt-password-icon {
background-position-y: -1px;
}
.mm-acnt-Logout-icon {
background-position: -177px -28px;
}
.mm-active .mm-acnt-Logout-icon, .mm-acnt-nav-link:hover .mm-acnt-Logout-icon {
background-position-y: 2px;
}
.mm-acnt-profile-icon-w, .fas.fa-user {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
background-position: -2px -32px;
}
.mm-drpmyactn-text {
display: inline-block;
vertical-align: middle;
color: var(--body-bg);
padding-left: 10px;
font-size: 16px;
}
.mm-acnt-down-arrow-w, .mm-myaccount-header .fa-caret-down {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 5px;
background-position: -60px -130px;
}
.fa-caret-down {
margin-top: -3px;
}
.mm-acnt-menuicon {
width: 14px;
height: 10px;
background-position: -135px -112px;
display: block;
margin-right: 10px;
}
/*.......... icon ...........*/
.mm-menu-overlay, .modal-overlay {
position: fixed;
z-index: 1110;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
bottom: 0;
right: 0;
display: none;
}
.mm-hr-dropdownwrp, .premlogin-block {
position: relative;
cursor: pointer;
}
.mm-acnt-tabs-block .col-sm-offset-2 .ev.btn.btn-success {
margin-left: 9.5%;
background: var(--brandPrimary-color);
border-color: var(--brandPrimary-color);
}
.mm-acnt-tabs:last-child .mm-acnt-tabs-block {
margin-bottom: 0;
}
.mobile-menu-wrp, .mm-acnt-mobile__menu {
display: none;
}
/*........... Signout Popup ..........................*/
.cmp-modal-box {
display: none;
position: fixed;
z-index: 10001;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: auto;
text-align: center;
padding: 10px;
}
.cmp-modal-box::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.cmp-modal-box--signoutConfrm .cmp-modal-box__in {
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.cmp-modal-box__in {
width: 96%;
z-index: 10001;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
max-width: 1000px;
position: relative;
text-align: left;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: var(--body-bg);
}
.cmp-modal-box--signoutConfrm .cmp-modal-box__body {
text-align: center;
padding: 30px 15px;
width: 100%;
}
.cmp-modal-box--signoutConfrm .cmp-section-title {
margin-bottom: 24px;
}
.cmp-section-title {
font-size: 1.125rem;
font-weight: 700;
font-family: "Poppins", 'Roboto', arial, EGGIndulekhaUni, sans-serif;
text-transform: uppercase;
color: var(--title-color);
}
.cmp-modal-box--signoutConfrm .signoutConfrm__btn-grp {
margin-bottom: 24px;
}
.mm-btn::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
z-index: 0;
}
.cmp-modal-box--signoutConfrm .signoutConfrm__btn-grp .mm-btn {
margin: 0 3px;
}
.mm-btn:hover::after {
width: 100%;
}
.mm-btn {
padding: 8px 12px;
font-family: "Poppins", arial, EGGIndulekhaUni, sans-serif;
font-size: .75rem;
text-transform: uppercase;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
display: inline-block;
vertical-align: middle;
outline: none;
line-height: 1;
cursor: pointer;
border: 1px solid transparent;
position: relative;
overflow: hidden;
white-space: nowrap;
}
.mm-btn--primary {
background-color: var(--brandPrimary-color);
border-color: var(--brandPrimary-color);
color: var(--white-color);
}
.cmp-modal-box--signoutConfrm .signoutConfrm__btn-grp {
margin-bottom: 24px;
}
.cmp-modal-box--signoutConfrm .signoutConfrm__sub-text {
font-size: .875rem;
color: var(--secondaryText-color);
}
.mm-my-account-wrapper .cmp-header__section-nav-wrp, .mm-my-account-wrapper .main-nav-outer, .mm-my-account-wrapper .cmp-header__right-li, .mm-my-account-wrapper .cmp-header__top {
display: none;
}
.mm-my-account-wrapper .cmp-header__right-li.cmp-header__right-li--my-account {
display: block;
border-left: none;
}
@media only screen and (min-width:1180px) {
.mm-acnt-left-wrp {
width: 25%;
min-width: 25%;
max-width: 25%;
}
.mm-acnt-right-wrp {
width: 75%;
}
}
@media only screen and (min-width: 1200px) {
.mm-btn {
padding: 12px 18px;
}
}
/*........... Signout Popup ends ..........................*/
@media only screen and (max-width:991px) {
.mm-acnt-right-wrp {
width: 100%;
}
.mm-acnt-left-wrp {
width: 250px;
max-width: 250px;
min-width: 250px;
padding-right: 0;
float: left;
position: fixed;
top: 0;
left: -300px;
bottom: 0;
z-index: 1111;
transition: all .2s ease .0s;
}
.mm-acnt-mobile__menu {
width: 100%;
margin-bottom: 10px;
display: block;
}
.mm-active.mm-acnt-left-wrp {
left: 0;
}
.mm-acnt-nav-wrp {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
overflow: auto;
}
a.mm-acnt-nav-link:hover, a.mm-acnt-nav-link:focus, a.mm-acnt-nav-link:active {
padding-left: 20px;
}
.prmium-new-login {
width: 12px;
overflow: hidden;
text-indent: -92px;
}
.mm-footer-wrp {
padding: 20px 0 20px 0;
}
.mm-acnt-right-wrp .mm-footer-wrp {
padding: 20px 0;
}
}
@media only screen and (max-width:767.5px) {
.mm-acnt-tabs-block .col-sm-offset-2 .ev.btn.btn-success {
margin-left: 0;
}
.header-icon-text {
display: none;
}
.mm-hr-dropdown-title {
min-width: 40px;
text-align: right;
}
.mm-main-logo {
padding: 0 10px 0 0px;
}
.mm-acnt-tabs-block {
padding: 15px;
}
}
@media only screen and (max-width:500px) {
.mm-main-logo {
max-width: 250px;
}
.mm-myaccount-header {
padding: 15px 0;
}
}
@media only screen and (max-width:350px) {
.mm-main-logo {
max-width: 220px;
}
}
/*
.mm-my-account-wrapper .mm-accont-inwrp {
padding-top: 28px;
}
*/
.mm-my-account-wrapper .mm-faq-head {
margin: 0;
}
.mm-myaccount-header-body-margin {
margin-top: 50px;
}
.mm-myaccount-header .header-icon-text {
cursor: default;
}
.mm-myaccount-header .my-accountdrop-li a i {
margin-right: 10px;
}
.mm-myaccount-header .login-dropdown-blk {
margin-top: 20px;
}
.mm-myaccount-header .prm-new-block-right {
position: relative;
}
.mm-my-account-wrapper .mm-faq-head:hover {
color: inherit;
}
.mm-my-account-wrapper .mm-faq-head.mm-faq-active {
color: var(--brandPrimary-color);
}
.mm-my-account-wrapper .edit-profile-legend {
font-size: 14px;
color: var(--secondaryText-color);
}
.mm-my-account-wrapper .edit-profile-legend::before {
content: '*';
color: red;
padding-right: 5px;
}
.mm-my-account-wrapper span.field-hint {
font-size: 13px;
color: #a59595;
font-family: ProximaNovaRegular, Helvetica, sans-serif;
padding-top: 5px;
display: inline-block;
}
.mm-my-account-wrapper span.field-hint a {
color: inherit;
text-decoration: underline;
}
.mm-my-account-wrapper .ev .purchases-list-container .table > tbody > tr > th {
font-weight: 500;
}
@media (hover: hover) {
.mm-my-account-wrapper .mm-faq-head:hover {
color: var(--brandPrimary-color);
}
}
#first_name, #last_name {
text-transform: capitalize;
}
.mm-faq-container-wrp {
width: 100%;
max-width: 1180px;
margin: 0 auto
}
.mm-faq-container-wrp h1 {
font-size: 22px;
margin: 0 0 20px;
}
.mm-faq-accordion-ul {
list-style: none;
margin: 0;
padding: 0
}
.mm-faq-accordion-ul .mm-faq-accordion-li {
width: 100%;
border: 1px solid var(--border-color);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-bottom: 10px
}
.mm-faq-head {
padding: 20px 35px 20px 20px;
position: relative;
font-size: 1rem;
font-weight: 500;
color: var(--text-color);
cursor: pointer;
line-height: 1.4
}
.mm-faq-head:hover {
color: var(--brandPrimary-color)
}
.mm-faq-body {
padding: 0px 20px 20px;
font-size: 0.875rem;
color: var(--secondaryText-color);
display: none;
line-height: 1.5
}
.mm-faq-arrows {
background-image: url("clientlib-myaccount/resources/img/faq-arrow.svg");
background-size: 10px 18px;
background-repeat: no-repeat;
width: 10px;
height: 8px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
background-position: 0px -12px
}
.mm-faq-head.mm-faq-active {
color: var(--brandPrimary-color)
}
.mm-faq-head.mm-faq-active .mm-faq-arrows {
background-position: 0px 1px
}
.mm-faq-body .fullwidth-content-body a {
color: var(--brandBlue-color);
text-decoration: underline;
}
@media only screen and (max-width:767.5px) {
.mm-faq-container-wrp h1 {
font-size: 18px;
margin: -15px -15px 20px;
background: #eee;
padding: 15px;
border-radius: 15px 15px 0 0;
}
}
@media only screen and (max-width: 640px) {
.mm-faq-head {
padding: 15px 30px 15px 15px
}
.mm-faq-arrows {
right: 15px
}
.mm-faq-body {
padding: 0 15px 15px
}
}
/*......................... form styles...........................................*/
.mm-my-account-wrapper span.edit-profile-legend {
margin-top: 10px;
display: block;
}
#widget-body .widget-label, .span.text-lt.ng-binding, #widget-body, .widget-header {
font-family: 'Roboto';
font-weight: 500;
}
#widget-body .widget-label {
display: block;
text-transform: capitalize;
padding: 17px 0 0;
padding-bottom: 0px;
color: var(--text-color);
font-size: 15px;
width: 100%;
}
#widget-body .widget-label ~ .col-sm-9 {
width: 100%;
padding: 0 !important;
max-width: 100% !important;
}
.ev .form-horizontal .form-group {
margin: 0 !important;
}
div[ng-if="isRadioButtonAttribute(attribute)"] {
display: flex;
}
div[ng-if="isRadioButtonAttribute(attribute)"] .radio-parent {
display: flex;
flex-direction: row-reverse;
margin: 0 6px 0 0 !important;
}
ev-date {
display: flex;
justify-content: space-around;
}
ev-date .col-sm-3, ev-date .col-sm-4, ev-date .col-sm-5 {
padding: 0 !important;
margin: 0;
width: 30%;
max-width: 100% !important;
}
.mm-acnt-tabs #widget-body .widget-input {
box-shadow: none;
height: 43px;
padding: 0 10px;
border-radius: 5px;
margin-top: 5px;
background-color: var(--body-bg);
border-color: var(--form-border);
color: var(--text-color);
}
.mm-acnt-tabs .ev .form-control::placeholder {
color: var(--gray9-color);
opacity: 1;
}
#widget-body .ev .has-error .form-control.widget-input {
border-color: var(--brandRed-color);
}
#widget-body .ev .has-error input.ng-invalid.ng-dirty, #widget-body input.ng-invalid.ng-dirty {
background-color: var(--body-bg) !important;
border-color: var(--brandRed-color);
}
#widget-body .widget-input[disabled], #widget-body .widget-input[disabled]:hover, #widget-body .widget-input[disabled]:focus {
background-color: var(--border-color);
border-color: var(--form-border);
}
#widget-body .ev-error-field {
color: var(--brandRed-color);
font-size: 13px;
margin-top: 5px;
display: block;
}
.ev .form-horizontal .form-group.radio-parent {
padding-right: 16px;
color: var(--text-color);
}
.ev.form-group .radio-label {
font-weight: normal;
color: var(--text-color);
}
div#buttonPanel .ev.col-sm-10.col-sm-offset-2 {
margin-left: 0;
padding-left: 0;
}
.mm-acnt-tabs-block div#buttonPanel .col-sm-offset-2 .ev.btn.btn-success {
margin-left: 0;
}
.custom-select, #widget-body select.widget-input {
display: inline-block;
width: 100%;
padding-right: 1.75rem;
line-height: 1.5;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
background-color: var(--body-bg);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mm-dark-theme .custom-select, .mm-dark-theme #widget-body select.widget-input{
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23bababa' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
background-color: var(--body-bg);
}
#widget-body .widget-input:focus, #widget-body .widget-input:hover {
background-color: var(--body-bg);
border-color: var( --brandPrimary-color);
}
span.text-lt.ng-binding {
font-size: 22px;
}
label#label_email_address:after, label#label_first_name:after, label#label_last_name:after {
content: "*";
color: red;
}
@media only screen and (min-width: 768px) {
div#serviceAttributes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
div[ng-repeat="attribute in captureAttrsTemplate.attributes"] {
width: 48%;
}
.ev .form-horizontal .form-group.radio-parent {
padding-top: 16px;
}
}
@media only screen and (max-width: 767.98px) {
.mm-my-account-wrapper .mm-acnt-tabs-block .widget-header span.text-lt.ng-binding {
background: rgba(0,0,0,.2);
display: block;
margin: -15px -15px 0;
padding: 15px;
border-radius: 10px 10px 0 0;
text-align: center;
font-size: 18px;
font-family: 'Roboto';
font-weight: 500;
color: var(--title-color);
}
.mm-acnt-tabs .widget-header {
padding: 0 0 10px;
}
.mm-my-account-wrapper .mm-faq-container-wrp h1 {
font-size: 18px;
margin: -15px -15px 20px;
background: rgba(0,0,0,.2);
padding: 15px;
border-radius: 15px 15px 0 0;
text-align: center;
font-weight: 500;
}
}
/*...................... Table styles ..................*/
.mm-my-account-wrapper .purchases-list-dropdown-right .btn {
text-indent: -9999px;
background-position: -21px -64px;
width: 44px;
height: 24px;
background-color: var(--body-bg);
background-repeat: no-repeat;
}
.mm-my-account-wrapper .purchases-list-dropdown-right .btn:hover, .mm-my-account-wrapper .purchases-list-dropdown-right .btn:focus {
background-position: -21px -64px;
background-color:var(--cardBox-color);
}
.mm-my-account-wrapper .purchases-list-container {
font-size: 14px;
}
.mm-my-account-wrapper .purchases-list-container table.table.table-striped {
border: 1px solid var(--border-color);
}
.mm-my-account-wrapper .ev .purchases-list-container .table-striped > tbody > tr:nth-of-type(odd) {
background-color: var(--body-bg);
}
.mm-my-account-wrapper .purchases-list-container tr td:first-child {
font-weight: 500;
}
.mm-my-account-wrapper .ev .purchases-list-container .table > tbody > tr > td {
vertical-align: middle;
color: var(--text-color);
border-top: 1px solid var(--border-color);
}
.mm-my-account-wrapper .ev .purchases-list-container .table-striped > tbody > tr:nth-of-type(2n+1){
background-color: var(--body-bg);
}
.mm-my-account-wrapper .purchases-list-container th.table-header {
background: var(--cardBox-color);
color: var(--title-color);
}
.modal-dialog #widget-header {
background: var(--body-bg);
color: var(--text-color);
font-weight: 500;
font-size: 22px;
text-align: center;
padding-bottom: 0;
border-radius: 10px 10px 0 0;
padding-top: 40px;
}
.modal-message p {
color: var(--secondaryText-color);
font-size: 14px;
text-align: center;
}
.ev-open-modal-cancel-purchase .modal-footer {
text-align: center;
border: none;
padding-bottom: 20px;
}
.ev-open-modal-cancel-purchase .btn.btn-primary {
background: var(--brandPrimary-color);
border-color: var(--brandPrimary-color);
}
.ev-open-modal-cancel-purchase .btn.btn-default {
border-color: var(--brandPrimary-color);
background: var(--body-bg);
color: var(--brandPrimary-color);
}
.mm-my-account-wrapper .ev .dropdown-menu{
background-color: var(--body-bg);
border-color: var(--border-color);
color: var(--text-color);
}
.mm-my-account-wrapper .ev .dropdown-menu > li > a{
color: var(--text-color);
}
.mm-my-account-wrapper .ev .dropdown-menu > li > a:focus, .mm-my-account-wrapper .ev .dropdown-menu > li > a:hover{
background: var(--cardBox-color);
color: var(--text-color);
}
.mm-my-account-wrapper .ev .table > tbody > tr > td, .mm-my-account-wrapper .ev .table > tbody > tr > th, .mm-my-account-wrapper .ev .table > tfoot > tr > td, .mm-my-account-wrapper .ev .table > tfoot > tr > th, .mm-my-account-wrapper .ev .table > thead > tr > td, .mm-my-account-wrapper .ev .table > thead > tr > th{
border-color: var(--border-color);
}
.myaccountcontact.text-center {
text-align: center;
margin: 20px 0 0;
color: var(--text-color);
}
.myaccountcontact p {
margin: 0 0 10px;
}
.btn-contact {
display: inline-block;
padding: 6px 12px;
}
.myaccountcontact p {
margin: 0 0 10px;
}
a.btn-contact, button.btn-contact {
display: inline-block;
padding: 6px 12px;
background: var(--brandPrimary-color);
color: var(--body-bg);
text-decoration: none;
border: 1px solid var(--brandPrimary-color);
border-radius: 3px;
}
a.btn-contact:hover, button.btn-contact:hover {
background: var(--brandPrimary-color);
color: var(-body-bg);
}
@media only screen and (min-width:768px) {
.mm-my-account-wrapper .purchases-list-container tr td:first-child {
max-width: 200px;
}
}
@media only screen and (max-width: 767.98px) {
.mm-my-account-wrapper .ev .pm2 .responsive-overflow.purchases-list-container {
overflow-y: visible;
margin-left: -15px;
margin-right: -15px;
}
.mm-my-account-wrapper .purchases-list-container .table-responsive, .mm-my-account-wrapper .purchases-list-container table.table.table-striped {
border: none;
}
.mm-my-account-wrapper .ev .pm2 .purchases-list-container .purchases-list-dropdown-right .dropdown-menu {
position: absolute;
}
.mm-my-account-wrapper .purchases-list-container table tr.mobile-table-item {
padding: 0;
line-height: 2.5em;
margin-bottom: 0;
display: block;
border-bottom: 1px solid var(--border-color);
box-shadow: none;
height: auto !important;
}
.mm-my-account-wrapper .purchases-list-container table tr.mobile-table-item:last-child {
border-bottom: none;
}
.mm-my-account-wrapper .purchases-list-container table td.mobile-table-item-attribute {
display: flex;
justify-content: space-between;
border: none !important;
}
.mm-my-account-wrapper .purchases-list-container table td.mobile-table-item-attribute:first-child {
display: block;
}
.mm-my-account-wrapper .purchases-list-container table td.mobile-table-item-attribute:first-child .mobile-table-content {
font-size: 16px;
}
.mm-my-account-wrapper .purchases-list-container table td.mobile-table-item-attribute:first-child .mobile-table-header {
display: none;
}
.mm-my-account-wrapper .purchases-list-container .mobile-table-header {
color: var(--secondaryText-color);
font-weight: 400;
}
.mm-my-account-wrapper .purchases-list-container .mobile-table-header:after {
content: ":";
}
.mm-my-account-wrapper .purchases-list-container .mobile-table-content {
font-weight: 500;
color: var(--text-color);
}
}
/*......................... form styles ends ...........................................*/
/*...................... Non subscribed user ........................*/
.mm-acnt-icon, .mm-myaccount-header .fas {
background-size: 250px 150px;
background-repeat: no-repeat;
}
.re-cn-confrm-wrp {
width: 100%;
text-align: center;
padding: 20px 0;
line-height: 1.3;
}
.ev .re-cn-title {
margin: 0 0 10px;
font-size: 1.375rem;
color: var(--title-color);
}
.re-cn-subtitle {
color: var(--secondaryText-color);
margin: 10px 0;
font-size: 0.875rem;
}
.re-cn-btn-wrp {
margin-top: 20px;
display: block;
clear: both;
}
.re-cn-btn{
display: inline-block;
padding: 6px 15px;
margin-bottom: 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
font-family: 'Roboto', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.re-cn-btn-fill, .ev button.re-cn-btn-fill, .ev a.re-cn-btn-fill{
background-color: var(--brandPrimary-color);
color: var(--body-bg);
}
.ev a.re-cn-btn-fill:hover{
text-decoration: none;
}
.rec-cn-nosubscription{
width: 35px;
height: 35px;
display: block;
margin: 0 auto 10px;
background-position: -212px -102px;
}
.re-feature-list-container{
margin-top: 15px;
padding-top: 0px;
position: relative;
}
.re-cn-fe-tick{
width:15px;
height: 11px;
background-position: -210px -2px;
display: block;
}
.subscpt-felist {
list-style: none;
margin: 0;
padding: 0;
}
.subscpt-felist li{
position: relative;
padding-left: 25px;
margin-bottom: 10px;
min-height: 35px;
color: var(--secondaryText-color);
font-size: 0.875rem;
padding-right: 20px;
line-height:1.5;
}
.subscpt-felist li .re-cn-fe-tick{
position: absolute;
left: 0;
top: 4px;
}
.mcnt-fe-img {
margin:10px auto 10px;
text-align: center;
max-width: 250px;
position: relative;
min-height:80px;
}
.accountMask {
position: absolute;
bottom: -15px;
left: -15px;
right: -15px;
height: 30%;
background: var(--cardBox-color);
}
.accountMaskIn {
width: 100%;
background:var(--body-bg);
height: 20px;
border-radius: 0 0 15px 15px;
}
.myaccountdummybrekaer {
background: var(--cardBox-color);
margin-left: -30px;
margin-right: -30px;
}
.myaccountdummybrekaerTop {
height: 20px;
background: var(--body-bg);
border-radius: 0 0 15px 15px;
margin-bottom: 15px;
}
.myaccountdummybrekaerBottom {
clear: both;
width: 100%;
height: 20px;
background: var(--body-bg);
border-radius: 15px 15px 0 0;
}
.re-feature-list-container:after, .re-feature-list-container:before {
content: "";
display: table;
}
.re-feature-list-container:after {
clear: both;
}
.mm-myaccount-container.dummycriclewrp {
position: relative;
}
.dummycircle-right {
width: 73px;
position: absolute;
right: -30px;
top: 0;
}
.dummycircle-left {
width: 73px;
position: absolute;
left: -30px;
bottom: 0;
}
@media only screen and (min-width:641px){
.subscpt-felist{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.subscpt-felist li{
width: 50%;
}
.accountMask {
background: var(--cardBox-color);
position: absolute;
right: -30px;
bottom: -25px;
width: 30%;
top: -35px;
height: inherit;
left: inherit;
}
.accountMaskIn {
width: 90px;
height: 100%;
background: var(--body-bg);
border-radius: 0 15px 15px 0;
}
.subscpt-felist {
width: 75%;
float: left;
}
.mcnt-fe-img {
text-align: center;
max-width: 188px;
width: 25%;
float: right;
position: relative;
margin: -15px -25px 0 0;
}
}
@media only screen and (max-width:767.5px){
.myaccountdummybrekaer {
margin-left: -15px;
margin-right: -15px;
}
.accountMask{
bottom: -15px;
}
.dummycircle-right, .dummycircle-left{
display: none;
}
}
/*...................... Non subscribed user ends........................*/
.mm-dark-theme .mm-acnt-tabs-block .col-sm-offset-2 .ev.btn.btn-success, .mm-dark-theme .mm-btn {
color: #080927;
}
.dummycircle-left svg path, .dummycircle-right svg path{
fill: var(--cardBox-color);
}
.dummycircle-left svg path, .dummycircle-right svg path{
fill: var(--cardBox-color);
}
@media only screen and (min-width:1180px){
.mm-acnt-left-wrp{
width: 25%;
min-width: 25%;
max-width:25%;
}
.mm-acnt-right-wrp{
width: 75%;
}
}