@CHARSET "ISO-8859-1";
@font-face {
font-family: WebHostingHub-Glyphs;
src: url(../resources/fonts/webhostinghub-glyphs.eot);
src: url(../resources/fonts/webhostinghub-glyphs.eot?#iefix) format('embedded-opentype'),
url(../resources/fonts/webhostinghub-glyphs.ttf) format('truetype');
font-weight: 400;
font-style: normal;
-moz-font-feature-settings: "calt=0,liga=0"
}
@font-face {
font-family: "eifontset";
src: url(../resources/fonts/eifontset.eot);
src: url(../resources/fonts/eifontset.eot?#iefix) format('embedded-opentype'),
url(../resources/fonts/eifontset.ttf) format('truetype');
font-weight: 400;
font-style: normal;
-moz-font-feature-settings: "calt=0,liga=0"
}
@font-face{font-family:'Glyphicons Halflings';
src:url(../resources/fonts/glyphicons-halflings-regular.eot);
src:url(../resources/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
url(../resources/fonts/glyphicons-halflings-regular.woff) format('woff'),
url(../resources/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
url(../resources/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
html{
overflow-y: scroll;
}
html,body{
font-size: 8pt;
font-family: Arial;
}
body div.mainbody{
position: absolute!important;
}
.lowercase{
text-transform: none;
}
.marginboth2px{
margin: 0px 2px;
}
body .mainbody.en .text-right{
text-align: right;
}
body .mainbody.ar .text-right{
text-align: left;
}
body .mainbody .profileupdate{
text-align: right;
font-weight: normal;
font-size: 1.5rem;
}
body .mainbody.en .profileupdate a,
body .mainbody.ar .profileupdate a{
font-size: 1.5rem;
}
body .mainbody.en .profileupdate{
float: left;
text-transform: none;
}
body .mainbody.ar .profileupdate{
float: right;
}
body .mainbody.en .text-right a,
body .mainbody.ar .text-right a{
text-align: right;
float: right;
}
@media only screen and (max-width: 1024px){
html,body{
font-size: 9px!important;
font-family: Arial;
}
/* label{
font-size: 1rem!important;
} */
body .mainbody.en .needhelpstyle .ui-datatable-header.ui-widget-header:before{
left: 33px!important;
width: 10%!important;
}
body .mainbody.en .needhelpstyle.transactions .ui-datatable-header.ui-widget-header:before{
left: 40px!important;
}
body .mainbody.en .needhelpstyle.loginDetails .ui-datatable-header.ui-widget-header:before{
left: 40px!important;
}
.card-panel .cardheader .needhelpstyle:before{
margin-top: 20px!important;
}
body div.mainbody.priority a.btn.dockpanel{
min-width: 132px;
margin-bottom: 5px;
}
.customtable.ui-datatable thead th.minversion,
table.responsive-table.bordered td.minversion{
width: 100%;
}
table.responsive-table thead tr th.minversion::before{
content: '';
}
}
a.ui-commandlink:hover{
color: #FFC72C;
}
body .mainbody.en,
body .mainbody.en.div,
body .mainbody.en div
body .mainbody.en ul,
body .mainbody.en a,
body .mainbody.en nav{
float: left;
font-size: 8pt;
font-family: Arial;
}
body .mainbody.ar .ui-selectonemenu-panel .ui-selectonemenu-list-item{
text-align: right;
}
body .mainbody.en h4,body .mainbody.en .h4,
body .mainbody.en h5,body .mainbody.en .h5,
body .mainbody.en h6,body .mainbody.en .h6,
body .mainbody.en li{
float: left;
}
body .mainbody .section h5{
float: none;
margin: 0 auto;
text-align: center;
font-size: 1.5rem !important;
font-weight: bold;
}
body .mainbody.ar h4,body .mainbody.en .h4,
body .mainbody.ar h5,body .mainbody.en .h5,
body .mainbody.ar h6,body .mainbody.en .h6,
body .mainbody.ar li{
float: right;
}
body .mainbody.ar,
body .mainbody.ar.div,
body .mainbody.ar div
body .mainbody.ar ul,
body .mainbody.ar a,
body .mainbody.ar nav{
float: right;
font-size: 8pt;
font-family: Tahoma, Geneva, sans-serif;
}
h5.header{
width: 100%;
}
body .mainbody{
width: 100%;
}
body .mainbody.en .reversefloat,
body .mainbody.en .floatright,
body .mainbody.en .right{
float:right!important;
}
body .mainbody.ar .reversefloat,
body .mainbody.ar .floatright,
body .mainbody.ar .right{
float:left!important;
}
.enbdcontainer > .row.custompanel.page.fullwidth > .col.s12.fullwidth.pagepanel.z-depth-1 form.alignform.alingndata:after{
content: '';
height: 180px;
display: block
}
body .mainbody.en .paddingleft5pc{
padding-left: 5%!important;
}
body .mainbody.ar .paddingleft5pc{
padding-right: 5%!important;
}
body .mainbody.en .textalignright{
text-align: right!important;
}
body .mainbody.ar .textalignright{
text-align: left!important;
}
/* body .mainbody.en .ui-widget{
font-family: Arial!important;
}
body .mainbody.ar .ui-widget{
font-family: BElham!important;
} */
.noshow{
display: none;
}
.btn, .btn-large, .btn-flat{
padding: 0 2rem!important;
border-radius: 25px;
font-size: 1.19rem!important;
}
.buttonnoborderradius .btn,.buttonnoborderradius .btn-large,.buttonnoborderradius .btn-flat{
border-radius: 0px;
}
.buttonnoborderradius .input-field.col .bollabel label,.buttonnoborderradius .bollabel label{
color:#000;
}
.btn-floating{
background-color: #FFC72C; /* Refresh button during registration/Activate online banking */
}
div.footer{
background-color: #DEDEDE;
}
div.footer div.row{
padding-top: 15px;
}
div.mainbodypart{
padding-top: 0px;
height: 90%;
}
a.portfolio{
color:#3F3F3F;
}
.floatnone{
float: none!important;
}
.fontcolor{
text-transform: none;
}
/* body .mainbody.en .fontcolor{
font-family: Arial;
}
body .mainbody.en .fontcolor{
font-family: BElham;
} */
.container.override{
width: 100%;
padding: 0px;
max-width: 100%;
background: url(../resources/images/common/bg-login.jpg);
background-size: 100% 100%;
}
div.nopadmargin > div.col{
padding: 0px 0px!important;
margin: 1px 15px 0px 0px;
}
@media only screen and (min-width: 1440px){
.row .col.s12.loginWidth{
width: 65%;
margin: 0 auto;
float: none;
}
}
@media only screen and (max-width: 1440px){
.row .col.s12.loginWidth{
width: 75%;
margin: 0 auto;
float: none;
}
.serviceanchor .input-field.checkbox label,.myservicescard .input-field.checkbox label{
width:200px;
}
}
.servicecheckbox .input-field.checkbox label,.myservicescard .input-field.checkbox label{
width:300px;
color: #000;
font-size: 1.25rem;
}
}
.bgcolorwhite{
background: #FFF;
}
.container.override{
display: table;
}
@media only screen and (min-width: 993px){
.topclass [type="checkbox"]+label:before{
left: 0px!important;
}
.dataClass
[type="checkbox"]+label:before{
left: 70px!important;
}
nav .nav-wrapper div.logo,div.logo,nav .brand-logo.ei{
width: 234px;
height: 100%;
}
.reversefloat.nologin{
width: 100%;
}
.container{
width: 90%
}
.container.override{
min-height: 525px;
}
.large-text-center{
text-align: center;
}
div.row.headingcontainer.headintext{
width: 89%;
}
div.row.headingcontainer.headintext.override{
width: 100%;
}
.suppressmarginforbigsize.margintopbot20px{
margin-top: 10px!important;
}
.reversefloat{
width: -moz-calc(100% - 250px);
width: -webkit-calc(100% - 250px);
width: -o-calc(100% - 250px);
width: calc(100% - 250px);
}
.side-nav.fixed{
position: absolute;
margin-top: 1px;
top: 11.62%;
height: 90%;
background-color: #FFC72C; /* Added for Side Menu */
display:block;
overflow-x: hidden;
z-index: 1;
}
body div.mainbody.ar .side-nav.fixed{
float: right;
text-align: right;
right: 0px!important;
}
body .mainbody.en .side-nav.fixed{
left:0px!important;
}
}
body .mainbody.en .input-field.checkbox.col.s12{
width: 10%;
float: left;
clear: both;
}
body .mainbody.en .input-field.checkbox.col.s12.CheckbxLabelStyle{
left:10px;
}
body .mainbody.ar .input-field.checkbox.col.s12{
width: 10%;
float: right;
clear: both;
}
@media only screen and (max-width: 768px){
.input-field div.bollabel label, div.bollabel label{
padding: 0em ;
}
.input-group.date .form-control{
width: 85%;
border-bottom: 0px;
padding: 0px 10px;
}
.sheight80px{
height: 80px;
}
.smarginbot30px{
margin-bottom: 30px;
}
.serviceanchor .input-field.checkbox label,.myservicescard .input-field.checkbox label{
width:200px;
}
.servicecheckbox .input-field.checkbox label,.myservicescard .input-field.checkbox label{
width:300px;
}
form.alignform.alingndata .col.buttoncenter.textaligncenter a.waves-effect.btn{
margin-top: 5px!important;
}
div.ui-selectonebutton.loginbutton .ui-button .ui-button-text{
padding: 1em 0em!important;
}
div.ui-selectonebutton.loginbutton div.ui-button{
width: 45px!important;
}
tr.innerTableExpansion,tr.innerTableExpansion > td{
height: 330px;
}
.accountsummarytable th.minversion{
text-align: left!important;
}
body .mainbody.en .accountsummarytable th.minversion .ui-column-title{
float: left;
}
body .mainbody.en .textalignright.minversion,body .mainbody.en .minversion{
text-align: left!important;
}
div.ui-datatable.accountsummarytable tbody tr.innerTableExpansion .innerTableExpansion td{
padding: 0px;
}
div.ui-datatable.accountsummarytable tbody tr.innerTableExpansion td table.responsive-table.innertable{
width: 100%!important;
}
.container.override .message{
width: 100%!important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
body .mainbody .valign-wrapper .valign.centeralign{
margin-top: -20px;
}
}
@media only screen and (min-width: 768px){
.input-field div.bollabel label,div.bollabel label{
padding: 0em 1em;
}
.flatforsmall:after{
content: "";
position: absolute;
z-index: 0;
top: 61%;
bottom: 14%;
}
body div.mainbody.en .middataholder{
float: left;
width: 45%;
}
body div.mainbody.ar .middataholder{
float: right;
width: 50%;
}
nav .nav-wrapper div.logo,div.logo,nav .brand-logo.ei{
width: 234px;
height: 75%;
}
.flatforsmall:before{
content: "";
position: absolute;
z-index: 0;
top: 30%;
bottom: 45%;
}
body .mainbody.en .flatforsmall:after{
left: 46%;
border-left: 1px solid #CECECE;
}
body .mainbody.en .flatforsmall:before{
left: 46%;
border-left: 1px solid #CECECE;
}
body .mainbody.ar .flatforsmall:after{
right: 46%;
border-right: 1px solid #CECECE;
}
body .mainbody.ar .flatforsmall:before{
right: 46%;
border-right: 1px solid #CECECE;
}
.side-nav.fixed{
position: absolute;
margin-top: 1px;
top: 11.62%;;
height: 90%;
background-color: #182F7C;/* Added for side menu */
display:block;
overflow-x: hidden;
z-index: 1000;
}
body div.mainbody.priority .side-nav.fixed{
#background-color: #86754D;
background-color: #685C3D;
}
body div.mainbody.ar .side-nav.fixed{
float: right;
text-align: right;
right: 0px!important;
}
.container{
position: relative;
}
}
@media only screen and (min-width: 992px){
div.row .largemargintop40px{
margin-top: 40px;
}
.lheight40px,.mheight40px,.sheight40px{
height: 40px;
}
div.row .largemargintop110px{
margin-top: 110px;
}
.lmargin-right10per {
margin-right: 10%;
}
.input-group.date .form-control{
width: 79%;
border-bottom: 0px;
padding: 0px 10px;
}
}
@media only screen and (max-width: 992px){
table.responsive-table th{
width: 100%;
}
.responsive-table th .input-field{
margin-top: 0rem!important;
}
.side-nav{
top:64px!important;
}
.small-margin-pad-left10px,.medium-margin-pad-left10px{
margin-left: 10px;
padding-left: 10px;
}
div.row .mediummargintop55px{
margin-top: 55px;
}
.mainbodypart.fullwidthsmall{
top: 50px;
}
.fullwidthsmall{
width: 100%;
}
table.responsive-table.bordered td{
border-bottom: 1px solid #dcdcdc!important;
}
table.tdreq.responsive-table tbody tr td::before {
content: "\00a0";
width: 100%;
float: left;
}
/* table.tdreq.responsive-table tbody tr td{
margin-top: 1rem!important;
} */
.accountsummarytable.customtable .width20px,
.accountsummarytable.customtable .colwidth10pc,
.accountsummarytable.customtable .colwidth15pc {
width:100%!important;
}
nav .nav-wrapper .brand-logo {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
body .mainbody.en nav .nav-wrapper .brand-logo {
left: 0%;
}
nav .mainMenuHolder{
clear: both;
width: 100%;
position: absolute;
top: 60px;
height: 64px;
background-color: #FFF;
border-top: 1px solid #eee;
width: 100%!important;
}
nav .mainMenuHolder ul.hide-on-med-and-down{
display: block!important;
}
.minimumsize{
width: 100%;
position: relative;
}
}
@media only screen and (max-width : 767px){
.sfullwidth{
width: 100%;
}
table.responsive-table.bordered th{
height: 48px;
width: 100%;
}
body div.mainbody.en .middataholder{
float: left;
width: 100%;
}
body div.mainbody.ar .middataholder{
float: right;
width: 100%;
}
.row .col.small-margin-left10px,.small-margin-left10px{
margin-left: 10px;
}
.small-margin-pad-left10px{
margin-left: 10px;
padding-left: 10px;
}
nav .nav-wrapper div.logo,div.logo,nav .brand-logo.ei{
width: 234px;
height: 100%;
}
.col.s3.updatewidth{
width:50%;
}
.container .row{
margin: 0 0!important;
}
.container div.row.smallmargintop10px,.container div.row .col.smallmargintop10px{
margin-top: 10px!important;
}
.margintop40pximp .s6.subnotes-1{
margin-top: 5px;
}
div.ui-datatable.accountsummarytable tbody tr.innerTableExpansion{
width: 260px;
}
.alignform .row .col.s5,.alignform .row .col.s12,
.alignform .row .col.s1,.alignform .row .col.s2,
.alignform .row .col.s3,.alignform .row .col.s4,
.alignform .row .col.s5,.alignform .row .col.s6,
.alignform .row .col.s7,.alignform .row .col.s8,
.alignform .row .col.s9,.alignform .row .col.s10{
width: 98%;
}
.col.dontwrap.bollabel,.col.dontwrap.bollabel label{
width:100%;
float: left;
}
/* div.row.custompanel > div.col.s6,div.row.custompanel > div.col.s12{
width: 100%!important;
} */
.row .col.s4.hards4,div.row.custompanel > div.col.s4.hards4{
width: 33.333%!important;
}
.smalllocalfloatleftimp,.smalllocalfloatleftimp.floatnone{
float: left!important;
}
div.row.custompanel > div.col.s5.override,.alignform .row .col.s1,.alignform .row .col.s5.override{
width: 50%!important;
}
.col.s1.flatforsmall.fontcolor.smallnoleftborder.loginor{
width: 100%!important;
}
div.row.custompanel > div.col.s2.override,.alignform .row .col.s1,.alignform .row .col.s2.override{
width: 16.66667%!important;
}
div.row.custompanel > div.col.s2,div.row.custompanel > div.col.s4,div.row.custompanel > div.col.s3{
#width: 100%!important;
}
div.row > div.col.s6,div.row > div.col.s12,
div.row > div.col.s2,div.row > div.col.s4{
#width: 100%!important;
padding: 0px;
}
div.row > div.col.s6.override{
width: 50%!important;
}
body .mainbody .smallnoleftborder:before,body .mainbody .smallnoleftborder:after{
border-left: 0px!important;
}
.flatforsmall:before{
content: "";
position: absolute;
z-index: 0;
top: 46%;
bottom: 53%;
border-bottom: 1px solid #CECECE;
width: 40%;
height: 13px;
}
body .mainbody.en .flatforsmall:before{
left: 55%;
}
body .mainbody .flatforsmall:before,body .mainbody .flatforsmall:after{
margin-top: 50px;
}
.flatforsmall .valign-wrapper.height250px{
height: 36px;
}
.flatforsmall .valign-wrapper.height250px{
height: 10px;
min-height: 10px;
}
.flatforsmall:after{
content: "";
position: absolute;
z-index: 0;
top: 46%;
bottom: 53%;
border-bottom: 1px solid #CECECE;
width: 40%;
height: 20px;
}
body .mainbody.en .flatforsmall:after{
left: 3%;
}
.flatforsmall .height270px{
height: 50px;
min-height: 50px;
}
.flatforsmall .height270px .valign.centeralign{
#margin-top: -20px;
margin-top: 0px;
}
.quicklinkform .row .col.s8{
width: 100%;
}
.quicklinkform .row .col.s8 .ocolwidth50pc{
width:45%!important;
}
}
@media only screen and (max-width : 768px){
body .mainbody.en form.alignform.alingndata .col .col.dontwrap.bollabel label{
text-align: left!important;
}
body .mainbody.ar form.alignform.alingndata .col .col.dontwrap.bollabel label{
text-align: right!important;
}
div.campaignform div.row.custompanel div.col.s4{
width:85%!important;
}
.campaignform{
width: 100%!important;
}
.campaignform .input-field .col{
white-space: pre-line;
}
.campaignform .input-field .col input{
height:34px!important;
margin: -15px 0px 0px 0px!important;
}
.needhelpstyle .ui-datatable-header.ui-widget-header:before{
margin-top: 4%!important;
}
body .mainbody .card{
overflow: visible;
}
.card.card-panel.portfoliopanel .dataClass.currency.s3{
width: 25%!important;
}
.card.card-panel.portfoliopanel .cardheader >.col.s12{
width: 90%!important;
}
form.portform div.row.custompanel .portform.col.s3{
width: 50%!important;
}
.campaignform .ui-selectonemenu{
height: 34px!important;
margin: -15px 0px 0px 0px!important;
}
.campaignform .ui-selectonemenu .ui-selectonemenu-trigger{
background-color: #FFF!important;
height: 20px;
}
form.alignform.alingndata .campaignform .col .col.dontwrap.boxinp span.input-group-addon{
margin: -8px 0px 0px 0px;
}
.zeropadding.col.s11{
width: 100%;
}
.side-nav.fixed{
z-index: 1000;
}
.paddinginsmall{
padding: 0px 10px!important;
}
.side-nav.fixed{
position: absolute;
margin-top: 1px;
top: 68px;
height: 90%;
display:block;
overflow-x: hidden;
z-index: 1000;
}
.side-nav.fixed{
background-color: blue;
}
.mainbody.priority .side-nav.fixed{
background-color: #817858;
}
.headingbold-25{
font-size: 2.25rem!important;
}
.headingbold-26{
font-size:10rem!important;
text-transform: none;
font-weight:bold;
color: #414143;
}
.col.minimumsize{
display: block;
width: 100%!important;
}
.container{
position: relative;
padding: 0px 8px 0px 8px!important;
margin: 0 0;
width: 100%;
}
.midealign .card-content,
.alignform .card-content{
padding: 0px;
}
.footer .row .col.s8,.footer .row .col.s1,.footer .row .col.s2{
width: 100%;
height: 34px;
}
.footer .row .col label{
padding: 0px 10px;
}
.row .col.s12.loginWidth{
width: 100%;
}
.suppressmarginforbigsize.margintopbot20px {
margin-top: 10px!important;
}
}
@media only screen and (max-width : 800px){
div.row.custompanel > div.col.s6.ocolwidth50pc,div.row.custompanel > div.col.s3.ocolwidth50pc
,div.row.custompanel > div.col.s5.ocolwidth50pc,div.row.custompanel > div.col.s4.ocolwidth50pc,
div.row.custompanel > div.col.s8.ocolwidth50pc{
width: 50%!important;
}
.divider.regdivider{
width: 100%!important;
}
.row.custompanel.captcha > div.col.s8{
width: 100%;
}
.row.custompanel.captcha > div.col.s8 >div.col.s2{
width: 16%;
}
}
@-webkit-keyframes backdrop-animation {
from {
margin-top: -10px;
}
to {
margin-top: 0;
}
}
@keyframes backdrop-animation {
from {
margin-top: -10px;
}
to {
margin-top: 0;
}
}
@-webkit-keyframes login-animation {
from {
opacity: 0;
margin-top: -20px;
}
to {
opacity: 1;
margin-top: 0;
}
}
@keyframes login-animation {
from {
opacity: 0;
margin-top: -20px;
}
to {
opacity: 1;
margin-top: 0;
}
}
@-webkit-keyframes moveUpFromDown {
from {-webkit-transform: translateY(100%)
}
to {
-webkit-transform: translateY(0)
}
}
@keyframes moveUpFromDown {
from {-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
html,body{
width:100%;
#font-family: Arial;
height: 100%;
overflow: hidden;
}
body{
background: #F7F7F7;
}
.pagepanel.z-depth-1{
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 1px 0 rgba(0,0,0,0.12);
}
.basefont {
color:#9e9e9e
}
input[type=text], input[type=password],
input[type=email],input[type=url],
input[type=time], input[type=date],
input[type=datetime-local],input[type=tel],
input[type=number], input[type=search],
textarea.materialize-textarea {
background-color: transparent;
border: none;
border-bottom: 0px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 95%;
font-size: 1.3rem;
margin: 0 0 15px 0;
padding: 0 10px;
box-shadow: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all .3s;
color: #546e7a;
}
input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid,
input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid,
input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid,
input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid,
input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid,
input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid{
border-bottom: 0px solid #4CAF50;
box-shadow: 0 0px 0 0 #4CAF50;
}
.input-field.input-label{
height: 36px;
}
body .mainbody.en .input-field.input-label label{
left: 0px;
}
body .mainbody.ar .input-field.input-label label{
right: 0px;
}
form.alignform.alingndata .col{
margin: 0 auto;
float: none;
}
body .mainbody.en form.alignform.alingndata .col .col.dontwrap {
float: left;
}
body .mainbody.en form.alingndata1 .col .col.dontwrap {
border-right-color: rgb(234, 234, 234) !important;
border-right-style: solid !important;
border-right-width: 1px !important;
}
body .mainbody.ar form.alignform.alingndata .col .col.dontwrap {
float: right;
}
body .mainbody.en form.alignform.alingndata .col .col.dontwrap .ui-selectonemenu label{
margin-left: 6px;
}
body .mainbody.ar form.alignform.alingndata .col .col.dontwrap .ui-selectonemenu label{
margin-right: 6px;
}
form.alignform.alingndata .col .col.dontwrap .ui-selectonemenu label{
top: 0px;
}
body .mainbody.en form.alignform.alingndata .col .col.dontwrap.bollabel label{
float: left;
text-align: left;
color: #000;
font-size: 1.25rem;
}
body .mainbody.en form.alignform.alingndata3 .col .col.dontwrap.bollabel label {
float: right !important;
margin-right: 48px !important;
}
form.alignform.alingndata .col .col.dontwrap.bollabel label{
display: inline-block;
margin: 0;
top: 0;
}
body .mainbody.en form.alignform.alingndata .col .col.dontwrap.bollabel label{
padding: 0px 15px 0px 0px;
}
form.alignform.alingndata .col .col.dontwrap.boxinp span{
display: inline-block;
display: block;
vertical-align: middle;
color: #000;
font-size: 1.3rem;
width:21px;
}
form.alignform.alingndata.alingndata2 .col .col.dontwrap.boxinp span{
color: gray;
}
body .mainbody.en form.alignform.alingndata .col .col.dontwrap.boxinp span{
#padding: 7px 0px 0px 10px;
padding: 0px 0px 0px 5px;
}
body .mainbody.ar form.alignform.alingndata .col .col.dontwrap.boxinp span{
#padding: 7px 0px 0px 10px;
padding: 0px 1px 0px 0px;
}
body .mainbody.en form.alignform.alingndata .col .col.dontwrap.boxinp span{
float: left;
}
form.alignform.alingndata .col .col.dontwrap.boxinp span.ui-icon{
padding: 0px 0px 0px 0px;
}
.ui-datatable .col.dontwrap .ui-column-filter{
width: 100%;
padding: 0px;
background: none;
}
.ui-datatable .col.dontwrap.bollabel label{
width: 100%;
padding: 0px;
text-transform: none;
font-weight: normal;
}
.input-field .dontwrap.boxinp.iconspos.true .monthpicker{
width:80%;
}
body .mainbody.en .input-field .dontwrap.boxinp .prefix{
padding-left: 5px;
}
.input-field .dontwrap.boxinp .prefix ~input{
width: calc(90% - 3rem);
}
form.alignform.alingndata .col.buttoncenter.textaligncenter a.btn{
float: none;
margin: 0px 5px!important;
display: inline-block;
}
form.alignform.subbtnSize .col.buttoncenter.textaligncenter a.btn{
width: 142px;
}
form.alignform.alingndata .col.buttoncenter.textaligncenter a.buttonGray{
background-color: rgb(204, 204, 204)!IMPORTANT;
}
form.alignform.alingndata .col.buttoncenter.textaligncenter a.btn.margintop10px{
margin-top: 10px!important;
}
.row.overridefunctionality > .col > .input-field{
padding:0px;
}
.row.overridefunctionality > .col > .input-field .col.bollabel.s6{
width : 20%;
}
.row.overridefunctionality > .col > .input-field .col.boxinp.s6{
border:0px;
width : 80%;
}
body .mainbody.en .centeralign,
body .mainbody.ar .centeralign,
.centeralign,.row .col.s12.centeralign,
.row .col.s8.centeralign,.row .col.s4.centeralign,
.row .col.s3.centeralign,.row .col.s2.centeralign,
.row .col.s1.centeralign{
float: none;
margin: 0 auto;
}
.blockdispay{
display: block;
}
.textaligncenter{
text-align: center;
}
.anchortextaligncenter{
text-align: center;
float: none!important;
display: inline-block;
}
/* .error{
color:red;
font-weight:normal;
}
.error:before{
font-family: 'WebHostingHub-Glyphs';
content: '\002a';
margin-right: 6px;
} */
*{
outline:0;
}
.floatleft{
float: left;
}
.floatleftimp{
float: left!important;
}
.floatrightimp{
float: right!important;
}
body .mainbody.en .localfloatleft{
float: left;
}
body .mainbody.ar .localfloatleft{
float: right;
}
body .mainbody.en .localfloatright{
float: right;
}
body .mainbody.ar .localfloatright{
float: left;
}
body .mainbody.en .localfloatleftimp{
float: left!important;
}
body .mainbody.ar .localfloatleftimp{
float: right!important;
}
body .mainbody.en .localfloatrightimp{
float: right!important;
}
body .mainbody.ar .localfloatrightimp{
float: left!important;
}
.height100px{
height: 100px!important;
}
.height100pc{
height: 100%;
}
div.mainbody{
height: 100%;
}
div.mainbody nav{
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),
0 1px 1px 0 rgba(0,0,0,0.12);
}
.ui-widget-header{
background: transparent;
border: 0px;
}
.height75pc,div.headintext{
height: 75%!important;
}
div.row .col ul.collapsible,.fullwidth,
div.customaccordion ul.collapsible,.colwidth100pc{
width: 100%;
}
ul.collapsible-accordion,
ul.collapsible-accordion a.collapsible-header,
width95pc{
width: 95%;
}
.side-nav .collapsible-body{
background: transparent;
}
.side-nav .collapsible-body.show{
display: block!important;
}
div.side-nav.fixed .collapsible-body.show{
display: block;
}
.paddingtop10px{
padding-top:10px;
}
.paddingbot10px{
padding: 0px 10px;
}
.zeropadding{
padding:0!important;
}
.heading{
font-size: 1.15rem;
}
.upper{
text-transform: uppercase;
}
.colmargin{
margin: 0 0.75rem;
}
.height250px{
min-height: 250px;
height: 250px;
}
.titlegray{
color: #B2B2B2;
}
.height270px{
min-height: 270px;
height: 270px;
}
.height310px{
min-height: 310px;
height: 310px;
}
.height40px{
min-height: 40px;
height: 40px;
}
.row.logintext.margintop20px{
margin-top: 20px;
}
.margintop20px{
margin-top: 20px;
}
.margintop40px{
margin-top: 40px;
}
.margintop75px{
margin-top: 75px;
}
.margintopbot20px{
margin-top: 20px!important;
margin-bottom: 20px!important;
}
.marginbot100px{
margin-bottom: 100px;
}
.marginbot70px{
margin-bottom: 70px;
}
.marginbot20px{
margin-bottom: 20px;
margin-top: 0px;
}
.margintop1rem{
margin-top: 1rem;
}
.margintop25px{
margin-top: 25px;
}
.margintop15px{
margin-top: 15px;
}
.marginleft100px{
margin-left: 100px;
}
.negmartop12px{
margin-top:-12px;
}
.width100px{
width:100px!important;
}
.width60px{
width:60px!important;
}
.width30px{
width:30px!important;
}
.width20px{
width:20px!important;
}
.colwidth5pc{
width: 5%;
}
.colwidth10pc{
width: 10%;
}
.colwidth20pc{
width: 20%;
}
.colwidth15pc {
width: 15%;
}
.colwidth30pc{
width: 30%;
}
.colwidth40pc{
width: 40%;
}
.colwidth69pc{
width: 69%;
}
.colwidth80pc, .col.s12.colwidth80pc{
width: 80%;
}
.colwidth90pc{
width: 90%;
}
.colwidth100pc{
width: 100%;
}
.colwidth13pc {
width: 57% !IMPORTANT;
white-space: inherit !important;
}
.colwidth27pc {
width: 27% !IMPORTANT;
white-space: inherit !important;
}
.colwidth33pc{
width: 33%;
}
body .mainbody.en nav li.logoutalign{
margin-right:-30%;
margin-top:3%;
}
.colwidth100pcimp{
width: 100%!important;
}
form.alignform.alingndata .col.alignforpagewidth{
margin: 0;
}
body .mainbody.en form.alignform.alingndata .col.alignforpagewidth{
float: left;
}
body .mainbody.ar form.alignform.alingndata .col.alignforpagewidth{
float: right;
}
input[type=email], input[type=url],
input[type=time], input[type=date],
input[type=datetime-local], input[type=tel],
input[type=number], input[type=search],
textarea.materialize-textarea{
border: 1px solid #9e9e9e;
border-radius: 4px;
margin:0px;
}
.input-field div.boxinp,div.boxinp{
border: 1px solid #9e9e9e;
border-radius: 4px;
margin:0px;
}
.input-label.input-field div.boxinp{
border: 1px solid #EAEAEA;
}
.campaignform .input-field div.bollabel label,.campaignform div.bollabel label{
line-height: 20px;
}
.input-field div.bollabel label,div.bollabel label{
text-transform: none;
font-size: 1.15rem;
position: relative;
vertical-align: middle;
display: inline-block;
vertical-align: middle;
#padding: 0em 1em;
#line-height: 36px;
line-height: 34px;
}
.input-field div.bollabel.nolineheight label,div.bollabel label.nolineheight{
line-height: 15px;
}
body .mainbody.en .input-field div.bollabel label,
body .mainbody.en div.bollabel label{
float: right;
}
body .mainbody.ar .input-field div.bollabel label,
body .mainbody.ar div.bollabel label{
float: left;
}
body .mainbody.en .input-field div.bollabel.fullwidth label,
body .mainbody.en div.bollabel.fullwidth label{
float: left;
padding: 0em;
left:0;
}
body .mainbody.ar .input-field div.bollabel.fullwidth label,
body .mainbody.ar div.bollabel.fullwidth label{
float: right;
padding: 0em;
right:0;
}
body .mainbody.en .input-group.date .input-group-addon{
float: left;
}
body .mainbody.ar .input-group.date .input-group-addon{
float: right;
}
input[type=text].invalid, input[type=text]:focus.invalid,
input[type=password].invalid, input[type=password]:focus.invalid,
input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid,
input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid,
input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid,
input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid,
input[type=search]:focus.invalid, textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid{
border-bottom: 0px solid #F44336;
box-shadow: 0 0px 0 0 #F44336;
}
input[type=text].invalid+label.active:after
input[type=password].invalid+label.active:after
input[type=email].invalid+label.active:after
input[type=url].invalid+label.active:after,
input[type=time].invalid+label.active:after,
input[type=date].invalid+label.active:after,
input[type=datetime-local].invalid+label.active:after,
input[type=tel].invalid+label.active:after,
input[type=number].invalid+label.active:after,
input[type=search].invalid+label.active:after,
textarea.materialize-textarea.invalid+label.active:after{
margin-top: 24px;
}
input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]){
border-bottom:0px solid #26a69a;
box-shadow:0 0px 0 0 #26a69a
}
body .mainbody.en .input-field .prefix.active{
margin-left: 6px;
}
input[type=text]:focus.invalid+label.active:after,
input[type=password]:focus.invalid+label.active:after,
input[type=email]:focus.invalid+label.active:after,
input[type=url]:focus.invalid+label.active:after,
input[type=time]:focus.invalid+label.active:after,
input[type=date]:focus.invalid+label.active:after,
input[type=datetime-local]:focus.invalid+label.active:after,
input[type=tel]:focus.invalid+label.active:after,
input[type=number]:focus.invalid+label.active:after,
input[type=search]:focus.invalid+label.active:after,
textarea.materialize-textarea:focus.invalid+label.active:after{
margin-top: -20px;
}
div.row{
margin-bottom: 5px;
margin-top: 5px;
}
div.row.headingcontainer{
margin-bottom: 0px;
margin-top: 0px;
}
div.row.headingcontainer.headintext{
text-transform: uppercase;
font-size: 1.3rem;
}
div.row.headingcontainer.headintext{
text-transform: uppercase;
font-size: 1.3rem;
}
div.row.headingcontainer.headintext{
text-transform: none;
font-size: 1.3rem;
}
.midealign .input-field label{
top: 0rem;
}
.input-field .col,.switchbutton .col{
height: 34px;
padding: 0px;
white-space: nowrap;
}
.range-field{
margin-top: 2rem;
}
.ui-widget-overlay{
#background: transparent;
background: rgba(0,0,0,0.05);
}
/* .nologin .ui-widget-overlay{
background: #FFF;
}
*/
/************************Other start *************************/
.ui-separator{
border: 1px solid #a8a8a8;
}
/************************Other end *************************/
/*********************nav bar start****************************/
nav {
background: #FFF;
}
body .mainbody.en nav .button-collapse{
left: 234px;
}
nav.customnavpanel{
position: relative;
z-index: 998;
top: 0;
height: 8%;
}
body .mainbody.en nav .nav-wrapper div.logo,nav .brand-logo.ei{
background: url(../resources/images/en/enbdlogo.png) no-repeat;
background-position: 50%;
}
body .mainbody.priority span.badge.new{
background-color: #86754D;
}
body .mainbody span.badge.new{
background-color: #774396;
}
body .mainbody.en.priority nav .nav-wrapper div.logo,.mainbody.priority nav .brand-logo.ei{
background: url(../resources/images/en/logo_PB.png) no-repeat;
background-position: 50%;
margin: 5px 2px;
}
body .mainbody.en nav ul.dropdown-content i{
float:left;
}
nav .nav-wrapper div.row,nav .nav-wrapper div.col,nav .nav-wrapper form{
height:100%;
margin: 0px;
}
nav .mainMenuHolder{
width: 320px;
}
nav .fixlineheight22,nav .fixlineheight22 .ui-selectonemenu-label{
line-height: 22px;
height: 22px;
}
nav .fixlineheight22,nav .fixlineheight22 a.dropdown-button i{
line-height: 12px;
height: 12px;
}
nav li.fixlineheight22{
/* padding: 3px;
margin: 3px; */
padding: 1px;
margin: 1px;
}
body .mainbody.en nav li.fixlineheight22{
float: right;
height: 25px;
}
body .mainbody.en nav li.fixlineheight22 > div{
height:22px;
}
nav li.fixlineheight22 a.dropdown-button{
padding: 5px 0px;
border-radius: 5px;
border: 1px solid #DBDBDB;
min-width: 256px;
}
body .mainbody.en nav li.fixlineheight22 a.dropdown-button{
float: right;
}
nav .fixlineheight22.subuserdropdown{
background: transparent!important;
}
nav .fixlineheight22.subuserdropdown > div.col > .col.s6{
float:left;
}
nav .fixlineheight22.subuserdropdown > div.col > .col.s6.bollabel{
width:25%;
}
nav .fixlineheight22.subuserdropdown > div.col > .col.s6.boxinp {
width:74%;
}
body .mainbody.en nav .fixlineheight22,
body .mainbody.en nav .fixlineheight22.subuserdropdown label{
float: left;
}
nav .fixlineheight22.subuserdropdown label{
padding:0px;
}
nav .fixlineheight22.subuserdropdown div.ui-selectonemenu{
width:80%!important;
height:22px;
border-bottom: 0px!important;
}
nav .fixlineheight22.subuserdropdown div.ui-selectonemenu > label,
nav .fixlineheight22.subuserdropdown div.ui-selectonemenu > .ui-selectonemenu-trigger{
top:0px!important;
background-color:transparent!important;
}
nav ul.dropdown-content i{
width: 32px;
}
body .mainbody.ar nav ul.dropdown-content i{
float: right;
padding-left: 10px;
}
i.red{
color: red;
background: transparent!important;
background-color: transparent!important;
}
nav a.button-collapse{
color: rgba(49, 53, 52, 0.6);
border-radius: 36px;
width: 36px;
height: 36px;
margin: 14px 0 14px 12px;
line-height: 36px;
}
nav a.button-collapse:hover{ //TEST
background-color: rgba(12, 12, 12, 0.07);
}
nav ul.hide-on-med-and-down,
nav ul.hide-on-med-and-down a{
color: #000;
}
nav ul.hide-on-med-and-down > form > li.right-align:hover{
background: transparent;
}
nav ul.hide-on-med-and-down > form > li.right-align > a.dropdown-button:hover{
background-color: rgba(0,0,0,0.05);
}
.side-nav.fixed a{
padding: 0px 1px!important;
}
li.active ul > li:last-child:before{
height: 16px;
}
li.active ul > li.bold:before{
height: 40px;
}
li.active ul > li.bold:last-child:before{
height:20px;
}
li.active ul > li.bold.active:before{
height: 20px;
}
li.active ul > li.bold > a.expand:before{
margin-top: 20px;
}
div.side-nav.fixed li a{
line-height: 44px;
height: 44px;
border-bottom: 0px solid #e5e6e6;
}
div.side-nav.fixed li.active > a{
border-bottom: 1px solid #9A9B9C;
}
div.side-nav.fixed div.simplebar-content > form >ul > li.active > a.active:after{
content: '\f48b';
font-family: 'WebHostingHub-Glyphs';
}
body .mainbody.en div.side-nav.fixed li.active > a.active:after{
float: right;
margin-right: 15px;
}
div.side-nav.fixed li.bold > a{
font-weight: 100;
}
div.side-nav.fixed li a.origmenu{
height: 44px;
line-height: 15px;
}
.side-nav .collapsible,.side-nav .collapsible-body li a {
margin:0;
width: 100%;
}
.side-nav .collapsible li{
position: relative;
width: 100%;
}
.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active,
.side-nav li:hover, .side-nav li.active{
background: transparent;
}
.side-nav .collapsible-header i{
line-height: 40px;
}
body .mainbody.ar .side-nav .collapsible-header i{
float: right;
text-align: center;
margin-left: 1rem;
margin-right: 0rem;
}
ul.collapsible .collapsible-body ul.collapsible{
width: 100%;
}
div.side-nav.fixed li a.collapsible-header:hover{
#color: #FFF;
font-weight: bold;
}
div.side-nav.fixed li a {
font-size:1.3rem;
#text-transform: uppercase;
text-transform: none;
line-height: 44px;
height: 44px;
white-space: nowrap;
width: 100%;
text-transform: initial;
#color: rgba(255, 255, 255, 0.65);
color: #FFF;
#font-family: verdana;
margin: 0px;
border-bottom: 1px solid #9A9B9C;
}
body .mainbody.priority div.side-nav.fixed li a{
border-bottom: 1px solid #999;
}
div.side-nav.fixed li.active > div > ul > li > a{
width: 100%;
}
/* div.side-nav.fixed li.active > div > ul > li > a.collapsible-header.expand.active:after{
content: '\f31c';
font-family: 'WebHostingHub-Glyphs';
} */
body .mainbody.en div.side-nav.fixed li.active > div > ul > li > a.collapsible-header.expand.active:after{
float: right;
margin-right: 0px;
}
/* div.side-nav.fixed li.active > div > ul > li > a.collapsible-header.expand:after{
content: '\f31d';
font-family: 'WebHostingHub-Glyphs';
} */
body .mainbody.en div.side-nav.fixed li.active > div > ul > li > a.collapsible-header.expand:after{
float: right;
margin-right: 0px;
}
div.side-nav.fixed li.active > div > ul > li > a.selected{
color: #000!important;
font-weight: bold;
background-color:#FFC72C;
}
div.side-nav.fixed li > div > ul{
display: none;
}
div.side-nav.fixed li.bold.active > div > ul{
display: block;
background: #301441;
}
div.side-nav.fixed li.active > div > ul > li.active > div,
div.side-nav.fixed li.active > div > ul > li > div{
overflow: inherit!important;
}
nav .button-collapse{
position: absolute!important;
top:0px;
}
.pagebreadcrumb,.pagebreadcrumb a{
font-size: 1rem;
text-transform: none;
color: #B2B2B2;
display: none;
}
.pagebreadcrumb ul {
margin: 0px;
float:none;
}
.pagebreadcrumb ul li a:after {
content: '>';
padding: 5px;
#font-family: Tahoma;
}
.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a{
color: rgba(255, 255, 255, 0.65)!important;
}
div.side-nav ul.collapsible > li.bold > div.collapsible-body > ul.collapsible > li.bold > a > i:before{
content: '\002b';
}
div.side-nav ul.collapsible > li.bold > div.collapsible-body > ul.collapsible > li.bold.active > a > i:before{
content: '\00d7';
}
/*********************nav bar end****************************/
body .mainbody.en .table-of-contents a{
padding-left: 10px!important;
}
.table-of-contents a{
width: 120px;
}
/***************Combo box start ************/
body .mainbody.en .ui-selectonemenu .ui-selectonemenu-label{
text-align: left;
}
body .mainbody.ar .ui-selectonemenu .ui-selectonemenu-label{
text-align: right;
}
body .mainbody.en .ui-selectonemenu .ui-selectonemenu-trigger{
right:0;
}
body .mainbody.ar .ui-selectonemenu .ui-selectonemenu-trigger{
left:0;
right: inherit;
}
.ui-selectonemenu{
font-size: 16px !important;
#font-family: 'robotoregular' !important;
padding: 0px 24px 0px 0px !important;
border-bottom: solid 1px #B0BEC5 !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
color: #778D9B;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
width: 100%!important;
}
.ui-selectonemenu.ui-state-error{
border:1px solid #cd0a0a;
}
.ui-selectonemenu.ui-state-focus{
border-bottom: solid 1px rgb(78, 163, 155)!important;
}
.ui-shadow{
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;
}
.ui-selectonemenu-panel{
z-index: 1050!important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list{
padding: 0px !important;
background-color: #ffffff;
width: 100%;
border-radius: 0;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
text-indent: 0px;
width: 20px;
height: 20px;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before{
font-family: 'WebHostingHub-Glyphs';
content: '\f48b';
color:#546e7a;
font-size: 1rem;
#margin: 8px;
}
.ui-selectonemenu,.ui-selectonemenu .ui-selectonemenu-trigger{
background: transparent!important;
border: 0px;
}
.ui-selectonemenu .ui-selectonemenu-trigger{
padding: 0px 15px !important;
font-size: 16px;
color: #ffffff !important;
text-shadow: none;
z-index: 100;
background-color: #f5f5f5!important;
border-bottom: solid 1px #b0bec5 !important;
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}
.ui-selectonemenu .ui-inputfield{
color: #546e7a;
font-size: 1.3rem;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: transparent;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
top: 4px;
padding: 5px 10px;
}
body .mainbody.en .ui-selectonemenu .ui-inputfield{
left: 0px;
right: 0px;
#font-family: 'Arial' !important;
}
body .mainbody.ar .ui-selectonemenu .ui-inputfield{
left: 0px;
right: 0px;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item{
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
font-size: 1.2rem;
-moz-border-radius: 0px !important;
margin: 0px 0px 1px !important;
color: #546e7a;
padding: 1px 14px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
white-space: nowrap;
height: 25px;
}
.ui-selectonemenu .ui-selectonemenu-trigger{
padding: 0px!important;
font-size: 16px;
color: #ffffff !important;
text-shadow: none;
z-index: 100;
background-color: #f5f5f5;
border-bottom: 0px solid #b0bec5 !important;
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
width:24px!important;
top: 4px!important;
}
.ui-selectonemenu-panel{
background-color:rgba(255, 255, 255, 0.7) !important;
}
.ui-selectonemenu-panel td{
line-height: 20px;
height: 20px;
}
.ui-selectonemenu-panel .ui-selectonemenu-table td{
border-color: rgba(189, 193, 193, 0.2)!important;
white-space: nowrap!important;
}
.ui-selectonemenu-items-wrapper{
background-color: #FFF;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{
margin-top: 34px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container{
width:100%;
background:#FFF;
height:5px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter{
width:90%!important;
background:#FFF;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{
position: absolute;
top: 5px;
text-indent: 0px;
}
body .mainbody.en .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{
right: 4px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon.ui-icon-search:before{
content: '\f0c5';
font-size: 2rem;
font-family: 'WebHostingHub-Glyphs';
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon.ui-icon-confirmT:before{
content: '\f471';
font-size: 2rem;
font-family: 'WebHostingHub-Glyphs';
}
/***************Combo box end ************/
/*****************Quick Link start *********************/
.quicklinkheader{
color: #421956;
font-weight: bold;
width:120px;
}
.section{
width: 100%;
}
.drawborder{
background-color:transparent;
margin-top:10px;
}
.drawborder div.pagepanel .row{
margin: 15px 0px;
}
.drawborder div.pagepanel {
background-color: rgba(255,255,255,1);
width:90%;
}
body .mainbody.en .container .row,
body .mainbody.ar .container .row{
margin-left: 0rem;
margin-right: 0rem;
}
body .mainbody.en .left-align{
text-align: left;
}
body .mainbody.ar .left-align{
text-align: right;
}
.container.override .message{
width: 65%;
margin: 0 auto;
}
/****************Quick Link end*************************/
/********************Keyboard start ***********************/
.ui-keyboard{
border: 1px solid #F1F1F1!important;
border-radius: 4px;
z-index: 1;
background: #FFF!important;
}
.ui-keyboard .ui-keyboard-preview-wrapper input{
display: inline-block;
border: 1px solid blue;
border-radius: 4px;
width: 93%;
}
.ui-keyboard .ui-keyboard-keyset button{
border: 1px solid #d3d3d3;
background-color: #F1F1F1;
height: 25px;
}
.ui-keyboard .ui-keyboard-keyset button.ui-keyboard-space{
width: 15em;
}
/********************Keyboard end ***********************/
/************************Carousel Start **************************/
.owl-carousel .owl-item img{
border-radius: 4px;
}
/************************Carousel End **************************/
/****************Bread Crumb vesion 2 start ********************/
/* --------------------------------
Basic Style
-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
width: 100%;
max-width: 768px;
padding: 0.5em 1em;
margin: 1em auto;
background-color: #edeff0;
border-radius: .25em;
text-transform: none;
}
body .mainbody.en .cd-breadcrumb::after,
body .mainbody.en .cd-multi-steps::after,
body .mainbody.ar .cd-breadcrumb::after,
body .mainbody.ar .cd-multi-steps::before {
clear: both;
content: "";
display: table;
}
.cd-breadcrumb li, .cd-multi-steps li {
display: inline-block;
margin: 0.5em 0;
}
body .mainbody.en .cd-breadcrumb li,
body .mainbody.en .cd-multi-steps li{
float: left;
}
body .mainbody.ar .cd-breadcrumb li,
body .mainbody.ar .cd-multi-steps li{
float: right;
}
body .mainbody.en .cd-breadcrumb li::after,
body .mainbody.en .cd-multi-steps li::after,
body .mainbody.ar .cd-breadcrumb li::before,
body .mainbody.ar .cd-multi-steps li::before {
display: inline-block;
content: '';
margin: 0 .6em;
color: #959fa5;
background: #edeff0;
height: 1px;
}
body .mainbody.en .cd-breadcrumb li:last-of-type::after,
body .mainbody.en .cd-multi-steps li:last-of-type::after,
body .mainbody.ar .cd-breadcrumb li:last-of-type::before,
body .mainbody.ar .cd-multi-steps li:last-of-type::before {
display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
display: inline-block;
font-size: 1.4rem;
color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
color: #96c03d;
}
.cd-breadcrumb .visited a:hover, .cd-multi-steps .visited a:hover {
color: #96c03d;
}
body .mainbody.en .cd-breadcrumb.custom-separator li::after,
body .mainbody.en .cd-multi-steps.custom-separator li::after,
body .mainbody.ar .cd-breadcrumb.custom-separator li::before,
body .mainbody.ar .cd-multi-steps.custom-separator li::before {
content: '';
height: 16px;
width: 16px;
background: url(../img/cd-custom-separator.svg) no-repeat center center;
vertical-align: middle;
}
body .mainbody.en .cd-breadcrumb.custom-icons li > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li > *::before{
margin-right: .4em;
}
body .mainbody.ar .cd-breadcrumb.custom-icons li > *::before,
body .mainbody.ar .cd-multi-steps.custom-icons li > *::before{
margin-left: .4em;
}
body .mainbody.en .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::after {
background-position: -20px 0;
}
body .mainbody.en .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::after {
background-position: -40px 0;
}
body .mainbody.en .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::after {
background-position: -60px 0;
}
body .mainbody.en .cd-breadcrumb.custom-icons li.current:first-of-type > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li.current:first-of-type > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li.current:first-of-type > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li.current:first-of-type > *::after {
background-position: 0 -20px;
}
body .mainbody.en .cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::after {
background-position: -20px -20px;
}
body .mainbody.en .cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::after {
background-position: -40px -20px;
}
body .mainbody.en .cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before,
body .mainbody.en .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before,
body .mainbody.ar .cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::after,
body .mainbody.ar .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::after {
background-position: -60px -20px;
}
/* --------------------------------Multi steps indicator -------------------------------- */
@media only screen and (min-width: 768px) {
.input-group.date .form-control{
width: 74%;
border-bottom: 0px;
padding: 0px 10px;
}
.margintop40pximp{
margin-top: 40px!important;
}
.cd-breadcrumb, .cd-multi-steps {
padding: 0 1.2em;
}
.cd-breadcrumb li, .cd-multi-steps li {
margin: 1.2em 0;
}
body .mainbody.en .cd-breadcrumb li::after,
body .mainbody.en .cd-multi-steps li::after,
body .mainbody.ar .cd-breadcrumb li::before,
body .mainbody.ar .cd-multi-steps li::before {
margin: 0 1em;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
font-size: 1rem;
}
.cd-multi-steps {
background-color: transparent;
padding: 0;
text-align: center;
}
.cd-multi-steps li {
position: relative;
float: none!important;
margin: 0.4em 40px 0.4em 0;
}
.cd-multi-steps.text-bottom li.current a{
color: #FFC72C;
font-weight: bold;
}
body .mainbody.priority .cd-multi-steps.text-bottom li.current a{
color: #817858;;
font-weight: bold;
}
body .mainbody.en .cd-multi-steps li:last-of-type {
margin-right: 0;
}
body .mainbody.ar .cd-multi-steps li:last-of-type {
margin-left: 0;
}
body .mainbody.en .cd-multi-steps li::before,
body .mainbody.ar .cd-multi-steps li::after {
position: absolute;
content: '';
height: 1px;
background: #edeff0;
margin: 0;
}
body .mainbody.en .cd-multi-steps li.visited::after,
body .mainbody.ar .cd-multi-steps li.visited::before {
background-color: #E7E7E7
}
.cd-multi-steps li > *, .cd-multi-steps li.current > * {
position: relative;
color: #2c3f4c;
display: block;
}
body .mainbody.en .cd-multi-steps.custom-separator li::after,
body .mainbody.ar .cd-multi-steps.custom-separator li::before {
height: 4px;
background: #edeff0;
}
body .mainbody.en .cd-multi-steps.text-center li::after,
body .mainbody.ar .cd-multi-steps.text-center li::before {
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-1px);
-moz-transform: translateY(-50%) translateX(-1px);
-ms-transform: translateY(-50%) translateX(-1px);
-o-transform: translateY(-50%) translateX(-1px);
transform: translateY(-50%) translateX(-1px);
}
body .mainbody.en .cd-multi-steps.text-center li::after {
left: 100%;
}
body .mainbody.ar .cd-multi-steps.text-center li::after {
right: 100%;
}
.cd-multi-steps.text-center li > * {
z-index: 1;
padding: .6em 1em;
border-radius: .25em;
background-color: #edeff0;
}
.cd-multi-steps.text-center a:hover {
background-color: #2c3f4c;
}
.cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
color: #ffffff;
background-color: #96c03d;
}
body .mainbody.en .cd-multi-steps.text-center.custom-icons li.visited a::before,
body .mainbody.ar .cd-multi-steps.text-center.custom-icons li.visited a::after {
background-position: 0 -60px;
}
.cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
width: 75px;
#width: 80px;
text-align: center;
}
body .mainbody.en .cd-multi-steps.text-top li::before,
body .mainbody.en .cd-multi-steps.text-bottom li::before,
body .mainbody.ar .cd-multi-steps.text-top li::after,
body .mainbody.ar .cd-multi-steps.text-bottom li::after {
position: absolute;
width: calc(0% + 40px);
}
body .mainbody.en .cd-multi-steps.text-top li::before,
body .mainbody.en .cd-multi-steps.text-bottom li::before {
left: 67%;
}
body .mainbody.ar .cd-multi-steps.text-top li::before,
body .mainbody.ar .cd-multi-steps.text-bottom li::before {
right: 67%;
}
body .mainbody.en .cd-multi-steps.text-top li.current::before,
body .mainbody.en .cd-multi-steps.text-bottom li.current::before,
body .mainbody.ar .cd-multi-steps.text-top li.current::after,
body .mainbody.ar .cd-multi-steps.text-bottom li.current::after{
z-index: 1;
background-color: #FFC72C;
}
body .mainbody.en.priority .cd-multi-steps.text-top li.current::before,
body .mainbody.en.priority .cd-multi-steps.text-bottom li.current::before,
body .mainbody.ar.priority .cd-multi-steps.text-top li.current::after,
body .mainbody.ar.priority .cd-multi-steps.text-bottom li.current::after{
z-index: 1;
background-color: #817858;
}
body .mainbody.en .cd-multi-steps.text-top li:last-child:before,
body .mainbody.en .cd-multi-steps.text-bottom li:last-child:before,
body .mainbody.ar .cd-multi-steps.text-top li:last-child:after,
body .mainbody.ar .cd-multi-steps.text-bottom li:last-child:after{
display: none;
}
body .mainbody.en .cd-multi-steps.text-top li::after,
body .mainbody.en .cd-multi-steps.text-bottom li::after,
body .mainbody.ar .cd-multi-steps.text-top li::before,
body .mainbody.ar .cd-multi-steps.text-bottom li::before{
position: absolute;
width: calc(100% + 5px);
}
body .mainbody.en .cd-multi-steps.text-top li::after,
body .mainbody.en .cd-multi-steps.text-bottom li::after {
left: 65%;
}
body .mainbody.ar .cd-multi-steps.text-top li::after,
body .mainbody.ar .cd-multi-steps.text-bottom li::after {
right: 65%;
}
body .mainbody.en .cd-multi-steps.text-top li > *::before,
body .mainbody.en .cd-multi-steps.text-bottom li > *::before,
body .mainbody.ar .cd-multi-steps.text-top li > *::after,
body .mainbody.ar .cd-multi-steps.text-bottom li > *::after {
content: '';
position: absolute;
z-index: 1;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #edeff0;
}
body .mainbody.en .cd-multi-steps.text-top li > *::before,
body .mainbody.en .cd-multi-steps.text-bottom li > *::before{
left: 50%;
right: 50%;
display: block;
}
body .mainbody.ar .cd-multi-steps.text-top li > *::after,
body .mainbody.ar .cd-multi-steps.text-bottom li > *::after{
right: 20%;
left: 0%;
display: block;
}
body .mainbody.en .cd-multi-steps.text-top li.visited > *::before,
body .mainbody.en .cd-multi-steps.text-bottom li.visited > *::before,
body .mainbody.ar .cd-multi-steps.text-top li.visited > *::after,
body .mainbody.ar .cd-multi-steps.text-bottom li.visited > *::after {
background-color: #E7E7E7;
border: 1px solid #FFF;
box-shadow: 0 0 0 1px #E7E7E7;
}
body .mainbody.en .cd-multi-steps.text-top li.current > *::before,
body .mainbody.en .cd-multi-steps.text-bottom li.current > *::before,
body .mainbody.ar .cd-multi-steps.text-top li.current > *::after,
body .mainbody.ar .cd-multi-steps.text-bottom li.current > *::after{
background-color: #FFC72C;
border: 1px solid #FFF;
box-shadow: 0 0 0 1px #FFC72C;
}
body .mainbody.en.priority .cd-multi-steps.text-top li.current > *::before,
body .mainbody.en.priority .cd-multi-steps.text-bottom li.current > *::before,
body .mainbody.ar.priority .cd-multi-steps.text-top li.current > *::after,
body .mainbody.ar.priority .cd-multi-steps.text-bottom li.current > *::after{
background-color: #817858;
border: 1px solid #FFF;
box-shadow: 0 0 0 1px #817858;
}
.cd-multi-steps.text-top .visited a:hover,
.cd-multi-steps.text-bottom .visited a:hover {
color: #96c03d;
}
body .mainbody.en .cd-multi-steps.text-top .visited a:hover::before,
body .mainbody.en .cd-multi-steps.text-bottom .visited a:hover::before,
body .mainbody.ar .cd-multi-steps.text-top .visited a:hover::after,
body .mainbody.ar .cd-multi-steps.text-bottom .visited a:hover::after {
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
}
body .mainbody.en .cd-multi-steps.text-top li::after,
body .mainbody.ar .cd-multi-steps.text-top li::before {
bottom: 4px;
}
.cd-multi-steps.text-top li > * {
padding-bottom: 20px;
}
body .mainbody.en .cd-multi-steps.text-top li > *::before,
body .mainbody.ar .cd-multi-steps.text-top li > *::after {
bottom: 0;
}
body .mainbody.en .cd-multi-steps.text-bottom li::after,
body .mainbody.ar .cd-multi-steps.text-bottom li::before {
top: 3px;
}
.cd-multi-steps.text-bottom li > * {
padding-top: 20px;
}
body .mainbody.en .cd-multi-steps.text-bottom li > *::before,
body .mainbody.ar .cd-multi-steps.text-bottom li > *::after {
top: 0;
}
}
/* --------------------------------
Add a counter to the multi-steps indicator
-------------------------------- */
.cd-multi-steps.count li {
counter-increment: steps;
vertical-align: top;
}
body .mainbody.en .cd-multi-steps.count li > *::before {
content: counter(steps) " - ";
}
body .mainbody.ar .cd-multi-steps.count li > *::after {
content: counter(steps) " - ";
}
@media only screen and (min-width: 768px) {
body .mainbody.en .cd-multi-steps.text-top.count li > *::before,
body .mainbody.en .cd-multi-steps.text-bottom.count li > *::before {
content: counter(steps);
height: 26px;
width: 26px;
line-height: 23px;
font-size: 1.4rem;
color: #ffffff;
}
body .mainbody.ar .cd-multi-steps.text-top.count li > *::after,
body .mainbody.ar .cd-multi-steps.text-bottom.count li > *::after {
content: counter(steps);
height: 26px;
width: 26px;
line-height: 23px;
font-size: 1.4rem;
color: #ffffff;
}
body .mainbody.en .cd-multi-steps.text-top li.visited > *::before,
body .mainbody.en .cd-multi-steps.text-bottom li.visited > *::before,
body .mainbody.ar .cd-multi-steps.text-top li.visited > *::after,
body .mainbody.ar .cd-multi-steps.text-bottom li.visited > *::after{
content: '\2713';
height: 26px;
width: 26px;
line-height: 23px;
font-size: 1.4rem;
color: #95CD6B;
font-family: 'WebHostingHub-Glyphs';
}
.cd-multi-steps.text-top li.visited > a,
.cd-multi-steps.text-bottom li.visited > a{
font-weight: bold;
color: #000;
}
body .mainbody.en .cd-multi-steps.text-top.count li:not(.current) em::before,
body .mainbody.en .cd-multi-steps.text-bottom.count li:not(.current) em::before,
body .mainbody.ar .cd-multi-steps.text-top.count li:not(.current) em::after,
body .mainbody.ar .cd-multi-steps.text-bottom.count li:not(.current) em::after{
color: #2c3f4c;
}
body .mainbody.en .cd-multi-steps.text-top.count li::after,
body .mainbody.ar .cd-multi-steps.text-top.count li::before {
bottom: 11px;
}
.cd-multi-steps.text-top.count li > * {
padding-bottom: 34px;
}
body .mainbody.en .cd-multi-steps.text-bottom.count li::before,
body .mainbody.ar .cd-multi-steps.text-bottom.count li::after {
top: 11px;
}
body .mainbody.en .cd-multi-steps.text-bottom.count li::after,
body .mainbody.ar .cd-multi-steps.text-bottom.count li::before {
top: 11px;
}
.cd-multi-steps.text-bottom.count li > * {
padding-top: 34px;
float: none;
color: #E1E1E1;
font-weight: bold
}
}
/****************Bread Crumb vesion 2 end ********************/
/************************Data Table *********************/
table.striped>tbody>tr:nth-child(odd){
background-color: rgba(242, 243, 243, 0.35);
}
.ui-datatable{
text-transform: none;
}
table.bordered>thead>tr, table.bordered>tbody>tr {
border-bottom: 1px solid rgba(189, 193, 193, 0.2);
}
.customtable.accountsummarytable{
border-radius: 5px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.customtable,.customtable.accountsummarytable{
border-radius: 5px;
box-shadow: 0 0px 0px 0 rgba(0,0,0,.14),0 0px 0px 0px rgba(0,0,0,.2),0 0px 0px 0 rgba(0,0,0,.12);
border: 1px solid #E9E9E9;
}
.customtable.myservices{
margin-top: 10px;
}
.customtable.myservices .ui-datatable-header{
padding: 10px 0px!important;
}
.customtable table.striped>tbody>tr:nth-child(odd){
background-color: #F7F7F7;
}
.customtable table.striped>tbody>tr:nth-child(even){
background-color: #F1F1F1;
}
.customtable div.ui-datatable-tablewrapper{
padding: 0px 0px 24px 0px;
}
.ui-datatable tbody td, .ui-datatable tfoot td{
border-width:0px 0px 1px 0px!important;
}
.ui-datatable.noheader table thead{
display:none;
}
.customtable.ui-datatable thead th, .customtable.ui-datatable tfoot th{
color: #404042!important
}
.fdheaderstyle.ui-datatable thead th {
background: #182F7C;
color: #ffffff !important;
border-bottom: 1px solid black !important;
border-width: 1px 1px 1px 1px !important;
}
.fdheaderstyle.ui-datatable .responsive-table thead th{
color: #000000!important;
}
.fdheaderstyle.ui-datatable .responsive-table thead th .ui-column-title{
color: white!important;
}
.ui-datatable thead th, .ui-datatable tfoot th{
border-width:0px 0px 2px 0px!important;
background: transparent;
border-bottom: 2px solid rgba(189, 193, 193, 0.2)!important;
color: #bfbfbf!important;
font-size: 1.14rem;
font-weight: bold;
}
.ui-widget-content{
border: 0px;
background:transparent;
}
.ui-widget-content .ui-icon {
background-image: url("/EI/javax.faces.resource/images/ui-icons_616161_256x240.png.jsf?ln=primefaces-aristo");
width: 30px;
height: 30px;
}
/**************wrong data *******************/
input[type=text]+label:after, input[type=password]+label:after, input[type=email]+label:after, input[type=url]+label:after,
input[type=time]+label:after, input[type=date]+label:after, input[type=datetime-local]+label:after, input[type=tel]+label:after,
input[type=number]+label:after, input[type=search]+label:after, textarea.materialize-textarea+label:after{
margin-top: -35px!important;
font-size: 0.90rem;
}
input[type=text]+label.active:after, input[type=password]+label.active:after, input[type=email]+label.active:after, input[type=url]+label.active:after,
input[type=time]+label.active:after, input[type=date]+label.active:after, input[type=datetime-local]+label.active:after, input[type=tel]+label.active:after,
input[type=number]+label.active:after, input[type=search]+label.active:after, textarea.materialize-textarea+label.active:after{
margin-top: -23px!important;
font-size: 0.90rem;
}
input[type=text]:focus.invalid+label:after, input[type=password]:focus.invalid+label:after, input[type=email]:focus.invalid+label:after,
input[type=url]:focus.invalid+label:after, input[type=time]:focus.invalid+label:after, input[type=date]:focus.invalid+label:after,
input[type=datetime-local]:focus.invalid+label:after, input[type=tel]:focus.invalid+label:after, input[type=number]:focus.invalid+label:after,
input[type=search]:focus.invalid+label:after, textarea.materialize-textarea:focus.invalid+label:after{
top: 65px!important;
}
/**************************Progress**************/
.progress{
display: none;
}
.progress.show{
display:none!important;
background-color: transparent;
margin: 0px;
}
.progress.show .indeterminate{
background-color:purple;
}
body div.mainbody.priority .progress.show .indeterminate{
background-color:#86754D;
}
/****************************Tab Start ************************/
.tabs{
background: transparent;
}
.tabs .tab{
padding: 0px 0px 0px 3px;
background-color: transparent;
}
.tabs .tab:first-child{
padding: 0px;
}
.tabs .tab a{
background-color: #EEEEEE;
color: #676769;
text-transform: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 1.3rem!important;
}
.tabs .tab a:hover{
color: #676769;
}
.tabs .tab a.active:hover{
color:#FFF;
}
.tabs .tab a.active{
background-color: blue;
color: #FFF;
font-weight: bold;
}
.mainbody.priority .tabs .tab a.active{
background-color: #685C3D;
}
.tabs .indicator{
background-color:#FFF;
height: 2px;
bottom: 2px!important;
display: none;
}
/****************************Tab End ************************/
/****************************Table **********************/
.ui-widget-content .ui-datatable-even{
background-color: rgba(242, 243, 243, 0.35)
}
th{
padding: 8px 5px 8px 5px!important;
color: rgba(0,0,0,.54);
border-bottom: 2px solid rgba(189, 193, 193, 0.2);
}
td{
padding: 12px 18px 0;
height: 48px;
font-size: 12px;
border-bottom: 1px solid rgba(189, 193, 193, 0.2);
}
.responsive-table{
font-size: 13px;
background-color:#FFF;
white-space: nowrap;
}
div.ui-row-toggler.ui-icon{
background-image: none;
text-indent: -8px;
height: 20px;
width: 20px;
}
div.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before {
font-family: 'WebHostingHub-Glyphs';
content: '\002b';
font-size: 1.2rem;
width: 20px;
height: 20px;
color: #0e1b42
}
div.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before {
font-family: 'WebHostingHub-Glyphs';
content: '\2212';
font-size: 1.2rem;
width: 20px;
height: 20px;
color: #0e1b42
}
div.ui-datatable tbody td{
padding: 4px 6px!important;
border-top: 0px solid rgba(189, 193, 193, 0.2);
font-size: 1.3rem;
color: #757575 !important;
white-space: pre-line;
text-align: center;
border-bottom: 2px solid rgba(189, 193, 193, 0.2);
}
div.ui-datatable_insurance thead th{
text-align: left;
}
div.ui-datatable_insurance tbody td{
text-align: left;
}
/* body .mainbody.ar div.ui-datatable tbody td{
float: right;
} */
div.ui-datatable tbody td a{
/* font-size: 1.1rem;
color: #757575 !important;
white-space: pre-line; */
font-size: 1.25rem!important;
color: #757575 !important;
white-space: pre-line;
text-decoration: underline;
}
div.ui-datatable-tablewrapper{
padding: 0px 24px 24px 24px;
border-radius: 0 0 2px 2px;
}
div.ui-datatable{
background-color: #FFF;
}
table.innertable{
width: 89%!important;
margin: 0px auto;
border:1px solid rgba(189, 193, 193, 0.2)
}
div.customtable.ui-datatable .ui-datatable-header a{
width:100%;
}
div.customtable .ui-datatable-header{
line-height:48px;
height:48px;
}
.ui-datatable table th.ui-sortable-column span.ui-icon-carat-2-n-s:before{
font-family: 'WebHostingHub-Glyphs';
content: "\f1c2";
color: #bfbfbf;
text-indent: 0;
width:20px;
height:20px;
}
body .mainbody.en .ui-datatable table th.ui-sortable-column span.ui-icon-carat-2-n-s:before{
float: right;
}
.ui-datatable .ui-datatable-header{
padding:0px 24px!important;
}
.ui-datatable table th.ui-sortable-column span.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before{
content: '\f1c1';
}
.ui-datatable table th.ui-sortable-column.alphanumeric span.ui-icon-carat-2-n-s:before{
content: "\f15d";
}
.ui-datatable table th.ui-sortable-column.alphanumeric span.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before{
content: "\f15e";
}
.ui-state-default .ui-icon{
background-image: none!important;
}
div.customgrid.header{
margin-top: 5px;
}
div.midealign div.row.custompanel > div.col.s10,
div.midealign div.row.custompanel > div.col.s8,
div.midealign div.row.custompanel > div.col.s6{
float: none;
margin: 0 auto;
height: 36px;
}
/***************Card Panel****************/
.card.midealign{
overflow: inherit;
}
.card.card-panel.zerodepth{
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 1px 1px 0 rgba(0,0,0,0.12)
}
.card.card-panel.fullzerodepth{
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 0px 0 rgba(0,0,0,0.12)
}
.card.card-panel{
border-radius: 4px;
}
.card .card-content .card-title{
line-height: 24px;
}
div.card-panel,div.card{
padding:0px!important;
overflow: visible;
}
div.card-panel.listingalign .cardheader .col.s4{
width:100%;
text-align: center;
}
div.card-panel.listingalign .cardheader .col .card-title{
text-transform: none;
font-size: 1.5rem;
font-weight: bold;
}
div.card-panel.listingalign .cardheader .col.fullWidth{
text-transform: none;
width: 100%;
text-align: center;
color: #B2B2B2;
font-size: 1.3rem;
}
div.card-panel.listingalign div.listingmenu{
width:100%;
height:150px;
color: #3F3F3F;
text-transform: none;
text-align: center;
border: 1px solid #D1D1D1;
border-radius: 4px;
margin-top: 10%;
}
.listingmenu .menuicon{
height: 75%;
width: 100%;
background-repeat: no-repeat;
}
.menuicon.request:before{
content: '\f60e';
font-family: 'WebHostingHub-Glyphs';
color: #C5A18B;
font-size: 5rem;
}
.listingmenu .menuicon.note:before {
content: '\f785';
font-family: 'WebHostingHub-Glyphs';
font-size: 4rem;
}
body div.mainbody .listingmenu .menuicon.note:before {
color:blue;
}
body div.mainbody.priority .listingmenu .menuicon.note:before {
color:#685C3D;
}
.listingmenu .menuicon.transfer:before{
content: '\f66c';
font-family: 'WebHostingHub-Glyphs';
font-size: 4rem;
color: #C5A18B;
}
.listingmenu .menuicon{
background-size: 60%;
background-position: 50%;
}
.listingmenu .menuicon.dewa{
background-image: url(../resources/images/common/misc/dewalogo.png);
background-size: 30%;
}
.listingmenu .menuicon.sewa{
background-image: url(../resources/images/common/misc/sewa.jpg);
background-size: 46%;
}
.listingmenu .menuicon.fewa{
background-image: url(../resources/images/common/misc/fewa.jpg);
background-size: 44%;
}
.listingmenu .menuicon.aadc{
background-image: url(../resources/images/common/misc/aadc.jpg);
background-size: 49%;
}
.listingmenu .menuicon.addc{
background-image: url(../resources/images/common/misc/addc.jpg);
background-size: 38%;
}
.listingmenu .menuicon.emaar{
background-image: url(../resources/images/common/misc/emaar.png);
background-size: 30%;
}
.listingmenu .menuicon.du{
background-image: url(../resources/images/common/DuLogo1.png);
background-size: 43%;
}
.listingmenu .menuicon.directdebitreq{
background-image: url(../resources/images/common/misc/directdebitreq.png);
}
.listingmenu .menuicon.donations{
background-image: url(../resources/images/common/misc/donations.png);
background-size: 39%;
}
.listingmenu .menuicon.flydubai{
background-image: url(../resources/images/common/misc/flydubai.png);
}
.listingmenu .menuicon.fines{
background-image: url(../resources/images/common/rta.jpg);
background-size: 50%;
}
.listingmenu .menuicon.nol{
background-image: url(../resources/images/common/NOL.png);
}
.listingmenu .menuicon.salik{
background-image: url(../resources/images/common/Salik.png);
background-size: 30%;
}
.listingmenu .menuicon.otherbankcardpmt{
background-image: url(../resources/images/common/transfers/OtherBankCardPayment.png);
}
.listingmenu .menuicon.eienbdcardpmt{
background-image: url(../resources/images/common/transfers/EIENBDCreditCardPayment.png);
}.listingmenu .menuicon.dctRemtoInd{
background-image: url(../resources/images/common/transfers/directRemittancetoIndia.png);
}.listingmenu .menuicon.intlocaltran{
background-image: url(../resources/images/common/transfers/InternationalLocalTransfer.png);
}.listingmenu .menuicon.trantoenbdacc{
background-image: url(../resources/images/common/transfers/TransfertoENBDAccount.png);
}.listingmenu .menuicon.trantolocalbankacc{
background-image: url(../resources/images/common/transfers/TransfertoLocalBankAccount.png);
}.listingmenu .menuicon.trantoeiacc{
background-image: url(../resources/images/common/transfers/TransfertoOtherEIAccount.png);
}.listingmenu .menuicon.trantoownaccnt{
background-image: url(../resources/images/common/transfers/TransfertoOwnAccount.png);
}.listingmenu .menuicon.pointsstatement{
background-image: url(../resources/images/common/images1.0/Points_Statement.png);
}.listingmenu .menuicon.pointstransfer{
background-image: url(../resources/images/common/images1.0/Points-transfer_2.png);
}.listingmenu .menuicon.pointsredemption{
background-image: url(../resources/images/common/images1.0/Points-redemption.png);
}.listingmenu .menuicon.redemptionhistory{
background-image: url(../resources/images/common/images1.0/Redemption-history.png);
}.listingmenu .menuicon.pointscalculator{
background-image: url(../resources/images/common/images1.0/Points-calculator.png);
}.listingmenu .menuicon.aboutpoints{
background-image: url(../resources/images/common/images1.0/about_choice_Points.png);
}.listingmenu .menuicon.smssubscription{
background-image: url(../resources/images/common/images1.0/sms-banking.png);
}.listingmenu .menuicon.managerscheque{
background-image: url(../resources/images/common/images1.0/managers_Cheque.png);
}.listingmenu .menuicon.demanddraft{
background-image: url(../resources/images/common/images1.0/demand-draft.png);
}.listingmenu .menuicon.chequebook{
background-image: url(../resources/images/common/images1.0/Cheque_Book.png);
}.listingmenu .menuicon.statement{
background-image: url(../resources/images/common/estatement/CardseStatement.png);
}.listingmenu .menuicon.stmtdownreq{
background-image: url(../resources/images/common/images1.0/statement-download.png);
}.listingmenu .menuicon.archvStmts{
background-image: url(../resources/images/common/images1.0/archive-statements.png);
}.listingmenu .menuicon.conSubscriptionBean{
background-image: url(../resources/images/common/estatement/eStatement.png);
}.listingmenu .menuicon.consdownloadstmt{
background-image: url(../resources/images/common/estatement/eStatementDownload.png);
}
.listingmenu .menuicon.authstatement{
background-image: url(../resources/images/common/images_pr1.0/authentic-statement.png);
background-size: 40% !important;
background-position: 50% !important;
}
.listingmenu .menuicon.TDS{
background-image: url(../resources/images/common/images1.0/TDS.png);
}
body div.mainbody.priority .listingmenu .menuicon.consdownloadstmt{
background-image: url(../resources/images/common/estatement/eStatementDownload_p.png);
}
body div.mainbody.priority .listingmenu .menuicon.conSubscriptionBean{
background-image: url(../resources/images/common/estatement/eStatement_p.png);
}
body div.mainbody.priority .listingmenu .menuicon.statement{
background-image: url(../resources/images/common/estatement/CardseStatement_p.png);
}
body div.mainbody.priority .listingmenu .menuicon.stmtdownreq{
background-image: url(../resources/images/common/images_pr1.0/statement-download.png);
}
body div.mainbody.priority .listingmenu .menuicon.archvStmts{
background-image: url(../resources/images/common/images_pr1.0/archive-statements.png);
}
body div.mainbody.priority .listingmenu .menuicon.smssubscription{
background-image: url(../resources/images/common/images_pr1.0/sms-banking.png);
}
body div.mainbody.priority .listingmenu .menuicon.managerscheque{
background-image: url(../resources/images/common/images_pr1.0/managers_Cheque.png);
}
body div.mainbody.priority .listingmenu .menuicon.demanddraft{
background-image: url(../resources/images/common/images_pr1.0/demand-draft.png);
}
body div.mainbody.priority .listingmenu .menuicon.chequebook{
background-image: url(../resources/images/common/images_pr1.0/Cheque_Book.png);
}
body div.mainbody.priority .listingmenu .menuicon.otherbankcardpmt{
background-image: url(../resources/images/common/images_pr1.0/OtherBankCardPayment.png);
}
body div.mainbody.priority .listingmenu .menuicon.eienbdcardpmt{
background-image: url(../resources/images/common/images_pr1.0/EIENBDCreditCardPayment.png);
}
body div.mainbody.priority .listingmenu .menuicon.dctRemtoInd{
background-image: url(../resources/images/common/images_pr1.0/directRemittancetoIndia.png);
}
body div.mainbody.priority .listingmenu .menuicon.intlocaltran{
background-image: url(../resources/images/common/images_pr1.0/InternationalLocalTransfer.png);
}
body div.mainbody.priority .listingmenu .menuicon.trantoenbdacc{
background-image: url(../resources/images/common/images_pr1.0/TransfertoENBDAccount.png);
}
body div.mainbody.priority .listingmenu .menuicon.trantolocalbankacc{
background-image: url(../resources/images/common/images_pr1.0/TransfertoLocalBankAccount.png);
}
body div.mainbody.priority .listingmenu .menuicon.trantoeiacc{
background-image: url(../resources/images/common/images_pr1.0/TransfertoOtherEIAccount.png);
}
body div.mainbody.priority .listingmenu .menuicon.trantoownaccnt{
background-image: url(../resources/images/common/images_pr1.0/TransfertoOwnAccount.png);
}
body div.mainbody.priority .listingmenu .menuicon.pointsstatement{
background-image: url(../resources/images/common/images_pr1.0/Points_Statement.png);
}
body div.mainbody.priority .listingmenu .menuicon.pointstransfer{
background-image: url(../resources/images/common/images_pr1.0/Points-transfer_2.png);
}
body div.mainbody.priority .listingmenu .menuicon.pointsredemption{
background-image: url(../resources/images/common/images_pr1.0/Points-redemption.png);
}
body div.mainbody.priority .listingmenu .menuicon.redemptionhistory{
background-image: url(../resources/images/common/images_pr1.0/Redemption-history.png);
}
body div.mainbody.priority .listingmenu .menuicon.pointscalculator{
background-image: url(../resources/images/common/images_pr1.0/Points-calculator.png);
}
body div.mainbody.priority .listingmenu .menuicon.aboutpoints{
background-image: url(../resources/images/common/images_pr1.0/about_choice_Points.png);
}
body div.mainbody.priority .listingmenu .menuicon.authstatement{
background-image: url(../resources/images/common/images_pr1.0/authentic-statement.png);
}
body div.mainbody.priority .listingmenu .menuicon.TDS{
background-image: url(../resources/images/common/images_pr1.0/TDS.png);
}
/* .listingmenu .menuicon.DU{
#background: url("data:image/svg+xml;utf8,") no-repeat;
#background: url("data:image/svg+xml;utf8,") no-repeat;
background: url(../resources/images/common/misc/du.svg);
height: 50px;
width: 50px;
background-size: 25%;
background-position: 50%;
} */
.listingmenu .menuicon.telecommunication{
background-image: url(../resources/images/common/Etisalat.jpg);
background-size: 40%;
background-position: 50%;
}
.listingmenu .menuicon.sms{
background-image: url(../resources/images/common/subscription.png);
background-size: 67%;
background-position: 50%;
}
body .mainbody.en div.card-panel.borderleft{
border-left: 4px solid transparent;
}
body .mainbody.en div.card-panel.borderleft.violet{
border-left-color: #421956;
}
.card .card-content .card-title,.card .card-reveal .card-title{
text-transform:uppercase;
font-size:1.5rem;
}
.card.card-panel.cardpanelheadstyle .card-content .cardheader .card-title{
text-transform: none;
}
.card.card-panel.cardpanelheadstyle .card-content .cardheader .card-title:after {
content: "";
position: absolute;
height: 4px;
width: 8%;
border-bottom: 3px solid #DBDBDB;
display: block;
}
body .mainbody.en .card.card-panel.cardpanelheadstyle .card-content .cardheader .card-title:after{
float: left;
left: 30px;
}
div.switch{
margin-top: 2rem;
}
/**************Header *********************/
h5.header{
color: #421956;
font-weight: 700;
font-size: 1.909rem;
text-transform: none;
}
/*************select Button *************/
div.ui-selectonebutton{
border: 1px solid #F1F1F1;
padding: 0px;
border-radius: 5px;
height: 36px;
min-width: 122px;
}
body .mainbody.ar div.ui-selectonebutton .ui-button .ui-button-text{
font-size: 1rem;
}
div.ui-selectonebutton .ui-button .ui-button-text {
display: block;
height: 32px;
vertical-align: middle;
padding: 0.6em 2em;
text-align: center;
font-size: 1.1rem;
white-space: normal;
}
.ui-selectonebutton .ui-state-active.ui-button.ui-state-focus{
background: #918F94;
}
div.ui-selectonebutton div.ui-button {
background: #FFF;
border: 0px;
color: #B6B6B6;
border-radius: 5px;
height: 34px;
min-width: 59px;
float: left;
width: 50%;
}
div.ui-selectonebutton.loginbutton div.ui-button{
width: 60px;
}
div.ui-selectonebutton div.ui-button.ui-state-active {
background: #918F94;
border: 0px;
color: #FFF;
}
/**************Carousel start******************/
.ui-widget-content .ui-icon{
background: transparent;
}
div.ui-carousel-page-links a.ui-icon-radio-off{
width: 12px!important;
height: 15px!important;
text-indent: 0px;
}
div.ui-carousel-page-links a.ui-icon-radio-off:before{
content: '\f55e';
color: #9e9e9e
}
div.ui-carousel-page-links a.ui-icon-radio-off.ui-icon-radio-on:before{
color: orange;
}
div.ui-carousel-header-title{
color: #9e9e9e;
width: 100%!important;
}
div.ui-carousel-header .ui-carousel-button{
display: none;
}
/**************Carousel end********************/
/*********************Forms start ********************/
.col.label{
background: #9e9e9e;
border-radius: 20px;
color: #FFF;
}
/********************Froms end ************************/
/***********************Text class start************************/
span.fieldiconlabel:before{
font-family: 'WebHostingHub-Glyphs'!important;
color: #9e9e9e;
font-size: 2rem;
}
.fieldiconlabel.mobile:before{
content: '\f0e8';
}
.fieldiconlabel.mail:before{
content: '\40';
}
.fieldiconlabel.commmail:before{
content: '\f136';
}
.fieldiconlabel.homephone:before{
content: '\f15b';
}
.fieldiconlabel.officephone:before{
content: '\f149';
}
div.col.labels.data .fieldiconlabel span,div.col .fieldiconlabel span.ui-inplace{
width: 93%;
}
/***********************Text class end************************/
/***********************icons******************/
.glyphicon{
font-family: 'WebHostingHub-Glyphs'!important;
}
.glyphicon.glyphicon-calendar:before {
content: '\f20f';
font-size: 2rem;
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-left:before{
font-family: 'WebHostingHub-Glyphs'!important;
content: '\f305';
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-right:before{
font-family: 'WebHostingHub-Glyphs'!important;
content: '\f304';
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-time:before{
font-family: 'WebHostingHub-Glyphs'!important;
content: '\f210';
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-up:before{
font-family: 'WebHostingHub-Glyphs'!important;
content: '\f301';
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-down:before{
font-family: 'WebHostingHub-Glyphs'!important;
content: '\f2fe';
}
/* a.confirm.btn{
background-color: #ffeb3b !important;
color:#000;
}
a.confirm1.btn{
background-color: #ffeb3b !important;
color:#000;
}*/
.collapsible-header i{
color: rgba(255, 255, 255, 0.65);
}
.collapsible-header:hover i{
color:#ffffff
}
i,div.ui-carousel-page-links a.ui-icon-radio-off{
font-family:'WebHostingHub-Glyphs';
width: 4%;
font-style: normal;
}
/* i.right {
margin: 0px 15px;
} */
i.right {
margin: 0px 1px;
}
i.user:before{
content: '\f133';
}
i.lock:before{
content: '\f0be';
}
i.login:before{
content: '\f323'
}
i.information:before,i.portfolio:before{
content: '\f02b';
}
i.accounts:before,i.account:before{
content: '\f25e';
}
i.creditcard:before{
content: '\f279';
}
i.transfer:before{
content:"\f10a";
font-family: "Material Design Iconic Font";
}
i.Manage:before{
content: '\f038';
}
i.Services:before{
content: '\f26b';
}
i.insurance:before{
content: '\f218';
}
i.investment:before{
content: '\f5eb';
}
i.payment:before{
content: '\e000';
}
i.loan:before{
content: '\f262';
}
i.benificary:before{
content: '\f5cf';
}
i.reveal:before{
content: '\f31c';
}
i.revealclose:before{
content: '\f31d';
}
body .mainbody.en i.confirm:before{
content: '\2713';
}
body .mainbody.ar i.confirm:before{
content: '\2713';
transform: rotateY(180deg);
display: inline-block;
}
body .mainbody.en i.confirm1:before{
content: '\2713';
}
body .mainbody.ar i.confirm1:before{
content: '\2713';
transform: rotateY(180deg);
display: inline-block;
}
i.account:before{
content:'\f040';
}
i.calendar:before{
content: '\f4d0';
font-size: 2rem;
}
body .mainbody i.next:before{
content: '\f304';
}
body .mainbody.ar i.next:before{
transform: rotate(180deg);
display: block;
}
i.circleleft:before{
content: '\f3c9';
}
body .mainbody.en i.back:before{
content: '\f305';
}
a.viewemail:before{
font-family:'WebHostingHub-Glyphs';
content: '\f0c5';
}
i.new:before{
content: '\002b';
}
i.like:before{
content: '\f4c6';
}
i.dislike:before{
content: '\f4c7';
}
i.ok:before{
content: '\2713';
}
i.notok:before{
content: '\00d7';
}
i.chooseicon:before{
content: '\f488';
}
i.regenerate:before{
content: '\f078';
}
i.note:before {
content: '\f785';
}
i.verify:before{
content: '\2713'
}
i.calculator:before{
content: '\f258';
}
i.compose:before{
content: '\f0c6';
}
i.delete:before{
content: '\f0cf';
}
i.confirm1:before{
content: '\2713';
}
i.suspend:before{
content: '\f564';
}
i.search:before{
content: '\f0c5';
}
i.stop:before{
content: '\E533';
}
i.cancel:before{
content: '\f36e';
}
body .mainbody.en div.doticon:before,
body .mainbody.ar div.doticon:before{
content: '\f52f';
font-family: 'WebHostingHub-Glyphs';
font-size: 0.65rem;
margin-right: 10px;
margin-left: 10px;
color: #F0711C;
}
div.doticon{
text-transform: none;
}
nav i.collapseicon{
line-height: 32px!important;
height: 32px!important;
width: 16px;
margin: 0 auto;
}
nav i.dropDown:before{
content:'\f48b';
font-size: 1rem;
}
i.logout:before{
content: '\f11d';
margin: 0px -10px;
}
i.collapseicon:before{
content: '\f127';
font-size: 1.5rem;
}
i.profile:before{
content: '\f5ce';
}
i.switch:before{
content: '\f32d';
}
i.inbox:before{
content: '\f136';
margin: 0px -10px;
}
i.refresh:before{
content: '\f078';
}
i.settings:before{
content: '\f306';
margin: 0px 11px;
}
i.sent:before{
content: '\f049';
}
i.deltd:before{
content: '\f0cf'
}
i.prefix.INR:before{
content: 'INR';
font-size: 1rem;
position: relative;
top: 10px;
color:#9e9e9e;
}
body .mainbody.en i.prefix.INR:before,body .mainbody.en i.prefix.INR:before{
#font-family:'Arial, Verdana, sans-serif';
}
body .mainbody.ar i.prefix.INR:before,body .mainbody.ar i.prefix.INR:before{
font-family: BElham;
}
i.prefix.INR:before{
content: 'INR';
font-size: 1rem;
position: relative;
top: 10px;
color:#9e9e9e;
}
label.INR:before{
content: 'INR';
font-size: 1rem;
position: relative;
top: 0px;
}
body .mainbody.en label.INR:before{
margin-right:5px;
}
/*-----------------------Secreat Question---------------------------*/
body .mainbody.en div.screatQuestion .next,
body .mainbody.en div.screatQuestion .number {
right: 0
}
body .mainbody.ar div.screatQuestion .next,
body .mainbody.ar div.screatQuestion .number {
left: 0
}
body .mainbody.en div.screatQuestion .number:after,
body .mainbody.ar div.screatQuestion .number:after{
left: 50%
}
body .mainbody.en div.screatQuestion .number span {
float: right;
}
body .mainbody.ar div.screatQuestion .number span {
float: left;
}
body .mainbody.en div.screatQuestion .number .number-current {
float: left
}
body .mainbody.ar div.screatQuestion .number .number-current {
float: right;
}
body .mainbody.en div.screatQuestion .number-next {
left: 0
}
body .mainbody.ar div.screatQuestion .number-next {
right: 0
}
body .mainbody.en div.screatQuestion .next{
float:right;
margin-right: 10px;
}
/* PGL - Back button Secret answer */
body .mainbody.en div.screatQuestion .previous{
font-family:'WebHostingHub-Glyphs';
content: '\f305';
}
/* PGL - Back button Secret answer */
body .mainbody.en div.screatQuestion .next:after{
font-family:'WebHostingHub-Glyphs';
content: '\f304';
}
body .mainbody.ar div.screatQuestion .next:after{
right: 0;
font-family:'WebHostingHub-Glyphs';
content: '\f305';
}
div.screatQuestion .progress{
display:block!important;
margin:0px!important;
overflow:initial!important;
}
div.screatQuestion{
position: relative;
margin: 0 auto;
text-align: left;
font-size: 2rem;
text-transform:none;
}
body .mainbody.ar div.screatQuestion h5,
body .mainbody.ar div.screatQuestion li.current label{
text-align: right;
}
div.screatQuestion h3 {
color: #333;
font-size: 1.27rem;
padding: 10px 0px;
font-weight: normal;
}
div.screatQuestion .submit {
display: none
}
div.screatQuestion ol {
margin: 0;
padding: 0;
list-style: none;
position: relative;
-webkit-transition: height .4s;
transition: height .4s
}
div.screatQuestion .section h5,
div.screatQuestion ol,
div.screatQuestion li.current{
width: 100%;
font-size: 1.5rem;
}
body div.mainbody.en div.screatQuestion ol,
body div.mainbody.en div.screatQuestion .simform-inner,
body div.mainbody.en div.screatQuestion .controls{
float: left;
}
body div.mainbody.ar div.screatQuestion ol,
body div.mainbody.ar div.screatQuestion .simform-inner,
body div.mainbody.ar div.screatQuestion .controls{
float: right;
}
div.screatQuestion ol:before {
content: '';
background-color: rgba(0, 0, 0, .1);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4rem
}
div.screatQuestion .questions li {
z-index: 1;
position: relative;
visibility: hidden;
height: 0;
-webkit-transition: visibility 0s .4s, height 0s .4s;
transition: visibility 0s .4s, height 0s .4s
}
div.screatQuestion .no-js .questions li,div.screatQuestion .questions li.current
{
visibility: visible;
height: auto;
-webkit-transition: none;
transition: none
}
div.screatQuestion .questions li>span {
display: none;
overflow: hidden
}
div.screatQuestion .questions li.current>span {
display: block
}
div.screatQuestion .questions li>span label {
display: block;
color: #333;
padding-bottom: 5px;
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
font-size: 1.6rem;
}
div.screatQuestion .no-js .questions li>span label,div.screatQuestion .questions li.current>span label{
-webkit-transition: none;
transition: none;
-webkit-transform: translateY(0);
transform: translateY(0)
}
div.screatQuestion .show-next .questions li.current>span label {
-webkit-animation: moveUpFromDown .4s both;
animation: moveUpFromDown .4s both
}
div.screatQuestion .questions li.current input {
display: block
}
div.screatQuestion .questions input {
display: none;
margin: .3em 0 0;
padding: .5em 1em .5em .7em;
width: calc(100% - 2em);
border: none;
background: 0 0;
color: rgba(0, 0, 0, .8);
font-size: 2rem;
line-height: 1;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
div.screatQuestion .no-js .questions input,div.screatQuestion .questions .current input{
opacity: 1
}
div.screatQuestion .questions input:focus,div.screatQuestion button:focus {
outline: 0
}
div.screatQuestion .next {
position: relative;
bottom: 0;
display: block;
padding: 0;
width: 4rem;
height: 4rem;
border: none;
background: 0 0;
color: rgba(0, 0, 0, .4);
text-align: center;
top: -42px;
opacity: 0;
z-index: 100;
cursor: pointer;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transform: translateX(-20%);
transform: translateX(-20%);
pointer-events: none;
-webkit-tap-highlight-color: transparent
}
div.screatQuestion .next:hover {
color: rgba(0, 0, 0, .5)
}
div.screatQuestion .next:after {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 2;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2rem
}
div.screatQuestion .next.show {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: auto
}
body div.mainbody.ar div.screatQuestion .next.show{
left: 0;
float: left;
}
div.screatQuestion .progress {
width: 0;
height: .15em;
background: rgba(0, 0, 0, .3);
-webkit-transition: width .4s ease-in-out;
transition: width .4s ease-in-out
}
div.screatQuestion .progress::before {
position: absolute;
top: auto;
width: 99%;
height: inherit;
background: rgba(0, 0, 0, .05);
content: ''
}
div.screatQuestion .number {
position: absolute;
overflow: hidden;
#margin: .4em 0;
margin: .1em 0;
width: 3em;
font-weight: 700;
font-size: .9rem;
color: #333
}
div.screatQuestion div.controls{
font-size:1em;
height: 3px;
}
div.screatQuestion .number:after {
position: absolute;
content: '/';
opacity: .4;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #333
}
div.screatQuestion .number span {
width: 40%;
text-align: center
}
div.screatQuestion .number-next {
position: absolute
}
div.screatQuestion .show-next .number-current {
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
div.screatQuestion .show-next .number-next {
-webkit-animation: moveUpFromDown .4s both;
animation: moveUpFromDown .4s both
}
div.screatQuestion .error-message,div.screatQuestion .final-message {
position: absolute;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s
}
div.screatQuestion .error-message {
padding: .4em 3.5em 0 0;
width: 100%;
color: rgba(0, 0, 0, .7);
font-style: italic;
font-size: 1.2rem
}
div.screatQuestion .final-message {
top: 50%;
left: 0;
padding: .5em;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
div.screatQuestion .error-message.show,div.screatQuestion .final-message.show{
visibility: visible;
opacity: 1
}
div.screatQuestion .final-message.show {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
div.screatQuestion -inner.hide {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s, visibility 0s .3s;
transition: opacity .3s, visibility 0s .3s
}
div.screatQuestion .no-js {
font-size: 1.75em
}
div.screatQuestion .no-js .questions li {
padding: 0 0 2em
}
div.screatQuestion .no-js .submit {
display: block;
float: right;
padding: 10px 20px;
border: none;
background: rgba(0, 0, 0, .3);
color: rgba(0, 0, 0, .4)
}
div.screatQuestion .no-js .controls {
display: none
}
div.screatQuestion input[type=text]::-ms-clear {
display: none
}
div.screatQuestion input:focus{
border-bottom:0px!important;
box-shadow: 0 0 0 0 transparent!important;
}
/*********************end*************/
/******************Form start *********************/
div.col.labels label{
font-size:1rem;
}
div.col.labels.fontsize13rem label,.fontsize13rem {
font-size:1.3rem;
}
.fontsize13remimp {
font-size:1.3rem!important;
}
div.col.labels.data span.langen{
display: block;
border-bottom: 1px solid #e6e6e6;
font-size: 0.8rem;
color: #9e9e9e;
}
div.col.labels.data span label{
height: 16px;
display: block;
position: relative;
color: #9e9e9e;
border-radius: 20px;
margin-bottom: 2px;
}
body .mainbody.en div.col.labels.data span label{
padding-left: 3px;
}
/******************Form end************************/
/***********************Collections start****************/
ul.collection{
width: 100%;
border: 0px;
}
li.collection-header{
width: 100%;
}
.collection.with-header .collection-item.avatar{
#width: 100%;
}
body .mainbody.en ul.collection a.secondary-content i{
float:right;
padding-right: 10px;
display: none;
}
body .mainbody.ar ul.collection a.secondary-content i{
float:right;
padding-right: 10px;
display: none;
}
ul.collection i.chooseicon{
color:#26a69a
}
.collection .collection-item.avatar .secondary-content i{
width:100%
font-size: 2.15rem;
}
.collection .collection-item.avatar .secondary-content{
height: 40px;
}
body .mainbody.en .collection .collection-item.avatar .secondary-content{
left: 0px;
/* padding: 5px; */
border: 1px solid #e0e0e0;
text-align: center;
float: none;
display: block;
width: 90%;
height: 80%;
/* margin: 10px 10px; */
border-radius: 5px;
}
body .mainbody.ar .collection .collection-item.avatar .secondary-content{
left: 0px;
/* padding: 5px; */
border: 1px solid #e0e0e0;
text-align: center;
float: none;
display: block;
width: 90%;
height: 80%;
/* margin: 10px 10px; */
border-radius: 5px;
}
body .mainbody .collection .collection-item.avatar .secondary-content{
font-size: 1.3rem;
text-transform: none;
color: #000;
}
.collection .collection-item > span{
color: #9e9e9e;
font-size: 1rem;
width: 100%;
display: block;
}
.collection .collection-item span:before{
font-family: 'WebHostingHub-Glyphs';
font-size: 1.5rem;
padding: 5px;
}
.collection .collection-item span.account:before{
content: '\e000';
}
.collection .collection-item span.cards:before{
content: '\f279';
}
.collection .collection-item span.loans:before{
content: '\f279';
}
/***********************Collections end****************/
/*************************accordion start *************/
ul.customaccordion .collapsible-header i,ul.customaccordion .collapsible-header i:hover{
color: rgba(0, 0, 0, 0.65);
}
.accordboldheading{
font-size: 3rem;
clear: both;
font-weight: bold;
display: inline-block;
text-align: center;
}
.accordcurrency,.cardcurrency,.loancurrency{
clear: both;
display: block;
text-align: center;
font-size: 2rem;
}
.accordaccountbackground:before{
content: '\f25e';
font-family:'WebHostingHub-Glyphs';
color: rgba(0,0,0,0.1);
font-size: 5rem;
}
.accordloanbackground:before{
content: '\f27b';
font-family:'WebHostingHub-Glyphs';
color: rgba(0,0,0,0.1);
font-size: 5rem;
}
.accordcardbackground:before{
content: '\f279';
font-family:'WebHostingHub-Glyphs';
color: rgba(0,0,0,0.1);
font-size: 5rem;
}
i.loans:before{
content: '\f27b';
}
/*************************accordion end **************/
/************************slider start ******************/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-ms-touch-action: none;
user-select: none;
box-sizing: border-box;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
body .mainbody.en .noUi-origin {
left: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
box-sizing: border-box;
}
.noUi-stacking .noUi-handle {
z-index: 10;
}
.noUi-stacking + .noUi-origin {
*z-index: -1;
}
.noUi-state-tap .noUi-origin {
transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 10px;
}
.noUi-horizontal .noUi-handle {
box-sizing: border-box;
width: 12px;
height: 12px;
top: -5px;
}
body .mainbody.en .noUi-horizontal .noUi-handle{
left: -10px;
}
.noUi-horizontal.noUi-extended {
padding: 0 15px;
}
body .mainbody.en .noUi-horizontal.noUi-extended .noUi-origin {
right: -15px;
}
.noUi-background {
height: 2px;
margin: 20px 0;
}
.noUi-origin {
margin: 0;
border-radius: 0;
height: 4px;
background: #c8c8c8;
}
.noUi-target {
border-radius: 2px;
}
.noUi-handle {
border-radius: 100%;
cursor: default;
transition: all 0.2s ease-out;
border: 1px solid;
}
.noUi-horizontal {
height: 2px;
margin: 15px 0;
}
.noUi-horizontal .noUi-handle.noUi-active {
transform: scale(1.5);
opacity: .3;
}
[disabled].noUi-slider{
opacity: 0.5;
}
[disabled] .noUi-handle {
cursor: not-allowed;
}
.slider {
background: #c8c8c8;
}
.slider .noUi-handle, .slider.slider-default .noUi-handle {
border-color: #009688;
}
.slider .noUi-handle, .slider.slider-default .noUi-handle {
background-color: #009688;
}
.noUi-handle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 12px;
height: 12px;
top: -5px;
cursor: ew-resize;
border-radius: 100%;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border: 1px solid;
}
.noUi-handle {
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-ms-touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-handle.noUi-active {
-webkit-transform: scale3d(1.5, 1.5, 1);
transform: scale3d(1.5, 1.5, 1);
}
.noUi-horizontal .noUi-handle {
width: 16px!important;
height: 16px!important;
left: 0px!important;
top: -6px!important;
border-radius: 100%;
background-color: #3FB8AF;
}
.noUi-base {
width: 100%!important;
height: 2px!important;
position: relative!important;
z-index: 1!important;
}
.noUi-horizontal{
height: 6px!important;
}
.noUi-handle:after, .noUi-handle:before{
background: transparent!important;
}
.noUi-handle {
border: 0px solid #D9D9D9!important;
border-radius: 100%!important;
background: #3FB8AF!important;
cursor: default!important;
box-shadow: inset 0 0 0px #FFF,inset 0 0px 0px #EBEBEB,0 0px 0px 0px #BBB!important;
}
.noUi-background{
background: #D3D3D3!important;
}
div.customslider label{
color: #9e9e9e!important;
}
/***********************slider end *******************/
/*****************************Charts start***************************/
.morris-hover{position:absolute;z-index:1090;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#444;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-weight: 600;font-size:14px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
/*************************Charts end***************************/
/*****************************Paginator start ********************/
ul.ui-paginator{
float:none;
margin:0 auto;
}
ul.ui-paginator > span{
display: inline-block;
vertical-align: top;
}
.pagination li{
line-height: 19px;
border-radius: 20px;
}
.ui-paginator.ui-paginator-bottom{
display: block;
}
ul.ui-paginator span.ui-icon{
font-family: 'WebHostingHub-Glyphs';
text-indent: 0px!important;
}
ul.ui-paginator li.ui-paginator-page.ui-state-active{
background-color: blue!important;
color: #FFF;
border: 0px;
border-radius: 4px;
}
body .mainbody.priority ul.ui-paginator li.ui-paginator-page.ui-state-active{
background-color: #817858!important;
}
body .mainbody.ar ul.ui-paginator span:before{
transform: rotate(180deg);
display: block;
}
ul.ui-paginator span.ui-icon-seek-next:before{
content: '\f488';
}
ul.ui-paginator span.ui-icon-seek-end:before{
content: '\f31b';
}
ul.ui-paginator span.ui-icon-seek-first:before{
content: '\f31a';
}
ul.ui-paginator span.ui-icon-seek-prev:before{
content: '\f489';
}
ul.ui-paginator .ui-state-default, ul.ui-paginator .ui-state-default.ui-state-hover{
background: none!important;
border:0px;
}
/*****************************Paginator Ends ********************/
/****************************Captcha Starts*********************/
div.captcha a{
width: 100%;
height: 100%;
text-align: center;
cursor: pointer;
}
div.captcha label.captchalabel{
font-size: 1.25rem;
display: block;
text-transform: none;
margin: 0 auto;
text-align: center;
}
div.captcha a.selected{
background-color: #edeff0
}
div.captcha input.invalid+label{
clear: both;
width: 100%;
}
body .mainbody.en div.captcha input.invalid+label{
float: left;
}
div.captcha input.invalid+label:after {
content: attr(data-error);
color: #F44336;
opacity: 1;
}
/****************************Captcha Ends*********************/
/*************************Calendar start**********************/
.bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table th{
border-radius:0px!important;
background-color: #26a69a;
color:#FFF;
text-transform: none;
}
.bootstrap-datetimepicker-widget table th.picker-switch,
.bootstrap-datetimepicker-widget table th.picker-switch:hover{
background-color: blue!important;
color:#FFF!important;
text-align: center;
}
.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.prev:hover,
.bootstrap-datetimepicker-widget table th.next,
.bootstrap-datetimepicker-widget table th.next:hover{
background-color: blue!important;
color:#FFF!important;
}
body div.mainbody.priority .bootstrap-datetimepicker-widget table th.prev,
body div.mainbody.priority .bootstrap-datetimepicker-widget table th.prev:hover,
body div.mainbody.priority .bootstrap-datetimepicker-widget table th.next,
body div.mainbody.priority .bootstrap-datetimepicker-widget table th.next:hover,
body div.mainbody.priority .bootstrap-datetimepicker-widget table th.picker-switch,
body div.mainbody.priority .bootstrap-datetimepicker-widget table th.picker-switch:hover{
background-color: #817858!important;
}
.bootstrap-datetimepicker-widget table td span{
height: 27px!important;
line-height: 27px!important;
padding: 5px;
display: block;
width: 33%;
}
body .mainbody.en .bootstrap-datetimepicker-widget table td span,
body .mainbody.en .input-group .form-control{
float: left;
}
body .mainbody.ar .bootstrap-datetimepicker-widget table td span,
body .mainbody.ar .input-group .form-control{
float: right;
}
body .mainbody.en .bootstrap-datetimepicker-widget table td span:nth-child(4),
body .mainbody.en .bootstrap-datetimepicker-widget table td span:nth-child(7),
body .mainbody.en .bootstrap-datetimepicker-widget table td span:nth-child(10){
clear: left;
}
body .mainbody.ar .bootstrap-datetimepicker-widget table td span:nth-child(4),
body .mainbody.ar .bootstrap-datetimepicker-widget table td span:nth-child(8),
body .mainbody.ar .bootstrap-datetimepicker-widget table td span:nth-child(10){
clear: right;
}
.bootstrap-datetimepicker-widget table th.dow{
background-color: transparent!important;
color:#777777;
padding: 5px!important;
}
.bootstrap-datetimepicker-widget table tbody tr td{
padding: 0px 5px;
margin: 0px;
height: 24px;
cursor: pointer;
}
.bootstrap-datetimepicker-widget ul.list-unstyled,.bootstrap-datetimepicker-widget .table-condensed a{
float: none;
}
.bootstrap-datetimepicker-widget table td span:hover{
background:transparent!important;
}
.input-group.date .input-group-addon{
background: transparent;
border: 0px;
}
/*************************Calendar end************************/
/***************Error message start *******************/
div.message.card-panel{
min-height: 40px;
}
div.message.card-panel.borderleft.red{
background-color: #FFAA7B!important;
border-color: #FFAA7B;
color: #a94442;
text-transform: none;
}
/* body .mainbody.en div.message.card-panel.borderleft.red{
border-left-color: #F00;
} */
/* div.message.card-panel.borderleft.green{
background-color: #4CAF50 !important;
color:#FFF;
} */
body .mainbody.en div.message.card-panel.borderleft.green{
border-left-color: transparent!important;
background-color: #d4fad6!important;
color: #3c763d!important;
text-transform: none;
}
body .mainbody.ar div.message.card-panel.borderleft.green{
border-right-color: transparent!important;
background-color: #d4fad6!important;
color: #3c763d!important;
text-transform: none;
}
/*div.message.card-panel.success:before{
content: '\2713';
color:#FFF;
font-family: 'WebHostingHub-Glyphs';
position: absolute;
vertical-align: middle;
height: 100%;
display: block;
padding: 5px;
font-size: 2rem;
}
div.message.card-panel.error:before{
font-family: 'WebHostingHub-Glyphs';
content: '\2407';
position: absolute;
vertical-align: middle;
height: 100%;
display: block;
padding: 5px;
font-size: 2rem;
} */
div.message.card-panel div.card-content{
padding: 0px 45px;
}
div.message.card-panel div.card-content div.col{
padding: 5px;
}
/***************Error message end *******************/
/*******************Check Box start************************/
.input-field.checkbox label{
top:0px!important;
}
body .mainbody.ar .radio label,body .mainbody.ar .checkbox label{
padding-left: 0px;
}
body .mainbody.ar .checkbox [type='checkbox']:not(:checked), [type='checkbox']:checked{
left: 0PX!important;
}
body .mainbody.ar [type="checkbox"].filled-in:checked+label:before{
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
body .mainbody.en .innerleftalign .checkbox .left-align ~label{
float: left;
}
body .mainbody.ar .innerleftalign .checkbox .left-align ~label{
float: right;
}
body .mainbody.en .enbdcontainer .radio label,
body .mainbody.en .enbdcontainer .checkbox label{
padding-left: 30px;
}
body .mainbody.ar .enbdcontainer .radio label,
body .mainbody.ar .enbdcontainer .checkbox label{
padding-right: 30px;
}
body .mainbody.ar [type="checkbox"].filled-in+label:before,
body .mainbody.ar [type="checkbox"].filled-in+label:after{
right: 0!important;
}
.enbdcontainer .checkbox .checkboxheading ~label{
font-weight: bold;
font-size: 1.5rem;
}
/*******************Check Box end *************************/
/*********************Inplace start **********************/
body .mainbody.en body .mainbody.en div.col.labels.data .fieldiconlabel span,
body .mainbody.en body .mainbody.en div.col .fieldiconlabel span.ui-inplace{
float:right;
}
body .mainbody.en body .mainbody.en span.ui-inplace span.ui-inplace-display label:after{
float:right;
}
span.ui-inplace{
border-bottom: 1px solid #e6e6e6!important;
font-size: 0.8rem;
color: #9e9e9e;
padding-bottom: 1px;
background-color: transparent;
background-image: none;
cursor: pointer;
}
span.ui-inplace span.ui-inplace-display label{
height: 100%;
display: block;
position: relative;
background-color: #e6e6e6;
color: #9e9e9e;
border-radius: 20px;
margin-bottom: 2px;
font-size: 1rem;
cursor: pointer;
}
body .mainbody.en span.ui-inplace span.ui-inplace-display label{
padding-left: 3px;
}
span.ui-inplace span.ui-inplace-display label:after,i.search:before{
content: '\f0c5';
font-family: 'WebHostingHub-Glyphs';
transform: rotate(90deg);
}
span.ui-inplace span.ui-inplace-display label:after,i.edit:before{
content: '\f1b7';
font-family: 'WebHostingHub-Glyphs';
transform: rotate(90deg);
}
span.ui-inplace span.ui-inplace-display label:after,i.stop:before{
content: '\E533';
font-family: 'WebHostingHub-Glyphs';
transform: rotate(90deg);
}
span.ui-inplace span.ui-inplace-display label:after,i.cancel:before{
content: '\f36e';
font-family: 'WebHostingHub-Glyphs';
transform: rotate(90deg);
}
/*********************Inplace end **********************/
/**********************Summer note start ****************/
.note-editor .note-btn-group{
font-family: 'WebHostingHub-Glyphs';
}
.fa-bold:before {
content: '\f1f4';
}
.fa-magic:before{
content: '\f041';
}
.fa-underline:before{
content: '\f1f6';
}
.fa-eraser:before{
content: '\f1f1';
}
.note-editor{
position: relative;
border: 1px solid rgb(220, 220, 220);
}
/**********************Summer note end ****************/
/****************************Login start********************/
body .mainbody.en div.row.headingcontainer.headintext{
margin-left: 0px;
}
div.row.headingcontainer.headintext span.headingbold-2,.headingbold-2{
text-transform: none;
font-size:2rem;
font-weight:bold;
color: #414143;
}
/* body .mainbody.en div.row.headingcontainer.headintext span.headingbold-2,
body .mainbody.en .headingbold-2{
font-family: Arial!important;
}
body .mainbody.ar div.row.headingcontainer.headintext span.headingbold-2,
body .mainbody.ar .headingbold-2{
font-family: BElham!important;
} */
body .mainbody.en .headingboldnormal-2{
font-size:2rem;
#font-family: Arial!important;
font-weight: normal;
}
body .mainbody.ar .headingboldnormal-2{
font-size:2rem;
#font-family: BElham!important;
font-weight: normal;
}
body .mainbody.en .headingbold-25{
font-size:2.5rem;
#font-family: Arial!important;
}
body .mainbody.ar .headingbold-25{
font-size:2.5rem;
#font-family: BElham!important;
}
.font-size155{
font-size: 1.55rem;
}
.font-size115,
body .mainbody .font-size115 a,
body .mainbody.en a.font-size115,
body .mainbody.ar a.font-size115{
font-size: 1.15rem;
}
.subnotes-1{
color:#767678;
text-transform: none;
font-size:1.45rem;
}
body .mainbody.en .subnotes-1 a,
div.bollabel.subnotes-1 a,
.subnotes-1 a,
.input-field div.bollabel.subnotes-1 label{
font-size:1.45rem;
font-weight: normal;
}
/* body .mainbody.en .subnotes-1{
font-family: Arial!important;
}
body .mainbody.ar .subnotes-1{
font-family: BElham!important;
} */
body .mainbody.en span.account label:before,
body .mainbody.en span.credit label:before,
body .mainbody.en span.dob label:before{
padding: 0px 10px 0px 0px;
}
body .mainbody.ar span.account label:before,
body .mainbody.ar span.credit label:before,
body .mainbody.ar span.dob label:before{
padding: 0px 0px 0px 10px;
}
body .mainbody span label:before{
font-family:"eifontset" ;
position: relative;
top: 5px;
font-size: 1.75rem;
}
/* body .mainbody.ar span label:after{
font-family:"eifontset" ;
position: relative;
top: 5px;
font-size: 1.75rem;
} */
body .mainbody span.account label:before{
font-family: 'WebHostingHub-Glyphs';
content: '\f5ce';
color: #4E2D60;
}
body .mainbody span.credit label:before{
font-family: 'WebHostingHub-Glyphs';
content: '\f279';
color: #4E2D60;
}
body .mainbody span.dob label:before{
font-family: 'WebHostingHub-Glyphs';
content: '\f4d0';
color: #4E2D60;
}
/* body .mainbody.ar span.account label:after{
content:'\f040';
}
body .mainbody.ar span.credit label:after{
content:'\f279';
}
body .mainbody.ar span.dob label:after{
content:'\f36b';
}
*/
body .mainbody span.icondetails > span:before{
/* content: "\6b";
font-family: "eifontset" ; */
content: "\f4f9";
font-family: WebHostingHub-Glyphs;
position: relative;
top: 5px;
font-size: 3rem;
float: none;
margin: auto;
padding: 0px 35px;
color: #4E2D60;
}
span.refresh > span:before{
/* content: "\65";
font-family: "eifontset" ; */
content: "\f4f9";
font-family: WebHostingHub-Glyphs;
position: relative;
top: 5px;
font-size: 3rem;
float: none;
margin: auto;
padding: 0px 35px;
color: #FFC72C; /* Modified for Emirates NDB India for Register for online banking botton link*/
}
span.cardpayment > span:before{
/* content: "\67";
font-family: "eifontset" ; */
content: "\f4f9";
font-family: WebHostingHub-Glyphs;
position: relative;
top: 5px;
font-size: 3rem;
float: none;
margin: auto;
padding: 0px 35px;
color: #FFC72C; /* Modified for Emirates NDB India for Reset your online banking password link*/
}
span.rateinq > span:before{
/* content: "\68";
font-family: "eifontset" ; */
content: "\f4f9";
font-family: WebHostingHub-Glyphs;
position: relative;
top: 5px;
font-size: 3rem;
float: none;
margin: auto;
padding: 0px 35px;
color: #4E2D60;
}
span.icondetails > span,span.refresh > span,
span.cardpayment > span,span.rateinq > span{
display: block;
float: none;
margin: auto;
text-align: center;
width: 40%;
}
.youtube{
display: block;
float: none!important;
}
.youtube span,.youtube span.icondetails > span,.youtube span.refresh > span,
.youtube span.cardpayment > span, .youtube span.rateinq > span{
display: inline-block;
width: 100%;
}
span.icondetails > span > label,
span.refresh > span > label,
span.cardpayment > span > label,
span.rateinq > span > label{
display: block;
clear: both;
margin-top: 10px;
}
.loginanimation{
webkit-animation: login-animation 1s ease-out;
-o-animation: login-animation 1s ease-out;
animation: login-animation 1s ease-out;
-webkit-animation: login-animation 1s ease-out 1s ease-in;
-moz-animation: login-animation 1s ease-out 1s ease-in;
-ms-animation: login-animation 1s ease-out 1s ease-in;
-o-animation: login-animation 1s ease-out 1s ease-in;
animation: login-animation 1s ease-out 1s ease-in;
}
.borderrightcolor{
border-right: 1px solid rgb(220, 220, 220);
}
/****************************Login end********************/
/**********************Calendar start *****************/
.input-group{
width: 100%;
}
.divider.regdivider{
width: 63%;
float: none;
margin: 0 auto;
margin-top: 20px;
height: 1px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom{
padding: 0px;
}
/***********************Calendar end *****************/
/**************************Exchange rate *************/
.filterlable.ui-datatable thead th.ui-column-title{
font-weight: normal;
}
/****************************page switch start***************/
.enbdcontainer{
}
.enbdcontainer .defaultswitch{
display:none;
opacity: 0;
}
.container .enbdcontainer .row.page{
margin-bottom: 0px;
margin-top: 0px;
}
.enbdcontainer .fade-in {
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
animation-duration:0.5s;
}
.enbdcontainer .fade-in.one {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
}
.enbdcontainer .fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
.enbdcontainer .fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}
/****************************page switch end ***************/
/********************************Side Menu Override start ****************/
body .mainbody.en .side-nav .collapsible .mainMenu i,
body .mainbody.ar .side-nav .collapsible .mainMenu i{
font-size: 1.3rem;
}
body .mainbody.en .side-nav .collapsible .mainMenu i{
padding-right: 6px;
}
body .mainbody.ar .side-nav .collapsible .mainMenu i{
padding-left: 6px;
}
body .mainbody.en .collapsible-header i{
margin-right: 2px!important;
}
body .mainbody.ar .collapsible-header i{
margin-left: 2px!important;
}
body .mainbody.en ul.collapsible .collapsible-body ul.collapsible{
margin-left: 0px;
}
body .mainbody.ar ul.collapsible .collapsible-body ul.collapsible{
margin-right: 0px;
}
body .mainbody.en li.active > div > ul > li:before{
margin-left: 20px;
}
body .mainbody.ar li.active > div > ul > li:before{
margin-right: 20px;
}
body .mainbody.en li.active > div > ul > li > div > ul > li:before{
margin-left: 50px;
}
body .mainbody.ar li.active > div > ul > li > div > ul > li:before{
margin-right: 50px;
}
div.side-nav.fixed .collapsible li a{
padding: 10px 10px!important;
line-height: 20px;
height: 40px;
}
div.side-nav.fixed form > .collapsible > li > a.collapsible-header.expand:after{
content: '\f48b';
font-family: 'WebHostingHub-Glyphs';
margin-right: 15px;
}
body .mainbody.en div.side-nav.fixed form > .collapsible > li > a.collapsible-header.expand:after{
float: right;
}
body .mainbody.ar div.side-nav.fixed form > .collapsible > li > a.collapsible-header.expand:after{
float: left;
}
div.side-nav.fixed form > .collapsible > li > a.collapsible-header.active.expand:after{
content: '\f48a';
font-family: 'WebHostingHub-Glyphs';
}
/* body .mainbody.en div.side-nav.fixed .collapsible > li > a.collapsible-header.active.expand:after{
margin-right: 0px;
}
body .mainbody.ar div.side-nav.fixed .collapsible > li > a.collapsible-header.active.expand:after{
margin-left: 0px;
} */
body .mainbody.en div.side-nav.fixed .collapsible > li > a.collapsible-header.active.expand:after{
float: right;
}
body .mainbody.ar div.side-nav.fixed .collapsible > li > a.collapsible-header.active.expand:after{
float: left;
}
.side-nav .collapsible-header i {
line-height: 20px;
}
div.side-nav.fixed li.active > div > ul > li > a > i{
font-size: 0.75rem!important;
padding: 0px 6px;
width: 21px;
display: inline-block;
}
body .mainbody.en div.side-nav.fixed li.active > div > ul > li > a > i{
margin-left: 15px;
}
body .mainbody.ar div.side-nav.fixed li.active > div > ul > li > a > i{
margin-right: 15px;
float: right;
}
div.side-nav.fixed li.active > div > ul > li > a > i:before{
/* content: '\f184'!important; */
font-family: 'WebHostingHub-Glyphs';
}
body .mainbody.en div.side-nav.fixed div.simplebar-content >form > ul.collapsible-accordion > li > a.selected:after,
body .mainbody.en div.side-nav.fixed li.active > div > ul > li > a.selected:after{
content: '\f184';
position:relative;
font-family: 'WebHostingHub-Glyphs';
}
body .mainbody.ar div.side-nav.fixed div.simplebar-content >form > ul.collapsible-accordion > li > a.selected:after,
body .mainbody.ar div"" li.active > div > ul > li > a.selected:after{
content: '\f184';
position:relative;
font-family: 'WebHostingHub-Glyphs';
}
body .mainbody.en div.side-nav.fixed div.simplebar-content >form > ul.collapsible-accordion > li > a.selected:after,
body .mainbody.en div.side-nav.fixed li.active > div > ul > li > a.selected:after{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
body .mainbody.ar div.side-nav.fixed div.simplebar-content >form > ul.collapsible-accordion > li > a.selected:after,
body .mainbody.ar div.side-nav.fixed li.active > div > ul > li > a.selected:after{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
body .mainbody.ar div.side-nav.fixed li.active > div > ul > li > a > i:before{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
float: right;
}
body .mainbody.en div.side-nav.fixed div.simplebar-content >form > ul.collapsible-accordion > li > a.selected:after,
body .mainbody.en div.side-nav.fixed li.active > div > ul > li > a.selected:after{
float: right;
right: -11px;
}
body .mainbody.ar div.side-nav.fixed div.simplebar-content >form > ul.collapsible-accordion > li > a.selected:after,
body .mainbody.ar div.side-nav.fixed li.active > div > ul > li > a.selected:after{
float: left;
left: -11px;
}
body .mainbody.ar div.side-nav.fixed li.active > div > ul > li > a.selected:after{
float: left;
left: -11px;
}
body .mainbody.en div.side-nav.fixed li.active > div > ul > li.active > div > ul > li > a{
margin-left: 0px;
padding-left: 25px!important;
}
body .mainbody.ar div.side-nav.fixed li.active > div > ul > li.active > div > ul > li > a{
margin-right: 0px;
padding-right: 25px!important;
}
/********************************Side Menu Override end ****************/
/******************************Simple Scrollbar start *****************/
.side-nav .simplebar-content{
height: 100%;
}
/******************************Simple Scrollbar end *****************/
/*******************************Email table Start *************************/
.emailTable ul.pagination{
float: none;
margin: 0 auto;
display: block;
}
.emailpagepanel .section h5{
float: none;
margin: 0 auto;
display: block;
text-align: center;
text-transform: none;
}
/*******************************Email table end *************************/
/**********************************Summer note start ********************/
.note-btn-group .note-btn.btn-sm{
width: 34px;
padding: 0px!important;
margin: 0px;
font-size: 10px;
}
.note-btn-group .note-btn.dropdown-toggle{
padding: 5px 10px!important;
position: relative;
font-size: 12px;
line-height: 1.5;
white-space: nowrap;
margin: 0px 10px;
width: 90px;
text-transform: none;
}
body .mainbody.en .note-btn-group .note-btn.dropdown-toggle{
float: left;
}
.note-btn-group .note-btn-group.btn-group.note-color{
display: none;
}
.note-btn-group.btn-group .btn-default{
background-color: #fff;
color: #000;
box-shadow: none;
border-color: #ccc;
border: 1px solid #adadad;
}
.note-btn-group.btn-group .dropdown-menu>li>a{
width: 100%;
}
.note-btn-group .note-icon-magic:before{
content: '\f041';
font-family: 'WebHostingHub-Glyphs';
font-size: 10px;
}
.note-btn-group .note-icon-caret:before{
content: '\f48b';
font-family: 'WebHostingHub-Glyphs';
font-size: 6px;
}
.note-btn-group .note-icon-bold:before{
content: '\f1f4';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-underline:before{
content: '\f1f6';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-eraser:before{
content: '\f1f1';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-unorderedlist:before{
content: '\f4c2';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-orderedlist:before{
content: '\f4c3';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-align-left:before{
content: '\f1da';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-align-center:before{
content: '\f1d9';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-align-justify:before{
content: '\f1da';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-table:before{
content: '\f110';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-align-right:before{
content: '\f1d8';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-align-outdent:before{
content: '\f1f3';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-align-indent:before{
content: '\f1f2';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-link:before{
content: '\f022';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-picture:before{
content: '\22b7';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-video:before{
content: '\f7c5';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-arrows-alt:before{
content: '\f485';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-icon-code:before{
content: '\f743';
font-family: 'WebHostingHub-Glyphs';
}
.note-btn-group .note-view button:last-child{
display: none!important;
}
/**********************************Summer note end ********************/
/*****************************Date Picker Start *************************/
.ui-datepicker .ui-datepicker-header{
background-color:#442057;
height:30px;
}
.ui-datepicker .ui-datepicker-header select{
height: 25px;
width: 30%;
float: none;
margin: 0 auto;
display: block;
color: #000;
text-align: center;
}
.ui-datepicker table.mtz-monthpicker td.mtz-monthpicker-month{
cursor: default;
background: #FFF;
color: #000;
text-align: center;
padding: 0px;
margin: 0px;
height: 24px;
}
.monthpicker.mtz-monthpicker-widgetcontainer{
background: #FFF;
width: 99%;
padding: 0px;
margin: 0px 5px;
}
/*****************************Date Picker end *************************/
/*****************************Portofolio Start *************************/
div.offerimagetop{
border-radius: 4px;
overflow: hidden;
}
div.offerimagetop img{
height: 130px;
width: 100%;
}
.card.card-panel.portfoliopanel{
margin:0px;
padding:0px;
}
.card.card-panel.portfoliopanel .card-content{
padding:0px;
}
.card.card-panel.portfoliopanel .cardheader{
background-color: #FDAF17; /* Added for blue colour theme in main page */
color: #FFF;
margin: 0px;
padding: 10px 5px;
}
body div.mainbody.priority .card.card-panel.portfoliopanel .cardheader{
background-color: #817858;
}
.card.card-panel.portfoliopanel .dataClass{
padding:0px;
font-size: 1.5rem;
}
.card.card-panel.portfoliopanel .dataClass.portfolioattribute{
padding: 0px 20px;
font-size: 1.5rem;
text-transform: none;
color: #969696;
}
.card.card-panel.portfoliopanel .dataClass.currency {
font-size: 1.25rem;
min-height: 39px;
}
body .mainbody.ar .card.card-panel.portfoliopanel .dataClass.currency{
padding: 0px 0px 0px 5px;
text-align: left;
font-size: 1.5rem;
}
body .mainbody.en .card.card-panel.portfoliopanel .dataClass.currency{
padding: 0px 5px 0px 0px;
text-align: right;
font-size: 1.5rem;
}
.card.card-panel.portfoliopanel.downarrow{
/* box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 0px 0 rgba(0,0,0,0.12);
background: WHITE;
height:150px; */
}
.card.card-panel.portfoliopanel.downarrow .card-content{
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 1px 1px 0 rgba(0,0,0,0.12);
background: #FFF;
height: 130px;
}
.card.card-panel.portfoliopanel.downarrow.selected:after,div.offerimagetop.downarrow.selected:after{
content: '';
position: absolute;
top: 86%;
width: 0;
height: 0;
border-top: 20px solid #FFF;
clear: both;
}
body .mainbody.en .card.card-panel.portfoliopanel.downarrow.selected:after,div.offerimagetop.downarrow.selected:after{
left: 42%;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
body .mainbody.ar .card.card-panel.portfoliopanel.downarrow.selected:after,div.offerimagetop.downarrow.selected:after{
right: 42%;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.card.card-panel.portfoliopanel.downarrow.selected:before,div.offerimagetop.downarrow.selected:before{
content: '';
position: absolute;
top: 87%;
width: 0;
height: 0;
border-top: 20px solid #e8e8e8;
clear: both;
}
body .mainbody.en .card.card-panel.portfoliopanel.downarrow.selected:before,div.offerimagetop.downarrow.selected:before{
left: 42%;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.card.card-panel.portfoliopanel .cardheader .card-title.grey-text{
color: #FFF!important;
text-transform: none;
}
.card.card-panel.portfoliopanel .cardheader:after{
content: '\f488';
color: #FFF;
font-family: 'WebHostingHub-Glyphs';
clear: none;
}
.card.card-panel.portfoliopanel.selected .cardheader:after{
content: '\f48b';
color: #FFF;
font-family: 'WebHostingHub-Glyphs';
clear: none;
}
.card.card-panel.portfoliopanel .cardheader >.col.s12{
width: 90%;
}
.card.card-panel.portfoliopanel .card-content .card-title{
line-height: 16px;
}
.portfoliotable.ui-datatable{
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 1px 1px 0 rgba(0,0,0,0.12);
}
.portfoliotable.ui-datatable .ui-datatable-header.ui-widget-header{
color: #3F3F3F;
font-size: 1.5rem;
}
body .mainbody.en .portfoliotable.ui-datatable .ui-datatable-header.ui-widget-header{
padding: 15px 0px 0px 25px!important;
}
body .mainbody.ar .portfoliotable.ui-datatable .ui-datatable-header.ui-widget-header{
padding: 15px 25px 0px 0px!important;
}
body .mainbody.en .portfoliotable.ui-datatable .ui-datatable-header.ui-widget-header{
text-align: left;
}
body .mainbody.ar .portfoliotable.ui-datatable .ui-datatable-header.ui-widget-header{
text-align: right;
}
.portfoliotable.ui-datatable .ui-datatable-data .ui-datatable-even,
.portfoliotable.ui-datatable .ui-datatable-data .ui-datatable-odd,
.portfoliotable.ui-datatable table.striped>tbody>tr{
background-color: #FFF!important;
}
.portfoliotable.ui-datatable .headerText span{
color: #3F3F3F;
font-size: 1.25rem;
}
/* body .mainbody.en .portfoliotable.ui-datatable .headerText span,
body .mainbody.en .card-panel .needhelpstyle{
font-family: Arial;
}
body .mainbody.ar .portfoliotable.ui-datatable .headerText span,
body .mainbody.ar .card-panel .needhelpstyle{
font-family: BElham;
} */
.card-panel .needhelpstyle{
font-size: 1.5rem;
text-transform: none;
color: #3F3F3F;
}
.freshportfolio{
margin-top: 20px;
}
.portfoliotable.freshportfolio.ui-datatable thead{
border-bottom:0px;
}
.portfoliotable.freshportfolio.ui-datatable table.striped>tbody>tr:nth-child(even){
background-color: #ECECEC!important;
}
.portfoliotable.freshportfolio.ui-datatable table.striped>tbody>tr:nth-child(odd){
background-color: #F1F1F1!important;
}
.portfoliotable.freshportfolio.ui-datatable tbody td,
.portfoliotable.freshportfolio.ui-datatable tfoot td{
border-width:0px!important;
}
.portfoliotable.freshportfolio.ui-datatable table.bordered>thead>tr,
.portfoliotable.freshportfolio.ui-datatable table.bordered>tbody>tr{
border-bottom:1px solid #FFF;
}
.portfoliotable.freshportfolio.ui-datatable thead th,
.portfoliotable.freshportfolio.ui-datatable tfoot th{
border-bottom:0px!important;
}
body .mainbody.en time:before{
float: left;
}
body .mainbody.ar time:before{
float: right;
}
.time:before{
font-family: 'WebHostingHub-Glyphs';
content: '\f210';
}
body .mainbody.en .time:before{
float: left;
}
body .mainbody.ar .time:before{
float: right;
}
body .mainbody.en .lessappeal{
margin-left: 5px;
font-size: 1.25rem;
}
.lessappeal{
color: #B8B8B8;
font-size: 0.85rem;
}
.card-panel .cardheader .needhelpstyle:before{
content: "";
position: absolute;
margin-top: 30px;
height: 4px;
width: 7%;
border-bottom: 4px solid #DBDBDB;
}
body .mainbody.en .card-panel .cardheader .needhelpstyle:before{
float: left;
}
.needhelpstyle .ui-datatable-header.ui-widget-header:before{
content: "";
position: absolute;
margin-top: 2.5%;
height: 4px;
width: 4%;
border-bottom: 4px solid #DBDBDB;
}
body .mainbody.en .needhelpstyle .ui-datatable-header.ui-widget-header:before{
left: 55px;
float: left;
}
.needhelpcard .card-content .cardheader{
margin-bottom: 15px;
}
a.btn.dockpanel{
background-color: #FFF;
color: #000;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 1px 1px 0 rgba(0,0,0,0.12);
text-transform: none;
padding: 0px 1px!important;
height: 72px;
font-size: 1.25rem!important;
width: 100%;
}
a.btn.dockpanel.mobilepayment i.icon:before{
content: '\f0e8';
}
a.btn.dockpanel.dewapayment i.icon:before{
content: '\f77a';
}
a.btn.dockpanel.slkpayment i.icon:before{
content: '\f239';
}
a.btn.dockpanel.ccdpayment i.icon:before{
content: '\f279';;
}
a.btn.dockpanel.benfpayment i.icon:before{
content: '\f5ce';
}
a.btn.dockpanel i.icon{
font-family: 'WebHostingHub-Glyphs';
width: 100%;
color: #F0711C;
font-size: 3rem;
margin-top: 5px;
}
div.portfoliocampaigning{
float: none;
margin: 0 auto;
text-align: center;
}
div.portfoliocampaigning div.card-panel.card{
width: 550px;
height: 400px;
float: none;
margin: 0 auto;
}
div.portfoliocampaigning div.card-panel.card .card-reveal{
top: 30%;
display: block;
height: 50%;
font-size: 14px;
text-align: center;
z-index: 1000 !important;
}
div.portfoliocampaigning div.card-panel.card .card-image.paddingtop10px{
padding-top: 0px;
}
.campaignform{
background-color: #FFF;
margin: 0 auto;
float: none;
width: 50%;
}
.campaignform div.alignleft .bollabel{
height: 20px;
width: 100%;
}
body .mainbody.en .campaignform div.alignleft .bollabel>label{
float: left!important;
text-align: left!important;
}
.daterangepicker{
width: 220px;
}
.daterangepicker .calendar .calendar-date .table-condensed thead tr th{
width: 30%;
}
.daterangepicker .calendar .calendar-date .table-condensed tbody tr td,
.daterangepicker .ranges ul{
width: 100%;
}
div.daterangepicker.dropdown-menu.opensleft{
background-image: linear-gradient(to bottom, #e1e1e1 0, #e1e1e1 100%);
color: #fff;
}
div.daterangepicker.dropdown-menu.opensleft div.calendar.left,
div.daterangepicker.dropdown-menu.opensleft div.calendar.right{
display: none;
}
div.daterangepicker.dropdown-menu.opensleft.show-calendar div.calendar.left {
display: block;
width: 100%;
}
div.daterangepicker.dropdown-menu.opensleft .ranges ul li{
display: block;
text-align: center;
padding: 2px 0px;
margin: 5px 10px;
background-color: #f5f5f5;
border-radius: 4px;
color: #000;
cursor: pointer;
}
div.customdateRangePicker{
border: 0px solid #9e9e9e;
padding: 10px 5px;
border-radius: 4px;
}
div.customdateRangePicker .caret{
font-family: 'WebHostingHub-Glyphs';
border: 0px;
width: 10px;
height: 10px;
}
body .mainbody.en div.customdateRangePicker .caret{
float: right;
}
body .mainbody.ar div.customdateRangePicker .caret{
float: left;
}
div.customdateRangePicker .caret:before{
content: '\f48b';
}
div.daterangepicker.dropdown-menu.opensleft .range_inputs{
float: left;
}
div.daterangepicker.dropdown-menu.opensleft .range_inputs > div{
width: 45%;
}
div.daterangepicker.dropdown-menu.opensleft .range_inputs > div{
float: left;
}
div.daterangepicker.dropdown-menu.opensleft .range_inputs > div > label{
width: 100%;
text-align: center;
}
body .mainbody.en div.daterangepicker.dropdown-menu.opensleft .range_inputs > div > label{
float: left;
}
div.daterangepicker.dropdown-menu.opensleft .range_inputs > div > input{
width: 75%;
margin: 5px;
padding: 0px 5px;
border: 1px solid;
}
div.daterangepicker div.calendar-date{
background-color: #FFF;
color: rgba(0,0,0,.54);
margin: 0 5px;
}
div.daterangepicker div.calendar-date table.table-condensed thead th{
padding:5px!important;
text-align: center;
}
div.daterangepicker div.calendar-date table.table-condensed thead th i{
width: 40px;
height: 20px;
}
div.daterangepicker div.calendar-date table.table-condensed thead th i.fa-arrow-left:before{
content: '\f489';
}
div.daterangepicker div.calendar-date table.table-condensed thead th i.fa-arrow-right:before{
content: '\f488';
}
div.daterangepicker div.calendar-date table.table-condensed tbody tr td{
text-align: center;
margin: 0 auto;
padding: 0px;
height: 24px;
}
/*****************************Portofolio End *************************/
/*****************************Account Balance Start*******************/
span.accountBalance{
text-transform: none;
font-size: 1.75rem;
white-space: nowrap;
}
span.dataClass{
vertical-align: bottom;
display: inline-block;
font-size: 1.5rem;
margin: 1px 5px 0px 5px;
}
body .mainbody.en span.dataClass{
float: left;
}
span.dataClass.currency{
vertical-align: bottom;
display: inline-block;
font-size: 1rem;
margin-top: 8px;
}
body .mainbody.en span.dataClass.currency{
float: left;
}
.ui-datatable .ui-datatable-footer{
background-color: #EAEAEC;
color: #404042;
}
/*****************************Account Balance End********************/
/******************************Personal Details start ********************/
.pinkcolortext{
color: #824BA3;
font-size: 1.25rem;
text-transform: none;
}
.pinkcolortext.bold{
font-weight: bold;
}
.keepleft .input-field .bollabel label,.keepleft .bollabel label{
width: 100%;
}
body .mainbody.en .keepleft .input-field .bollabel label,
body .mainbody.en .keepleft .bollabel label{
text-align: left;
}
.keepleft .input-field.input-label div.boxinp {
border: 0px;
height: 34px;
display: inline-block;
vertical-align: middle;
position: relative;
top: 0.8rem;
}
.keepleft .ui-inplace .ui-inplace-display label{
display: block;
width: 48%;
background-color: #FFF;
height: 34px!important;
padding: 0 1em!important;
vertical-align: middle;
text-transform: none;
font-size: 1.15rem;
}
body .mainbody.en .keepleft .ui-inplace .ui-inplace-display label{
float: left;
}
.keepleft .ui-inplace .ui-inplace-display label.labeltext:after{
content: '';
}
.noborder.collection,.noborder .input-label.input-field div.boxinp{
border: 0px;
}
.noborder.collection .collection-item{
padding: 5px;
border-bottom: 0px;
color: #9E9E9E;
}
.headingaccounts{
text-transform: none;
font-size: 1.15rem;
color: #000;
}
.doWrapping .input-field .bollabel label{
white-space: pre-wrap;
}
#----------------- For link ----------------------
.hyperLink{
text-transform: none;
float: left;
color: #757575 !important;
}
#-----------------Auth code ---------------------
.textHeader{
width:100%;
}
body .mainbody.en .textHeader{
float:left;
}
body .mainbody.ar .textHeader{
float:right;
}
.doWrappingfloat label{
float:left;
}
/******************************Personal Details end ********************/
html,body{
font-size: 8pt;
font-family: Arial;
}
.btn, .btn-large, .btn-flat,
.btn:hover,.btn-large:hover{
/* background-color:rgba(0, 0, 0, 0.6) ; */ /*Used for Registration buttons*/
background-color:#FFC72C ;
color: #FFF;
text-transform: none;
}
.fontcolor,label,
.input-field div.bollabel label{
#color:#9E9E9E;
color:#000;
text-transform: none;
font-size: 1.3rem;
}
.col.input-field{
padding:0px;
}
.orangecolor,
.btn.orangecolor:hover,.btn-large.orangecolor:hover{
background-color: #FFC72C;
color: #FFF;
}
div.ui-selectonebutton.newpurplecolor div.ui-button.ui-state-active{
background-color: blue;
}
div.ui-selectonebutton.newpurplecolor div.ui-button.ui-state-focus{
background-color: #F1F1F1;
color: #000;
}
.row.custompanel.page.messageRow.override {
width: 100%;
}
.row.custompanel.page.messageRow {
width: 89%;
}
.row.custompanel.page.messageRow .col.messageRow,.row.custompanel.page.messageRow .col.messageRow > .col{
width: 100%;
padding: 0px;
}
.myservicescard.card-panel.card .cardheader > .col.right-align{
width: 100%;
padding: 0px;
}
.myservicescard .cardheader{
display: none;
}
.myservicescard .card-content > .row {
margin: 0px!important;
border: 1px solid #EAEAEA;
padding: 10px 0px;
border-bottom: 0px;
}
.myservicescard .card-content > .row:last-child{
border: 1px solid #EAEAEA;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.myservicescard .card-content > .row.rowHeader{
border: 1px solid #EAEAEA;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.myservicescard .card-content > .row.rowHeader .labeldata{
color: #9e9e9e;
font-weight: bold;
font-size: 1.5rem;
}
.myservicescard .card-content .labelstatus{
color: #9e9e9e;
font-weight: bold;
font-size: 1rem;
}
.width920 {
width:920px;
}
.selectPosition {
position: absolute;
}
.boldtext {
font-size: 1.5rem;
}
.input-field label.active {
transform: translateY(0%) !important;
}
/* .myservicescard .card-content > .row {
border: 1px solid #EAEAEA;
margin: 0px!important;
height: 36px;
border-bottom: 0px;
}
.myservicescard .card-content > .row:last-child {
border: 1px solid #EAEAEA;
margin: 0px!important;
height: 36px;
} */
.needhelpreq{
text-transform: none;
color: #757575 !important;
}
body div.mainbody.priority .waves-effect.waves-purple .waves-ripple{
/* background-color:rgba(129,120,88,0.7) */
background-color:#FFC72C
}
body div.mainbody.priority .btn,body div.mainbody.priority .btn-large,body div.mainbody.priority .btn-flat,
body div.mainbody.priority .btn:hover,body div.mainbody.priority .btn-large:hover,body div.mainbody.priority .btn-floating{
background-color: #817858;
}
body div.mainbody.priority .text-priority{
color: #817858;
}
body div.mainbody.priority a.btn.dockpanel{
background-color: #FFF;
}
body div.mainbody.priority a.btn.dockpanel i.icon{
color: #685C3D
}
.mainbody.priority div.ui-selectonebutton.newpurplecolor div.ui-button.ui-state-active{
background-color: #817858;
}
.bootstrap-datetimepicker-widget > ul.list-unstyled > li{
width: 100%;
}
.bootstrap-datetimepicker-widget .datepicker-decades table td span {
white-space: nowrap;
}
.daterangepicker.dropdown-menu.opensleft.show-calendar .calendar-date .table-condensed tbody td.available, .daterangearchivemonths{
cursor: pointer;
}
.labelcenteralign{
text-align: center;
float: none;
margin: 0 auto;
display: block;
font-size: 2rem;
}
.handcursor{
cursor: pointer;
}
/* .formlabel .col.boxinp{
width: 235px;
}
*/
.formlabel .col.boxinp span{
line-height: 34px;
}
.formlabel .col.boxinp span.labellongtext{
white-space: normal;
line-height: 1;
width: 100%!important
}
.confimationpage .formlabel .col.boxinp span.labellongtext{
line-height: 15px;
}
.fullwidthimp{
width: 100%!important;
}
.btn-success {
color: #fff;
background-color: #442057 !important;
border-color: #4cae4c;
}
.btn-default {
color: #fff !important;
background-color: #442057 !important;
border-color: #ccc;
}
div.datatable_button tbody td a {
font-size: 1.1rem;
color: #fff !important;
white-space: pre-line;
}
.underlink{
text-decoration: underline;
}
form.confimationpage .row.custompanel .labels.data.tranheading ,.confimationpage .row.custompanel .labels.data.tranheading {
line-height: 36px;
border: 1px solid #EAEAEA;
}
form.confimationpage .row.custompanel .labels.data.tranheading label ,.confimationpage .row.custompanel .labels.data.tranheading label{
float: none;
margin: 0 auto;
display: block;
text-align: center;
font-size: 2rem;
font-weight: bold;
border: 0px;
}
form.confimationpage .row.custompanel,.confimationpage .row.custompanel{
margin-top: 0;
margin-bottom: 0;
}
form.confimationpage .row.custompanel .labels.data ,.confimationpage .row.custompanel .labels.data {
border: 1px solid #EAEAEA;
margin-top: 0px;
margin-bottom: 0px;
border-top: 0px;
}
form.confimationpage .row .buttoncenter ,.confimationpage .row .buttoncenter{
padding-top: 10px;
}
form.confimationpage .row.custompanel .labels.data .boxinp,.confimationpage .row.custompanel .labels.data .boxinp{
border: 0px;
}
body div.mainbody.en form.confimationpage .row.custompanel .labels.data label{
border-right: 1px solid #EAEAEA;
}
body div.mainbody.ar form.confimationpage .row.custompanel .labels.data label{
border-left: 1px solid #EAEAEA;
}
body div.mainbody.ar .mainfloat.left{
float: right!important;
}
.row.logintext {
color: rgb(255, 255, 255);
margin: 5px;
}
.keyboardchbox{
}
.topclass .checkbox{
width: 100%!important;
}
.keyboardchbox + label{
width: 80%;
}
body .mainbody.en .checkbox label:before{
}
body .mainbody.ar .checkbox label:before{
float: right;
right: 0;
}
.fontsize13rem{
font-size: 1.3rem;
}
.pinkcolor{
background-color: #FFAEC9;
}
/* PGL - Back button Secret answer */
div.ui-datatable tbody td a.whitecolor{
color: #FFF !important;
}
/* PGL - Back button Secret answer */
.fontbold{
font-weight: bold;
}
.headertimer{
color: #421956;
font-weight: 700;
font-size: 1.5rem;
text-transform: none;
text-align: center;
}
a.orange{
color: #FDAF17!important; /* Added for Logout button */
background-color: transparent!important;
text-align: center;
float: none;
font-weight: bold;
}
i.logout,i.inbox,i.settings{
line-height: 25px!important;
height: 25px!important;
}
a.newpurplecolor{
color: #FDAF17!important;
background-color: transparent!important;
text-align: center;
float: none;
font-weight: bold;
}
body div.mainbody.priority a.newpurplecolor{
color: #817858!important;
}
body .mainbody.en .borderlineleft > a {
border-left: 1px solid #C3C3C3;
}
body .mainbody.ar .borderlineleft > a {
border-right: 1px solid #C3C3C3;
}
.switchlocale{
margin-top: 10px;
display: block;
}
a.switchlocale{
padding: 7px 15px;
background-color: #DEDEDE!important;
border-radius: 14px;
}
body div.mainbody.en .leftbrandicon{
width: 265px;
height: 100%;
float: left;
}
body div.mainbody.ar .leftbrandicon{
width: 234px;
height: 100%;
float: right;
}
body div.mainbody.ar .middataholder .textalignleft {
text-align: right;
}
.grayover{
color: #9E9E9E;
text-transform: none;
}
.grayover:hover{
color: #FFC72C;
}
.middataholder{
color: #FFFFFF; /* Test colour of Customer name changed to white*/
font-weight: 700;
font-size: 1.5rem;
text-transform: none;
text-align: center;
}
.textalignleft{
text-align: left;
}
.col.textheader{
text-align: center;
float: none!important;
}
.col.textheader label{
font-size: 2.0rem;
font-weight: bold;
}
.glyphicon.glyphicon-calendar{
left: -10px;
}
div.ui-datatable_inner tbody td a {
font-size: 1.1rem;
color: #FFF!important;
white-space: pre-line;
}
.side-nav a.navcommandbutton{
padding: 0 2rem!important;
height: 36PX;
line-height: 36PX;
width: 75%;
left: 10px;
}
.orangeandalign{
display: inline-block;
vertical-align: middle;
line-height: 70px;
font-size: 1.75rem;
height: 75%;
width: 100%;
color: #FF9159;
text-transform: uppercase;
float: none;
margin: 0 auto;
text-align: center;
}
img.borderraidus2px{
border-radius: 2px;
}
#salikFromAccountForm ul.customaccordion li{
width: 100%;
}
.colorblack{
color: #000;
}
.colororange{ /* Added for Emirates NBD online banking India */
color:#FFC72C;
}
.fdstylecolor{
border-width:1px 1px 1px 1px!important;
width: 25%;
background: #FFC72C;
color: #0e0e0e !important;
font-weight: bold;
}
.fdheaderstyle {
background: #FFC72C;
}
.fdtablestyle {
height: 25px;
}
.fdtablestyle.td {
height: 25px;
}
.fdtdstyle {
border-width: 1px 1px 1px 1px !important;
}
.fdtdstyle.ui-datatable tbody td, .fdtdstyle.ui-datatable tfoot td {
border-width: 1px 1px 1px 1px!important;
border-bottom: 2px solid black;
color: #000000!important;
height: 10px;
}
.fdtdwidthstyle {
white-space: normal !important;
}
.fdtdwidthstyle.ui-datatable tbody td, .fdtdwidthstyle.ui-datatable tfoot td {
white-space: normal !important;
}
.width79px{
width: 78px!important;
}
.ui-autocomplete-panel .ui-autocomplete-list {
padding: 0.4em;
border: 0 none;
height: 350px;
background-color: #FFF;
}
.ui-autocomplete-panel,.ui-autocomplete-panel .ui-autocomplete-list-item{
background-color: #FFF;
}
.bollabel.imp label:after{
content: '\002a';
font-family: 'WebHostingHub-Glyphs';
font-size: 0.75rem;
color: #F00;
}
.input-field .bollabel.loinglabel label{
color: #000;
#font-weight: bold;
}
body .mainbody.en .text-center a,
body .mainbody.ar .text-center a,
.text-center a{
text-align: center;
display: inline-block;
float: none;
}
.onebuton .bollabel label{
line-height: 35px;
font-size:1.3rem;
}
div.midealign div.row.custompanel > div.col .margintop10px,
.margintop10px{
margin-top:10px!important;
}
.doapplyright .input-field.col{
text-align: right;
}
.paddintop15px{
padding-top: 15px;
}
a.anchor{
color:#757575;
text-decoration: underline;
font-size: 1.25rem!important;
}
.requestheader .listingmenu .titlegray{
font-size: 1.3rem;
}
.requestheader .listingmenu .menuname{
font-size: 1.3rem;
padding: 5px 0px;
}
.portform .card.card-panel.portfoliopanel .card-content .card-title{
color: #FFF!important;
}
.drawborder div.pagepanel .row.eitooltip{
margin: 0px;
}
.row.eitooltip label{
font-size: 8pt;
}
body .mainbody .servicecheckbox.override .input-field.checkbox.col.s12{
width: 100%;
}
body .mainbody .servicecheckbox .input-field.checkbox label{
width: 100%;
}
body .mainbody .termscondition.override .input-field.checkbox.col.s12 {
width: 70%;
float: none;
}
body .mainbody .termscondition .input-field.checkbox label{
width: 70%;
}
.termsandcond{
float: none;
color: gray;
line-height: 25px;
text-decoration: underline;
}
.ui-datatable .responsive-table thead th,
.ui-datatable .responsive-table thead th .ui-column-title{
color: #000!important;
}
body .mainbody .ui-selectonemenu .ui-selectonemenu-label {
width: 89%;
}
.collection .collection-item.avatar i.circle{
display: none;
}
body .mainbody .collection .collection-item.avatar{
border: 0px solid #e0e0e0;
}
.collection .collection-item.avatar p {
margin: 0;
text-align: center;
height: 100%;
line-height: 5;
}
.switchbutton div.bollabel label{
line-height: 34px;
font-size: 1.3rem;
}
.monthcalendar i.icon{
margin-left:0px;
}
.overridelabelheight.input-field div.bollabel label, div.bollabel label{
line-height: 0;
}
.overridelabelheight15px.input-field div.bollabel label, div.bollabel label{
line-height: 15px;
}
.height173px{
height:173px!important;
}
.noneditablefield .boxinp{
background: #E1E1E1;
color: #fff;
font-size: 1.3rem;
text-transform: none;
}
body .mainbody.en form.alignform.alingndata .col.text-left .col.dontwrap.bollabel label{
text-align: left;
float: left;
}
body .mainbody.ar form.alignform.alingndata .col.text-left .col.dontwrap.bollabel label{
text-align: right;
float: right;
}
body .mainbody.ar span.inputprefix{
float: right;
}
span.inputprefix {
width: 25%!important;
line-height: 34px;
}
span.inputprefix + input[type=text]{
width: 65%;
}
body .mainbody.ar span.inputprefix + input[type=text]{
text-align: right;
}
body .mainbody.ar .row.eitooltip label{
float: left;
}
.leftzero [type="checkbox"]+label:before{
left: 0px!important;
}
.limitsleft{
color: #000;
font-size: 1.25rem;
text-transform: none;
}
.input-field.text-center label,
body .mainbody.en form.alignform.alingndata .col.text-center .col.dontwrap.bollabel label,
body .mainbody.ar form.alignform.alingndata .col.text-center .col.dontwrap.bollabel label,
body .mainbody.en form.alignform.alingndata .col .col.dontwrap.bollabel.text-center label,
body .mainbody.ar form.alignform.alingndata .col .col.dontwrap.bollabel.text-center label{
width: 100%;
text-align: center;
padding: 0px;
}
body div.mainbody.en form.confimationpage .row.custompanel .labels.data.tranheading label{
border: 0px;
}
body .mainbody.en .center-align > [type="checkbox"]+label:before{
left: 70px;
}
body .mainbody.ar .center-align > [type="checkbox"]+label:before{
right: 70px;
}
.swiftanchor{
display: block;
float: right!important;
text-align: right;
}
.overflowhidden{
overflow: hidden;
}
.createborder{
border: 1px solid #EAEAEA;
border-radius: 5px;
padding: 5px!important;
margin-top: 10px!important;
}
.myservices .createborder{
margin: 10px!important;
}
.ui-autocomplete .ui-autocomplete-dropdown{
display: none;
}
.uil-spin-css {
background: none;
position: relative;
width: 200px;
height: 200px;
float: none;
margin: 0 auto;
}
width: 100%;
@-webkit-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-ms-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.uil-spin-css > div {
width: 24px;
height: 24px;
margin-left: 4px;
margin-top: 4px;
position: absolute;
}
.mainbody.priority .uil-spin-css > div > div {
width: 100%;
height: 100%;
border-radius: 15px;
background: #685C3D;
}
.mainbody .uil-spin-css > div > div {
width: 100%;
height: 100%;
border-radius: 15px;
background: #182F7C; /* rotation color*/
}
.uil-spin-css > div:nth-of-type(1) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0s;
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
.uil-spin-css > div:nth-of-type(1) {
-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(2) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.12s;
-moz-animation-delay: 0.12s;
-webkit-animation-delay: 0.12s;
-o-animation-delay: 0.12s;
animation-delay: 0.12s;
}
.uil-spin-css > div:nth-of-type(2) {
-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(3) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-webkit-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.uil-spin-css > div:nth-of-type(3) {
-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(4) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.37s;
-moz-animation-delay: 0.37s;
-webkit-animation-delay: 0.37s;
-o-animation-delay: 0.37s;
animation-delay: 0.37s;
}
.uil-spin-css > div:nth-of-type(4) {
-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(5) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.uil-spin-css > div:nth-of-type(5) {
-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(6) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.62s;
-moz-animation-delay: 0.62s;
-webkit-animation-delay: 0.62s;
-o-animation-delay: 0.62s;
animation-delay: 0.62s;
}
.uil-spin-css > div:nth-of-type(6) {
-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(7) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.uil-spin-css > div:nth-of-type(7) {
-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(8) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.87s;
-moz-animation-delay: 0.87s;
-webkit-animation-delay: 0.87s;
-o-animation-delay: 0.87s;
animation-delay: 0.87s;
}
.uil-spin-css > div:nth-of-type(8) {
-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
.ui-blockui-content.ui-shadow{
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3) !important;
}
/*********************************Loading********************************/
.loader {
color: #ffffff;
font-size: 20px;
margin: 100px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
form.alignform.alingndata .col .col.dontwrap.boxinp span.month{
width: 45px;
}
form.alignform.alingndata .col .col.dontwrap.boxinp span.year{
width: 45px;
}
.ui-menu.ui-menu-dynamic{
background: #FFF;
color: #000;
display: none!important;
}
body .mainbody .servicecheckbox.autowidth .input-field.checkbox label{
width: auto;
}
.enbdcontainer .myservices .checkbox .checkboxheading ~label{
font-size: 1.25rem;
font-weight: normal;
color: #000;
}
.myservices a.headeranchor,.myservices span.headeranchor{
margin: 10px 0px;
background-color: #DEDEDE!important;
}
.margintop7px{
margin-top: 7px;
}
.ui-widget-content .ui-icon.ui-icon-search:before{
font-family: 'WebHostingHub-Glyphs';
content: '\f0c5';
}
.ui-selectlistbox-filter-container{
border: 1px solid #E9E9E9;
}
.ui-chkbox-box .ui-chkbox-icon.ui-icon:before{
content: '';
position: relative;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 2px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
float: left;
}
.ui-chkbox-box .ui-chkbox-icon.ui-icon.ui-icon-check:before{
top: -4px;
left: -3px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #26a69a;
border-bottom: 2px solid #26a69a;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
table.ui-selectlistbox-list tbody tr td{
padding: 3px;
}
.colwidth50pc{
width: 50%;
}
body .mainbody.ar .servicecheckbox .center-align > [type="checkbox"]+label:before{
right: -20px;
}
.ui-selectonebutton.ui-buttonset{
padding: 0px;
}
.pad5pximp{
padding: 5px!important;
}
.pad1pximp{
padding: 1px!important;
}
.nopaddingimp{
padding: 0px!important;
}
.iconcenter{
text-align: center;
float: none;
display: block;
margin: 0 auto;
}
.numberCircle{
border-radius: 50%;
width: 16px;
height: 16px;
padding: 2px;
background: #f00;
color: #FFF;
text-align: center;
font-size: 10px;
position: absolute;
}
.numberCircleWoColor{
border-radius: 50%;
width: 16px;
height: 16px;
padding: 2px;
color: #FFF;
text-align: center;
font-size: 10px;
position: absolute;
}
.boldletter{
font-weight: bold;
}
.mainbody .pspimage .menuicon {
background-image: url(../resources/images/common/smsbankingstop.png);
background-repeat: no-repeat;
}
.mainbody .CNSimage .menuicon {
background-image: url(../resources/images/common/smspayments.png);
background-repeat: no-repeat;
}
.mainbody .NMSimage .menuicon {
background-image: url(../resources/images/common/subscription.png);
background-repeat: no-repeat;
}
.mainbody.priority .pspimage .menuicon {
background-image: url(../resources/images/common/smsbankingstoppr.png);
background-repeat: no-repeat;
}
.mainbody.priority .CNSimage .menuicon {
background-image: url(../resources/images/common/smspaymentspr.png);
background-repeat: no-repeat;
}
.mainbody.priority .NMSimage .menuicon {
background-image: url(../resources/images/common/subscriptionpr.png);
background-repeat: no-repeat;
}
.infobutton{
clear: both;
display: block;
width: 10%;
float: none;
margin: 0 auto;
}
.ui-blockui,.ui-blockui-content{
z-index: 1045!important;
}
/* PGL - Back button alignment Secret answer */
.ui-backbutton-topvscenter{
margin: 0 auto;
width: 100px;
padding-top: 170px;
}
/* PGL - Back button alignment Secret answer */
.datalistStyle{
width:100% !important
}
.datalistStyle.ul li {
list-style-type: none;
width: 100% !important;
}
.myinfocardpanel{
width:100% !important
}
.card.card-panel.myinfocardpanel .cardheader {
background-color: #182F7C; /* Added for blue colour theme in main page */
color: #FFF;
margin: 0px;
padding: 10px 5px;
width: 100%;
}
.card.card-panel.portfoliopanel .dataClass {
padding: 0px;
font-size: 2rem;
color: white;
}
.card.card-panel.myinfocardpanel .dataClass{
padding: 0px 20px;
font-size: 2rem;
text-transform: none;
color: #fdfafa;
}
body .mainbody.en .card.card-panel.myinfocardpanel .dataClass.currency {
padding: 0px 5px 0px 0px;
text-align: right;
font-size: 2rem;
color: white;
}
.card.card-panel.myinfocardpanel .dataClass.currency {
font-size: 1.25rem;
min-height: 39px;
}
.myinfopaginatorstyle{
margin: 0px;
text-align: center;
padding: 2px;
}
#paginatordiv .ui-paginator {
margin: 0px !important;
text-align: right !important;
padding: 2px !important;
font-size: 1rem;
display: inherit;
font-weight: 900;
}
.myinfocardpanel.card .card-content .card-title, .card .card-reveal .card-title {
text-transform: uppercase;
font-size: 1.5rem;
color: white!important;
font-weight: bold;
text-align: left;
}
.myinfocardpanel.ui-state-default, .myinfocardpanel.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
border: none!important;
}
#paginatordiv .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current
{
display: inline-block;
padding: 2px 6px;
zoom: 1;
margin-left: 1px;
margin-right: 1px;
text-decoration: none;
outline: none;
background: white;
}
.myinfocardpanel.card .card-content {
padding: 0px;
border-radius: 0 0 2px 2px;
}
.cardpanelborder {
width: 100%;
margin-left: 0;
border: 1px solid #182F7C;
padding: 0px;
}
.textstyle{
font-weight: bold;
}
.textwidth{
width: 33.333% !important;
}
.myinfotopcardpanel{
width:50% !important;
}
.card.card-panel.myinfotopcardpanel .cardheader {
background-color: #FDAF17; /* Added for blue colour theme in main page */
color: #FFF;
margin: 0px;
padding: 0px 5px;
width: 100%;
}
.myinfotopcardpanel.card .card-content {
padding: 0px;
border-radius: 0 0 2px 2px;
background: #FDAF17;
height: 65;
width: 200%;
}
.card.card-panel.myinfotopcardpanel .dataClass.topcardpanelattribute{
padding: 0px 20px;
font-size: 1.8rem;
text-transform: none;
color: white !important;
padding-top: 0px !important;
}
.portfolioalignright{
width: 43% !important;
text-align: right !important;
padding: 0px 5px !important;
}
.portfolioalignleft{
width: 50% !important;
text-align: left !important;
padding: 0px 0px !important;
}
.portfoiliopadding{
padding-left: 20!important;
}
.portfoiliopadding.row .col.s12 {
width: 100%;
margin-left: 0;
}
.porfoliocolor.card .card-content{
background: grey !important;
}
.prtfoaccnostyle{
font-size: 1.5rem !important;
color: black !important;
font-weight:bold;
}
.panelgridcss{
text-align: left;
font-size: 1.5rem;
color: white!important;
font-weight: bold;
background-color: #182F7C;
border-radius: 0px;
}
.panelgridcssmiddle{
text-align:right;
font-size: 1.5rem;
color: white!important;
font-weight: bold;
width: 68%;
background-color: #182F7C;
border-radius: 0px;
padding: 5;
}
.panelgridcssright{
text-align:left ;
font-size: 1.5rem;
color: white!important;
font-weight: bold;
background-color: #182F7C;
border-radius: 0px;
padding: 5;
}
.row .col .portform {
padding:0px;
font-size:1.5 rem;
}
.td .th .panelgridcss{
border-radius:0px;
}
.onlineactive{
left: -15rem !important;
}
.onlineactive .input-field label{
left: -15rem !important;
}
.paddintop1px {
padding-top: 1px;
}
.porfoliocolor .row .col.s6 {
width:50%
}
.logindwidth{
width:35% !important
}
.onlinetranswidth{
/* width:65% !important */
width: 641px !important;
padding-right: 0px !important;
}
div.text1 > div.col {
padding: 0px 0px!important;
margin: 1px 15px 0px 0px;
width: 40% !important;
}
.row .col.m8.test4 {
margin-left: 0;
width: 100%;
}
.test4{
width: 100%;
padding-right: 0px !important;
}
.portfolio33 {
width: 34% !important;
padding: 0 0px 0px 7px 0 !important;
}
.portfolio66 {
width: 66% !important;
padding: 0 !important;
}
.portfolioright{
width: 30% !important;
text-align: right !important;
padding: 0px 5px !important;
}
.panelgridheight td{
height: 37px !important;
}
.panelgridheight.td{
height: 37px !important;
}
.myinfoborder.drawborder{
background-color:transparent;
margin-top: -10px;
}
.logobar.card .card-content .card-title {
font-size: 1.2rem;
text-align: left;
padding-left: 73px;
background-color: #182F7C;
padding-top: 6px;
height: 28px;
color: white !important;
text-transform: initial
}
.logobar.card .card-content {
padding: 0px;
}
.row .col.fdstyle {
width: 44%;
margin-left: 0;
/* right: 93px; */
padding-left: 61px;
}
.row .col.fdcolstyle {
width: 18%;
margin-left: 0;
/* right: 93px; */
padding-left: 67px;
}
.row .col.fdNMcolstyle {
width: 20%;
margin-left: 0;
/* right: 93px; */
padding-left: 67px;
margin-top: -20px !important;
}
.fdSwitchstyle{
width: 19%;
}
.row .col.fdSwitchstyle {
width: 19%;
margin-left: 0;
/* right: 93px; */
padding-left: 61px;
}
.row .col.dialogYesStyle {
width: 50%;
margin-left: 26px;
text-align: center;
padding-left: 50px;
}
.row .col.dialogNoStyle {
width: 31%;
margin-left: 0;
/* padding-right: 130px; */
text-align: center;
}
.dialogStyle{
width: 18% !important;
height: 30%;
left: 890px;
top: 278.5px;
z-index: 1008;
display: block;
BACKGROUND-COLOR: white;
font-size: 13px;
}
.ui-dialog-titlebar.dialogTitle {
padding: .4em .4em .4em 4em !IMPORTANT;
position: relative;
border: 0px;
}
.BNItooltip
{
position: relative;
display: inline-block;
/* border-bottom: 1px dotted black; */
margin-left: 255px !important;
}
.BNItooltip .BNItooltiptext
{
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 7%;
margin-left: -60px;
opacity: 0;
transition: opacity 1s;
}
.BNItooltip .BNItooltiptext::after
{
/* content: ""; */
position: absolue;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
}
.BNItooltip:hover .BNItooltiptext
{
visibility: visible;
opacity: 1;
}
.fdcardpanel.card .card-content {
padding-top: 0px;
}
.textblurAlign {
padding-left: 196!important;
padding-right: 160!important;
}
.resultStyle
{
padding-right: 0px !important;
border-right-color: rgb(234, 234, 234) !important;
border-right-style: solid !important;
border-right-width: 1px !important;
}
.marginleftVal{
/* margin-left: 100px; */
margin-left: 729!important;
font-size: 89% !important;
}
.ZeroHeight
{
height:0px!important;
}
.dialogStyleLocalBank{
width: 35% !important;
height: 25% !important;
left: 40% !important;
top: 40% !important;
z-index: 1000 !important;
display: block;
BACKGROUND-COLOR: white;
font-size: 14px;
text-align: center;
}
.row .col.dialogYesStyleLocalBank {
width: 50%;
text-align: center;
padding-left: 35%;
padding-right: 60%;
margin-right: 118px !important;
}
.row .col.dialogNoStyleBankLocalBank {
width: 31%;
text-align: center;
margin-left: 74px !important;
padding-left: 40% !important;
}
.NoteTableStyle
{
border-width: 2px !important;
border-style: solid !important;
border-color: black !important;
width : 80%;
margin-left: 86px;
}
.NoteTableTDStyle
{
border-width: 1px 1px 1px 1px!important;
border-bottom: 1px solid black !important;
color: #000000 !important;
height: 25px !important;
text-align: left !important;
font-size: 1.3rem !important;
padding-left: 6px;
border-right: 1px solid black !important;
}
.listStyle
{
list-style-type: disc;
}
.monthMarginLeft
{
margin-left: 253px !important;
}
.nomineeTextMarginLeft
{
margin-left: 8px !important;
}
.nomineeCheckBXMarginLeft
{
margin-left: 86px !important;
}
.note1Margin
{
margin-left: 5px !important;
}
.marginBottm
{
margin-bottom: 14px !important;
}
.resendOTPMargin
{
margin-left: -20px !important;
}
.debitColColor
{
color: #9C27B0 !important;
}
.creditColColor
{
color: #f30909 !important;
}
.secretQueBtnStyle
{
width: 99px !important;
background-color: #FFC72C !important;
color: white !important;
font-family: Arial !important;
content: '\f305' !important;
font-size: 1.19rem!important;
height: 36px !important;
}
.monthMarginLeftCnfr
{
margin-left: -6px !important;
}
.monthMarginLeftCnfrtxtbox
{
margin-left: 0px !important;
}
.CheckbxStyle
{
left: 1.75rem;
float: none;
color: gray;
line-height: 25px;
}
.btn-floating.lightboxbtn {
background-color: #FFC72C;
top: 50%;
}
.yesnorowstyle {
margin-top: 10% !important;
}
.yesStyle {
width: 36% !important;
margin-left: 22% !important;
}
.noStyle {
width: 10% !important;
margin-left: 0% !important;
}
div.futuretrnsdialog div.card-panel.card .card-reveal {
top: 30%;
display: block;
height: 40%;
width: 70%;
left: 15%;
font-size: 14px;
text-align: center;
z-index: 1000 !important;
}
div.futuretrnsdialog{
float: none;
margin: 0 auto;
text-align: center;
}
div.futuretrnsdialog div.card-panel.card{
width: 550px;
height: 400px;
float: none;
margin: 0 auto;
}
div.futuretrnsdialog div.card-panel.card .card-image.paddingtop10px{
padding-top: 0px;
}
.secretQHeader
{
width: 100%;
float: none;
margin: 0 auto;
font-size: 1.4rem !important;
font-weight: bold;
align-items: center !important;
padding-top: 1rem;
padding-bottom: 1rem;
margin-left: 10% !important;
}
.subnotes-2{
color:#000000;
text-transform: none;
font-size:1.45rem;
}
body .mainbody.en .subnotes-2 a,
div.bollabel.subnotes-2 a,
.subnotes-2 a,
.input-field div.bollabel.subnotes-2 label{
font-size:1.45rem;
font-weight: normal;
}
/* body .mainbody.en .subnotes-1{
font-family: Arial!important;
}
body .mainbody.ar .subnotes-1{
font-family: BElham!important;
} */
.margintop40pximp .s6.subnotes-2{
margin-top: 5px;
}
arrowStyle
{
position: absolute;
top: 0;
width: 67%;
height: 100%;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
/* line-height: 2; */
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.40rem;
}
div.screatQuestion .arrowStyle {
/* position: initial; */
top: 0 !IMPORTANT;
/* width: 11% !IMPORTANT; */
/* height: 5% !IMPORTANT; */
text-transform: none !IMPORTANT;
/* font-weight: 400 !IMPORTANT; */
font-style: normal !IMPORTANT;
font-variant: normal !IMPORTANT;
line-height: 0px !important;
margin-top: -39px !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.40rem !IMPORTANT;
}
div.screatQuestion .arrowStyle:after {
position: absolute !IMPORTANT;
top: 0 !IMPORTANT;
width: 33% !IMPORTANT;
height: 36% !IMPORTANT;
text-transform: none !IMPORTANT;
font-weight: 400 !IMPORTANT;
font-style: normal !IMPORTANT;
font-variant: normal !IMPORTANT;
line-height: 2.2 !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.40rem !IMPORTANT;
}
.loginErrorMsg
{
height: 60px !important;
}