.cp-qmice-component .wrapperselfservice h4 span{font:var(--f-brand-type-title-1) !important}
.cp-qmice-component .selfserviceulV2 li a h4,.selfserviceulV2 li a span{font:var(--f-brand-type-title-1) !important;font-size:22px !important;margin:0 !important}
.cp-qmice-component ul.selfserviceulV2{display:flex !important}
.cp-qmice-component #gotoDashboardbtn{display:none !important}
.cp-qmice-component .disabledservice{display:none !important}
.cp-qmice-component .selfserviceulV2 li{min-height:252px !important;height:auto !important}
.cp-qmice-component .selfserviceulV2 li:hover i{display:none !important}
.cp-qmice-component h4 img{display:none !important}
.selfserviceulV2{margin:0 !important;padding:0 !important}
.selfServeDiv{margin-top:0;margin-bottom:0;padding:0}
.wrapperselfservice h4 img{width:30px}
.selfservemain{margin:0 0 64px}
.selfserviceulV2 li{float:left;width:23.5%;margin:2% 2% 0 0;min-height:170px;background:var(--f-brand-color-background-light);border-radius:20px;position:relative}
.selfserviceulV2 li a{float:left;width:100%;outline:0;text-decoration:none;padding:25px 17px 17px;min-height:100%}
.selfserviceulV2 li:nth-child(4n){margin-right:0}
body .selfserviceulV2 li.active.disableSelf i.hide{display:none !important}
.selfserviceulV2 li.disableSelf a{border-radius:20px;cursor:none;pointer-events:none}
.selfserviceulV2 li a p{text-align:left;margin:10px 0 0;font-size:15px;color:#555}
.selfserviceulV2 li i{font-size:16px;color:var(--f-brand-color-primary);display:block;border-radius:50%;position:absolute;bottom:16px;right:16px;background:var(--f-brand-color-background-light);outline:4px solid var(--f-brand-color-background-light);text-align:center;vertical-align:middle;width:24px;height:24px;padding-top:4px;padding-left:5px;transition:all .2s ease}
.selfserviceulV2 li:hover i{background:var(--f-base-color-solid-violet-100);color:var(--f-button-primary-text-color);outline:4px solid #3A35AF33;text-align:center;vertical-align:middle;line-height:24px;bottom:16px;right:16px;border-radius:50%;transition:all .2s ease}
.selfserviceulV2 li:hover i:before{filter:invert(1)}
.selfserviceulV2 li img,.selfserviceulV2 li svg{width:24px;height:24px;margin:0;filter:saturate(0) brightness(100%) contrast(1000%)}
.selfserviceulV2 li.active svg path{fill:#777}
.selfserviceulV2 li.active a{background:#822b56;border-color:#822b56}
.selfserviceulV2 li.active a span{color:#fff}
.selfserviceulV2 li a h4,.selfserviceulV2 li a span{float:left;width:100%;color:var(--f-brand-color-text-default);font-size:1rem;margin:15px 0 0;text-align:left;font-weight:500;font-family:'GraphikRegular' !important}
.selfserviceulV2 li a:hover i.hide,.selfserviceulV2 li.active a i.hide{display:block !important;font-size:14px;position:absolute;color:#999;right:10px;top:10px}
.disabledservice{padding:75px 20px 0;background:#e5e5e5;color:#555;font-size:1rem;word-wrap:break-word;float:left;width:100%;height:170px;pointer-events:none;cursor:none;border-radius:20px;text-align:center;pointer-events:none !important;cursor:none !important}
.infotext_less,.infotext_more{color:#777;font-size:18px;width:60%;left:20%;position:absolute;margin:0}
.disabledservice h4{font-size:16px !important}
body li a:focus,body li a:not(.btn):hover{text-decoration:none !important}
.infotext_less{bottom:120px}
.infotext_less i,.infotext_more i{margin:2px 15px 0 0;font-size:22px;float:left}
.infotext_more{bottom:20px}
.infomsg,.selfserviceulV2 .disableSelf a span.infomsg{color:var(--f-brand-color-text-default) !important}
.infomsg{position:absolute;padding:10px;border:1px solid #ccc;background:var(--f-brand-color-background-light);font-size:10px !important;line-height:14px;top:20px;right:-10px;width:150px !important;font-family:Jotia,Verdana,Geneva,sans-serif !important;margin:0 !important;border-radius:10px}
.selfserviceulV2 i.fa-info-circle:hover .infomsg{display:block !important}
.screenbackdrop,.screenbackdrop ul{background:var(--f-brand-color-background-light);pointer-events:none;opacity:.7}
.selfServeExists span{float:left;text-align:justify;display:inline;line-height:20px;font-size:12px;width:85%}
.selfServeExists{font-size:12px;padding:30px;left:10%;margin:5px 0;position:absolute;top:30%;width:80%;background:#000;z-index:999;color:#fff;opacity:.7}
.selfServeExists i{float:left;width:5%;color:red;font-size:40px;margin:0 40px 0 0}
.wrapperselfservice h4{color:var(--f-brand-color-text-default);font-size:30px;font-weight:500;margin:0}
.wrapperselfservice h4 span{font-family:var(--jotia) !important;font-weight:400;margin:14px 0 0;font-size:26px}
.wrapperselfservice p{color:var(--f-brand-color-text-muted);font-size:16px}
.btn{background:var(--f-brand-color-primary);color:var(--f-button-primary-text-color);padding:16px 32px;float:left;width:auto;border:1px solid var(--f-brand-color-primary);font-weight:500;font-size:16px !important;border-radius:35px !important}
.btn:hover,.btn:active{background:var(--f-brand-color-primary);border:1px solid var(--f-brand-color-primary);color:#fff}
.btn:focus{outline:2px solid #3935AFCC !important;outline-offset:4px;background:var(--f-brand-color-primary);border:1px solid var(--f-brand-color-primary);color:var(--f-button-primary-text-color)}
.out{display:none}
.in{display:block}
.disableSelf a{background:#e5e5e5 !important}
.disableSelf a span{color:#999 !important}
.m-t10{margin-top:10px !important}
.m-r10{margin-right:10px}
.m-tneg{margin-top:30px}
@media(max-width:480px){.selfserviceulV2 li{width:98%;margin:10px 1%}
body .TP_dashboard_selfserv_expand_collapse{padding:10px !important}
}
.tp_dashboard_selfserv h4{font-size:26px;line-height:36px;color:var(--f-brand-color-text-default);font-weight:100}
.tp_dashboard_selfserv h4 span{margin-top:10px;font-family:'GraphikRegular' !important;font-weight:100}
.tp_dashboard_selfserv h4 a{margin-top:0 !important}
.tp_dashboard_selfserv .selfserviceulV2 li a{border:var(--f-brand-border-size-default) solid var(--f-brand-color-border-default);border-radius:16px}
.tp_dashboard_selfserv .selfserviceulV2 li i{bottom:5px}
.tp_dashboard_selfserv .selfserviceulV2 h4{font-family:'GraphikRegular' !important;font-weight:100}
.tp_dashboard_selfserv .selfserviceulV2 li a p{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tp_dashboard_selfserv .selfservemain{margin:0}
#tp-dashboard-tab .self-services{margin:0;padding:30px 20px}
.TP_dashboard_selfserv_expand_collapse{padding:20px 40px 40px !important;background:var(--f-button-primary-text-color);border-radius:20px}
.TP_dashboard_selfserv_expand_collapse li{border:var(--f-brand-border-size-default) solid var(--f-brand-color-border-default);border-radius:16px}
.tp_arrow_cover{background:var(--f-brand-color-background-light);display:inline-flex;width:48px;height:48px;border-radius:100%;cursor:pointer;justify-content:center;align-items:center}
.m-t-minus15{margin-top:-24px}
.tp_arrow_cover .icon-down{margin:4px auto 0}
.tp_arrow_cover .ic-revert{transform:rotate(180deg)}
.inner-tab-content #selfServeDetailsV2>h4{margin:0 0 2px}
#selfServeDetailsV2>h4{margin:0}
#selfServeDetailsV2>h4 span{font-size:32px;color:var(--f-brand-color-text-default);font-family:var(--jotia) !important;padding-top:14px;font-weight:100}
#selfServeDetailsV2>p{font:var(--f-brand-type-body);color:var(--f-brand-color-text-muted);padding-bottom:var(--f-base-space-6)}
.TP_dashboard_selfserv_expand_collapse li a p{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;width:90%}
.self-serv-inside-tab .wrapperselfserviceV2{padding:20px}
.self-serv-inside-tab .TP_dashboard_selfserv_expand_collapse{padding:0 !important;margin-top:0 !important}
.self-serv-inside-tab .self-services-v2,#tp-dashboard-tab .selfservemain,.self-services-v2{margin-bottom:0 !important}
.self-serv-inside-tab #selfServeDetailsV2>h4 span{font-family:jotia !important;font-size:26px !important;font-weight:200 !important}
html,body{scroll-behavior:smooth}
#selfServeDetailsV2 i.icon-arrow-right2:before{content:"";background:url("clientlibs-v2/resources/tp_selfservices_arrow_right.svg") 0 0 no-repeat;width:15px;height:15px;display:block}
.selfservemain .btn{margin-top:0 !important}
@media(max-width:480px){.self-serv-inside-tab .wrapperselfserviceV2,.self-serv-inside-tab .container.selfServeDiv{padding:0 !important}
body .self-serv-inside-tab .TP_dashboard_selfserv_expand_collapse{margin-top:24px !important}
.self-serv-inside-tab #selfServeDetailsV2>h4 span{font-size:20px}
.selfServeDiv .wrapperselfserviceV2>h4 span{padding-top:0;padding-bottom:var(--f-base-space-6)}
.selfserviceulV2 li img,.selfserviceulV2 li svg{width:28px;height:28px}
.selfserviceulV2 li a h4{font-size:1.2rem}
.selfserviceulV2 li i{bottom:20px;right:20px}
}