/*Used for arabic font*/
@font-face {
    font-family: 'hacen_liner_screenregular';
    src: url('font_ar/hacen_liner_screen-webfont.eot');
    src: url('font_ar/hacen_liner_screen-webfont.eot?#iefix') format('embedded-opentype'),
    url('font_ar/hacen_liner_screen-webfont.woff') format('woff'),
    url('font_ar/hacen_liner_screen-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {*/
    /*font-family: 'menu_font';*/
    /*src: url('font_ar/helveticaneueltstd-cn-webfont.eot');*/
    /*src: url('font_ar/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),*/
    /*url('font_ar/helveticaneueltstd-cn-webfont.woff') format('woff'),*/
    /*url('font_ar/helveticaneueltstd-cn-webfont.ttf') format('truetype'),*/
    /*url('font_ar/helveticaneueltstd-cn-webfont.svg#helveticaneuelt_std_cnregular') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/

.input-sm
{
    padding: 3px 10px!important;
}
/*General ACE Style Override*/
@media only screen and (max-width: 460px) {
    .ace-nav {
        background-color: white!important;
        color: black!important;
        border: none;
    }
}

.profile-info-value>span+span:before{
    content: none!important;
    margin-top: 2px!important;
}

.profile-info-value>span{
    line-height: 1;
}


@media only screen and (max-width: 460px){
    .ace-nav>li:last-child {
         border-right: none!important;
    }
}

@media only screen and (max-width: 460px){
    .ace-nav>li:first-child {
        border-left: none!important;
    }
}

.cursorPointer{
    cursor: pointer!important;
}

.mobileInput{

}

.rtl .cardsBillingAmount{
    direction: ltr;
}

.rtl .mobileInput{
    direction: ltr!important;
    text-align: right!important;
}

.widget-toolbar
{
    padding: 0px;
}

.widget-toolbar:before{
    display: none;
}

.accountOptions{
    width: 220px;
    top: auto!important;
    left: auto!important;
}

.rtl .accountOptions{
    top: auto!important;
    right: auto!important;
}

.componentMarginBottom{
    margin-bottom: 15px!important;
}

.mainLeftSide{
    width: 22%!important;
}

.mainMiddleSide{
    width: 56%!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.mainRightSide{
    width: 22%!important;
}

.mainLargeSection{
    width: 78%!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

html,body,*{
    font-size: 12px!important;
}

html{
    min-height: 90%!important;
}

.rtl html .rtl body, .rtl *{
    font-size: 14px!important;
}

.rtl .mainOnlineHeader .navbar .navbar-nav>li>a, dt,dd{
    font-size: 13px!important;
}

.accountQuickViewComponent .accountQuickViewCurrentBalance{
    font-size: 25px!important;
}

textarea{
    max-width: 100%!important;
    width: 100%!important;
    max-height: 125px!important;
}

.font8{
    font-size: 8px!important;
}

.fontSmall{
    font-size: 11px!important;
}
.font10{
    font-size: 10px!important;
}
.font12{
    font-size: 12px!important;
}
.font14{
    font-size: 14px!important;
}
.font15{
    font-size: 15px!important;
}
.font16{
    font-size: 16px!important;
}
.font18{
    font-size: 18px!important;
}
.font20{
    font-size: 20px!important;
}
.font25{
    font-size: 25px!important;
}
.input-icon{
    width: 100%;
}

.input-icon i{
    color: #555555;
}

.rtl .input-icon i{
    left: inherit;
    right: 3px;
}

.input-icon>input{
    padding-left: 25px!important;
    padding-top: 6px!important;
}

.rtl .input-icon>input{
    padding-right: 25px!important;
}

.input-icon>select.form-control {
    padding: 4px 20px!important;
}

.profile-info-name, .profile-info-name span, .profile-info-value, .profile-info-value span{
    font-size: 11px!important;
}

.rtl .profile-info-name, .rtl .profile-info-name span, .rtl .profile-info-value, .rtl .profile-info-value span{
    font-size: 13px!important;
}

.accountListFontSize{
    font-size: 11px!important;
}

.dropDownInitialStyle{
    color: grey;
    font-style: italic;
}

.rtl .accountListFontSize{
    font-size: 13px!important;
}

html,body {
    font-family: arial;
    font-variant: normal;
    line-height: 1.3;
}

h1,h2,h3,h4,label,select,input,a{
    font-family: arial!important;
}


.rtl, .rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl label,.rtl select,.rtl input,.rtl a {
    font-family: hacen_liner_screenregular!important;
}

.onlineRootContainer .main-content{
    margin-left: 0px!important;
}

.rtl .onlineRootContainer .main-content{
    margin-right: 0px!important;
}

.rtl .navbar-nav>li {
    float: right;
}

.rtl .dropdown-menu{
    right: 0;
}

.couponDetailsLayout{
    float: right;
}

.rtl .couponDetailsLayout{
    float: left;
}

.tab-content{
    min-height: 578px!important;
}

.innerfuelux .fuelux .step-content{
    min-height: 500px!important;
}

.highcharts-container{
    height: 380px!important;
}
svg{
    height: 380px!important;
}
svg text{
    font-family: arial;
    font-variant: normal;
}

.navbar
{
    background-color: transparent;
}

.main-container{
    padding-left: 1px!important;
    padding-right: 1px!important;
}

.container , .container.main-container:after,.mainOnlineHeader .headerMenuContainer nav{
    min-width: 1024px!important;
}

a{
    cursor: pointer;
    text-decoration: none!important;
}

.fullWidth{
    width: 100%!important;
}

.halfWidth{
    width: 50%!important;
}

.width90{
    width: 90%!important;
}

.width200{
    width: 200px!important;
}

.width190{
    width: 190px!important;
}

.width70{
    width: 70px!important;
}

.width100{
    width: 100px!important;
}

.lineHeight5{
    line-height: 5!important;
}

.lineHeight6{
    line-height: 7!important;
}

.form-control
{
    padding-top: 2px!important;
}

.page-content{
    padding: 0px!important;
}

.page-content-main-div{
    /*padding-top: 20px;*/
    padding-left: 3px;
    padding-right: 3px;
}

input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before{
    background-color: #fff!important;
}

.form-group select[disabled], .form-group select:disabled
{
    background-color: #eee!important;
}

.popover{
    width: 430px!important;
    min-width: 430px!important;
}

.modal-body{
    font-size: 15px!important;
    white-space: pre-line;
    text-align: justify;
}

.modal-title {
    font-weight: 600;
    font-size: 16px!important;
}

.rtl .popover-title{
    text-align: right;
}

.alert
{
   margin-bottom: 0px!important;
}

.dashboardItem{
    padding: 0px;
    font-weight: 600!important;
    border-bottom: 1px dotted #cecece!important;
    text-transform: uppercase;
    line-height: 2.9;
    margin-bottom: 5px;
}

.openInvoicesHeader{
    padding: 0px;
    border-bottom: 1px dotted #cecece!important;
    line-height: 2.9;
    margin-bottom: 5px;
    padding-bottom: 5px!important;
    font-weight: 600!important;
}

.openInvoicesHeader i{
    cursor: pointer;
}

.listHeaderCategory{
    padding: 5px;
    font-weight: 600!important;
    border-bottom: 2px solid #cecece!important;
    text-transform: uppercase;
    line-height: 2;
}

.vendorLogo90{
    height: auto;
    width: auto;
    max-width: 90px;
    max-height: 90px;
    margin: 10px;
}

.vendorLogo115{
    width: 90px;
    height: 90px;
}

.vendorLogo60{
    height: auto;
    width: auto;
    max-width: 60px;
    max-height: 60px;
}

.input-group-addon{
    cursor: pointer!important;
    border-radius: 0px!important;
}

.rtl .input-group-addon{
    border-left: 1px solid #ccc!important;
}

.progress.active .progress-bar
{
    animation: progress-bar-stripes 0.3s linear infinite;
}

.prodCenter{
    margin-left: 20px!important;
    margin-top: 20px!important;
}

/************************************/

.subNavigationBox{
    border-top: 5px solid #b20d78;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.subNavigationBox .navTitle{
    border-bottom: 2px solid #b20d78;
    padding: 3px;
}

.subNavigationBox .navTitle .title{
    height: 30px;
}

.subNavigationBox .navTitle .title label{
    margin-top: 5px;
}

/*Startup page*/

.startupRootContainer .main-container-inner .main-content{
    margin-left: 80px!important;
    margin-right: 80px!important;
    padding-top: 20px;
    padding-bottom: 30px;
}

.startupRootContainer:after{
    position: inherit!important;
}

.startupRootContainer .infoPageContent{
    margin-top: 5px!important;
    padding: 0px 12px 0px!important;
    /*border: 1px solid #bfbfbf;*/
}

.startupRootContainer .infoPageHeader{
    height: 30px!important;
    padding-top: 5px;
}

.startupRootContainer .infoPageHeader2{
    height: 10px!important;
    background-image: url("images/online/bgstyle1.png");
    margin-bottom: 5px;
}

.infoPageHeaderNoMargin{
    height: 10px!important;
    background-image: url("images/online/bgstyle1.png");
}

.startupRootContainer .infoPageContent .widget-box .widget-body{
    min-height: 230px!important;
}

.startupRootContainer .infoPageContent .widget-box .widget-header h4{
    font-weight:  bold!important;
}



.startupFooterBG{
    bottom: 0;
    height: 30px;
}

.startupFooterBG .footerSpan{
    padding-top: 5px;
}
/*End startupRootContainer */



/*Account-Full-List component style*/

.dropdownposition .quickLinksBox  .accountListComponent .accountListComponentDropdownMenu{
    right: 0;
    left: initial;
}

.rtl .dropdownposition .quickLinksBox  .accountListComponent .accountListComponentDropdownMenu{
    right: initial;
    left: 0;
}

.maxAccountDropDownWidth{
    max-width: 510px!important;
}

.accountListComponent{
    padding-top: 0px;
    width: 100%;
    border: 1px solid #cecece!important;
    /*max-width: 510px!important;*/
}

.accountListComponent .accountListComponentDropdownli{
    width: 100%;
    cursor: pointer;
    height: 30px!important;
    line-height: 2;
}

.accountListComponent .accountListComponentDropdownli .accountListComponentDropdownHeader .dropDownArrow{
    min-height: 30px;
}

.accountListComponent .accountListComponentDropdownMenu{
    border: 1px solid #cecece;
    width: 510px;
    max-height: 295px;
    overflow-y: auto;
    overflow-x: hidden;
    top: inherit;
    margin-left: 0px!important;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(153,153,153,1);
    box-shadow: 10px 10px 5px 0px rgba(153,153,153,1);
}

.accountListComponent .accountListComponentDropdownMenu>li>a{
    margin-top: 0px!important;
    background-color: #fff;
}

/************************************/


/*Account-Quick-View style*/
.accountQuickViewComponent{
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding-top: 8px;
    background-color: white;
}

.accountQuickViewComponentHover:hover{
    cursor: pointer;
    opacity: 0.9;
}

.accountQuickViewComponent .accountQuickViewCurrentBalance{
    font-weight: 600;
    margin-top: 5px;
}

.accountQuickViewComponent .accountQuickViewDetails{
    margin-bottom: 8px;
    margin-top: 8px;
}

.accountQuickViewComponent .accountQuickViewOptionsPanel{
    border-top: 1px solid #cecece;
    padding-bottom: 5px!important;
}

.accountQuickViewComponent .accountQuickViewOptionsPanel .accountQuickViewDropdownli{
    width: 100%;
    line-height: 20px!important;
    height: 25px!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
    padding-top: 5px!important;
    margin-bottom: 2px!important;
}


.accountQuickViewComponent .accountQuickViewOptionsPanel .accountQuickViewDropdownHeader{
    background-color: white!important;
    font-weight: bold;
}

.accountQuickViewComponent .accountQuickViewOptionsPanel .accountQuickViewDropdownli .accountQuickViewDropdownMenu{
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    top: inherit;
}

.accountQuickViewComponent .accountQuickViewOptionsPanel .accountQuickViewDropdownli .accountQuickViewDropdownMenu>li{
    padding-left: 10px;
}

.rtl .accountQuickViewComponent .accountQuickViewOptionsPanel .accountQuickViewDropdownli .accountQuickViewDropdownMenu>li{
    padding-right: 10px;
}

/**************************/


/*adsDetailsView component style*/

.adsDetailsView{
    padding: 4px;
    border: 1px solid lightgrey;
    background: #fff;
    min-height: 380px;
}

.adsDetailsView .adsBody .adsImage{
    max-width: 100%;
    width: 100%;
}

.adsDetailsView .adsFooter{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 10px;
}

.adsDetailsView .adsBody .adsTitle{
    margin-top: 10px;
}

/*********************************/

/*
    Header Style
*/

.mainOnlineHeader{
    background-color: transparent!important;
    line-height: 1.3;
    position: fixed;
    right: 0;
    left: 0;
}

.mainOnlineHeader .mainOnlineHeaderContainer{
    background-color: #FFF;
    border-left: 1px solid #ddd;
    /*border-right: 1px solid #ddd;*/
}

.rtl .mainOnlineHeader .mainOnlineHeaderContainer{
    border-right: 1px solid #ddd;
    border-left: 0px!important;
}

.mainOnlineHeader .mainOnlineHeaderRowInfo{
    /*height: 112px;*/
}

.mainOnlineHeader .topHeader {
    height: 5px!important;
}

.mainOnlineHeader .leftHeaderContainer{
    padding-left: 30px;
    padding-top: 55px;
    padding-right: 30px;
}

.mainOnlineHeader .centerHeaderContainer{
    padding-top: 90px!important;
}

.mainOnlineHeader .rightHeaderContainer{
    /*padding-left: 20px;*/
    /*padding-top: 20px;*/
    padding-right: 60px;
}


.rtl .mainOnlineHeader .rightHeaderContainer{
    padding-left: 60px;
}

.mainOnlineHeader .logoContainer {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mainOnlineHeader .logoContainer, .imageHover{
    filter: alpha(opacity=60);
    opacity: 0.9;
}

.mainOnlineHeader .logoContainer:hover, .imageHover:hover{
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.7;
}

.mainOnlineHeader .logoContainer img{
    width: 90px;
    height: 90px;
}

.mainOnlineHeader .logoContainer span{
    text-transform: uppercase!important;
}

.mainOnlineHeader .messagesContainer
{
    line-height: 1;
    padding: 0px 0px 0px 10px;
}

.mainOnlineHeader .messagesContainer span{
    font-weight: bold;
}

.mainOnlineHeader .headerLoginInfo{
    padding-left: 13px;
}
.mainOnlineHeader .headerLoginInfo .welcomeMSG{
    font-weight: bold;
    font-size: 15px!important;
}

.mainOnlineHeader .headerSearchContainer{
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px #9c9d9f solid;
    border-right: 1px #9c9d9f solid;
    height: 100%;
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
}

.mainOnlineHeader .headerNavContainer{
    width: auto;
}

.mainOnlineHeader .headerSearchContainer input{
    height: 24px;
    width: 200px;
    margin-top: 3px;
    font-weight: bold;
}

.mainOnlineHeader .headerMenuContainer nav{
    min-height: 0px!important;
    height: 100%!important;
}

.mainOnlineHeader .navbar .navbar-nav>li>a, .navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    height: 32px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

/*END*******************Header Style*******************Header Style**************Header Style**********************END*/


/*
    Landing Page
*/

.landingPageMainGrid{
    min-height: 300px;
}

.rtl .landingPageMainGrid{
}

.landingPageMainGrid .table-header{
    background-color: #fff;
    padding-left: 0px!important;
    line-height: 23px;
}

.rtl .table-header{
    padding-right: 0px!important;
}

.landingPageMainGrid .rangeTransContainer{
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    margin: 0px!important;
}

/*End Landing Page Style*/

.boxBorder{
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.titleNoBorder{
    border-left: none!important;
    border-right: none!important;
}
/*Quick Links*/
.quickLinksBox{

}

.quickLinksBox .navTitle{
    padding: 0px 3px 0px 3px;
    /*border-right: 1px solid #cecece;*/
    /*border-left: 1px solid #cecece;*/
}

.quickLinksBox .navTitle .title{
    min-height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    height: auto;
}

.quickLinksBox .navTitle .title img{
    width: 20px;
    /*margin-top: 2px;*/
    margin-right: 5px;
}

.quickLinksBox .navTitle .title label{
    margin-top: 7px;
    width: 80%;
    text-align: justify;
    font-weight: 600;
}

.quickLinksBox .nav-list>li.active:after{
    border: none;
}

.quickLinksBox .nav-list
{
    margin: 10px 0px 10px 10px;
}

.quickLinksBox .nav-list>li{
    min-height: 32px!important;
    margin-bottom: 4px!important;
    border: 1px solid #e5e5e5;
    height: auto!important;
    cursor: pointer;
}

.quickLinksBox .nav-list>li>a{
    line-height: 1.6!important;
    min-height: 30px!important;
    background: url("images/online/listBG.png");
    color: #555555!important;
    height: auto!important;
    cursor: pointer;
    padding-top: 3px;
    padding-right: 13px!important;
    font-size: 11px!important;
}

.quickLinksBox .nav-list>li>a>img{
    width: 24px;
    margin-right: 3px;
}

.rtl .quickLinksBox .nav-list>li>a>img{
    margin-left: 5px;
}

.quickLinksBox .nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active {
    color: rgb(61, 61, 61)!important;
}

.quickLinksBox .nav-list li.active>a:after, .quickLinksBox .nav-list li>a:before{
    border: none;
}

.quickLinksBox .widget-box{
    margin: 0px!important;
    border-bottom: none!important;
}

.quickLinksBox .widget-box .widget-toolbar
{
    line-height: 30px!important;
}

.quickLinksBox .widget-body{
    border: none!important;
}

.quickLinksBox .widget-main{
    padding: 0px!important;
}

.quickLinksBox .widget-main-holder{
    min-height: 0px!important;
}

.quickLinksBox .widget-toolbar:before{
    display: none!important;
}

.nav-list>li>a>[class*="icon-"]:first-child
{
    min-width: 18px!important;
}

/*Grouped Quick Links*/

.quickLinksGroupedBox{

}

.quickLinksGroupedBox .navTitle{
    padding: 0px 3px 0px 3px;
    /*border-right: 1px solid #cecece;*/
    /*border-left: 1px solid #cecece;*/
}

.quickLinksGroupedBox .navTitle .title{
    min-height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    height: auto!important;
}

.quickLinksGroupedBox .navTitle .title img{
    width: 20px;
    margin-top: 2px;
    margin-right: 5px;
}

.quickLinksGroupedBox .navTitle .title label{
    margin-top: 7px;
    width: 78%;
    text-align: justify;
    font-weight: 600;
}

.quickLinksGroupedBox .nav-list>li{
    min-height: 32px!important;
    margin-bottom: 4px!important;
    border: 1px solid #e5e5e5;
    margin-left: 10px!important;
    height: auto!important;
    cursor: pointer;
}

.quickLinksGroupedBox .nav-list>li.active:after{
    border: none;
}

.quickLinksGroupedBox .nav-list>li>a{
    line-height: 1.6!important;
    min-height: 30px!important;
    height: auto!important;
    cursor: pointer;
    padding-top: 3px;
    color: #555555!important;
    background: url("images/online/listBG.png");
}

.quickLinksGroupedBox .nav-list>li>a>img{
    width: 24px;
    margin-right: 3px;
}

.nav-list>li>a:hover:before{
    background-color: transparent!important;
}

.quickLinksGroupedBox .nav-list li.active>a:after, .quickLinksBox .nav-list li>a:before{
    border: none;
}

.quickLinksGroupedBox .widget-box{
    margin: 0px!important;
    border-bottom: none!important;
}

.quickLinksGroupedBox .widget-box .widget-toolbar
{
    line-height: 30px!important;
}

.quickLinksGroupedBox .widget-body{
    border: none!important;
}

.quickLinksGroupedBox .widget-main{
    padding: 0px!important;
}

.quickLinksGroupedBox .widget-main-holder{
    min-height: 0px!important;
}

.quickLinksGroupedBox .widget-toolbar:before{
    display: none!important;
}


.quickLinksGroupedBox .widget-main .dd{
    margin: 10px 0px 10px 10px;
}

.quickLinksGroupedBox .widget-main .dd-handle, .dd2-content{
    font-weight: normal;
    min-height: 32px;
    padding-top: 5px!important;
    padding-right:  0px!important;
}

.dd-list .dd-list {
    padding-left: 15px;
}
.dd-placeholder{
    background-color: transparent!important;
}
.dd-item>button
{
    margin-top: 3px!important;
}
.dd-item>button:before ,.dd-item>button:hover{
    color: #fff!important;
}

/*Main Content Box*/

.mainContentBox{
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    margin: 0px!important;
    padding: 0px 10px 10px 10px;
    min-height: 578px!important;
}

.mainContentBox .mainContentBoxTitle
{
    padding: 7px;
    margin-bottom: 5px;
    margin-left: -11px;
    margin-right: -10px;
    font-weight: bold;
}

.mainContentBox .mainContentBoxTitle .mainContentBoxTitleIcons, .mainContentBoxTitleIcons{
    cursor: pointer;
}

.mainContentBox .mainContentBoxTitle .mainContentBoxTitleIcons:hover,
.exportPrintIcons:hover, .mainContentBoxTitleIcons:hover, .generalOpacity:hover{
    opacity: 0.8;
}

.exportPrintIcons{
    cursor: pointer;
}

/*Custom View Details*/
.rtl .followExternalDetails .profile-info-name{
    text-align: right;
}

.followExternalDetails .profile-info-name{
    width: 160px;
    text-align: left;
    padding-left: 5px;
}

.followExternalDetails .profile-info-value
{
    width: 210px;
    margin-left: 165px;
}

.rtl .followExternalDetails .profile-info-value
{
    margin-right: 165px;
}


.rtl .transferPreInvoiceDetails .profile-info-name{
    text-align: right;
}

.transferPreInvoiceDetails .profile-info-name{
    width: 220px;
    text-align: left;
    padding-left: 5px;
}

.transferPreInvoiceDetails .profile-info-value
{
    width: 250px;
    margin-left: 220px;
}

.rtl .transferPreInvoiceDetails .profile-info-value
{
    margin-right: 240px;
}

.rtl .cardFullStatementDetails .profile-info-name{
    width: 170px;
    text-align: right;
}

.rtl .cardFullStatementDetails .profile-info-value{
    width: 180px;
    text-align: right;
    margin-right: 190px;
}

.cardFullStatementDetails .profile-info-name{
    width: 170px;
    text-align: left;
}

.cardFullStatementDetails .profile-info-value
{
    text-align: left;
    margin-left: 190px;
}


.rtl .benfDetails .profile-info-name{
    width: 200px;
    text-align: right;
}

.rtl .benfDetails .profile-info-value{
    width: 200px;
    text-align: right;
    margin-right: 230px;
}

.benfDetails .profile-info-name{
    width: 200px;
    text-align: left;
}

.benfDetails .profile-info-value
{
    width: 200px;
    text-align: left;
    margin-left: 230px;
}

.fullStatementDetails{
    line-height: 0.8;
}

.rtl .fullStatementDetails .profile-info-name{
    text-align: right;
    padding-left: 5px;
    width: 155px;
}

.rtl .fullStatementDetails .profile-info-value
{
    margin-right: 160px;
    width: 240px;
}

.fullStatementDetails .profile-info-name{
    text-align: left;
    padding-left: 5px;
    width: 155px;
}

.fullStatementDetails .profile-info-value
{
    margin-left: 160px;
    width: 240px;
}

.rtl .fullStatementDetails2 .profile-info-name{
    text-align: right;
    padding-left: 5px;
    width: 230px;
}

.rtl .fullStatementDetails2 .profile-info-value
{
    margin-right: 240px;
    width: 120px;
}

.fullStatementDetails2 .profile-info-name{
    text-align: left;
    padding-left: 5px;
    width: 230px;
}

.fullStatementDetails2 .profile-info-value
{
    margin-left: 240px;
    width: 120px;
}


.accountStatementDetails{
    line-height: 0.8;
}

.rtl .accountStatementDetails .profile-info-name{
    text-align: right;
    padding-left: 5px;
    width: 100px;
}

.rtl .accountStatementDetails .profile-info-value
{
    margin-right: 100px;
    width: 184px;
}

.accountStatementDetails .profile-info-name{
    text-align: left;
    padding-left: 5px;
    width: 120px;
}

.accountStatementDetails .profile-info-value
{
    margin-left: 130px;
    width: 184px;
}

.couponDetails .profile-info-row{
    line-height: 0.5px!important;
}

.couponDetails .profile-info-name{
    text-align: left;
    padding-left: 5px;
    width: 120px;
    padding-top: 10px!important;
}

.couponDetails .profile-info-value
{
    margin-left: 100px;
    width: 155px;
}

.rtl .couponDetails .profile-info-name{
    text-align: right;
    padding-left: 5px;
    width: 100px;
}

.rtl .couponDetails .profile-info-value
{
    margin-right: 105px;
    width: 140px;
}


.couponDetailsSmallFont .profile-info-row{
    line-height: 0.5px!important;
}

.couponDetailsSmallFont .profile-info-name{
    text-align: left;
    padding-left: 5px;
    width: 110px;
    padding-top: 10px!important;
    font-size: 10px!important;
}

.couponDetailsSmallFont .profile-info-value
{
    margin-left: 105px;
    width: 130px;
}

.rtl .couponDetailsSmallFont .profile-info-name{
    text-align: right;
    padding-left: 5px;
}

.rtl .couponDetailsSmallFont .profile-info-value
{
    margin-right: 105px;
}

/*Custom View Details*/

.transferPreInvoiceSummary{
    margin: 2px!important;
}

.rtl .transferPreInvoiceSummary .profile-info-name{
    text-align: right;
}

.rtl .transferPreInvoiceSummary .profile-info-value{
    margin-right: 78px;
    width: 130px;
}

.transferPreInvoiceSummary .profile-info-name{
    width: 90px;

}

.transferPreInvoiceSummary .profile-info-value
{
    margin-left: 90px;
    width: 130px;
}

.cashTransfer .profile-info-name{
    border: none!important;
    color: #000;
    font-size: 13px!important;
    font-weight: 600;
    width: 150px;
    text-align: left;
}

.cashTransfer .profile-info-value{
    margin-left: 130px;
    border: none!important;
}

.cashTransfer .profile-info-value span{
    color: #696969;
    font-size: 13px!important;
}

.rtl .cashTransfer .profile-info-value{
    margin-right: 130px;
}


.couponSlipDetails{
    line-height: 0.8;
}

.rtl .couponSlipDetails .profile-info-name{
    text-align: right;
    padding-left: 5px;
    width: 145px;
}

.rtl .couponSlipDetails .profile-info-value
{
    margin-right: 160px;
    width: 200px;
}

.couponSlipDetails .profile-info-name{
    text-align: left;
    padding-left: 5px;
    width: 145px;
}

.couponSlipDetails .profile-info-value
{
    margin-left: 160px;
    width: 200px;
}

.form-actions1 {
    display: block;
    background-color: #FFFFFF;
    border-top: 1px solid #cecece;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
}

.form-actions2 {
    display: block;
    background-color: #FFFFFF;
    border-top: 1px solid #cecece;
    padding: 3px;
}

/*Accounts main view*/

.detailsRightPanelClass{

}

.detailsRightPanelClass .detailsMainGrid .table-header{
    background-color: #fff;
    padding-left: 0px!important;
    margin-bottom: 0px;
}

.detailsRightPanelClass .detailsMainGrid .table-header a{
    color: rgb(61, 61, 61);
}

.detailsRightPanelClass .detailsMainGrid .rangeTransContainer, .rangeTransContainer{
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-top: 5px solid #93c264;
    margin: 0px!important;
}

.detailsRightPanelClass .rangeTransContainer:hover{
    background-color: #f5f5f3;
    cursor: pointer;
}

.detailsRightPanelClass .detailsMainGrid .tab-content{
    height: 385px;
    min-height: 389px!important;
    padding: 2px!important;
    background-color: #fff;
}

.detailsRightPanelClass .detailsMainGrid .nav-tabs
{
    padding-left: 5px!important;
    background-color: #9c9d9f!important;
    padding-top: 5px!important;
}

.detailsRightPanelClass .detailsMainGrid .nav-tabs>li{
    padding-right: 5px!important;
}

.detailsRightPanelClass .detailsMainGrid .nav-tabs>li>a{
    padding: 6px 8px!important;
    font-weight: bold;
}

.detailsRightPanelClass .detailsMainGrid .nav-tabs>li.active>a{
    border-top: none!important;
}

.detailsRightPanelClass .transSettings{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;

    height: 35px;
    background: url('images/online/11.png');
}

.detailsRightPanelClass .detailsRowItem{
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    margin: 0px!important;
}

.detailsRightPanelClass .detailsCol{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.detailsRightPanelClass .detailsRowItem:hover{
    cursor: pointer;
}

.detailsRightPanelClass .detailsRowItem .leftRowItem{
    line-height: 1.5;
    padding-right: 0px;
    padding-left: 0px;
    width: 40%!important;
}

.rtl .detailsRightPanelClass .detailsRowItem .leftRowItem{
    width: 40%!important;
}

.detailsRightPanelClass .detailsRowItem .leftRowItem label{
    font-size: 30px!important;
    font-weight: 600!important;
}

.detailsRightPanelClass .detailsRowItem .centerRowItem{
    padding-left: 0px;
    padding-right: 0px;
    width: 50%!important;
    margin-top: 5px;
}

.rtl .detailsRightPanelClass .detailsRowItem .centerRowItem{
    width: 50%!important;
}

.detailsRightPanelClass .detailsRowItem .centerRowItem fieldset{
    line-height: 1.5;
}

.detailsRightPanelClass .detailsRowItem .rightRowItem{
    line-height: 1.6;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    width: 40px;
}

.detailsRightPanelClass .detailsRowItem .rightRowItem a{

}

.detailsRightPanelClass .detailsRowItem .rightRowItem a:hover{
    cursor: pointer;
}


.chartPanel{
    margin-left: 1px;
    padding-right: 14px!important;
    margin-bottom: 5px;
}

.chartPanel .panel{
    margin-bottom: 0px!important;
}

.chartPanel .panel-body{
    padding: 5px!important;
}

.chartPanel input,.onlineSearchPanel select{
    height: 25px!important;
}

/*Footer*/

.bs-footer {
    height: 0px;
    background: #ffffff; /* Old browsers */
    /*background: -moz-linear-gradient(top, #ffffff 0%, #e7e3cf 100%); *//* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e3cf)); *//* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #ffffff 0%,#e7e3cf 100%); *//* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #ffffff 0%,#e7e3cf 100%); *//* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #ffffff 0%,#e7e3cf 100%); *//* IE10+ */
    /*background: linear-gradient(to bottom, #ffffff 0%,#e7e3cf 100%); *//* W3C */
    text-align: center;

    max-width: inherit;
    z-index: -1;

    position: absolute;
    bottom: 0;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer .copyright {
    font-weight: bold;
}

/*Palpay*/

.customPayeeBlock{
    background-color: #fff;
    border: 1px solid #cecece;
    min-height: 170px;
    cursor: pointer;
    max-width: 160px;
    margin-bottom: 10px;
}

.enPayeeBorder
{
    border-left: 5px solid #008000;
}

.arPayeeBorder
{
    border-right: 5px solid #008000;
}

.customPayeeBlock .customPayeeDetails{
    /*line-height: 1.4;*/
    /*height: 80px;*/
    /*min-height: 80px;*/
    /*padding-right: 0px;*/
    /*padding-left: 2px;*/
    padding-top: 10px;
    height: 40px;
}

.customPayeeBlock .customPayeeDetails .d2{
    text-transform: uppercase;
    font-weight: 600;
}

.customPayeeBlock .customPayeeBlockFooter{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.customPayeeBlock .customPayeeBlockFooter button{
    width: 100%;
    border-top: 1px solid #cecece;
    border-bottom: none;
    border-right: none;
    border-left: none;
    height: 30px;
    color: gray!important;
    background: url('images/online/listBG.png');
}

.customPayeeBlock:hover{
    opacity: 0.8;
}

.customPayeeBlock:hover button{
    color: #fff!important;
    background: #b20d78!important;
    border: 1px solid #b20d78;
}

.vendorLogo85{
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 80px;
    width: 65px;
    height: 65px;
}

.unpaidInvoice{
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
    color: #aaa8a9;
}

.vendorCategoryBox{
    width: 120px;
    height: 150px;
    border: 1px solid #cecece;
    margin-bottom: 10px;
    font-weight: bold;
    background: url('images/online/bg_box.png');
}

.vendorCategoryBox:hover{
    border: 2px solid #cecece;
    cursor: pointer;
}

.couponBox{
    border: 1px solid #cecece;
    font-weight: bold;
    /*background: url('images/test.png');*/
}

.couponBox:hover{
    border: 1px solid #aaaaaa;
    cursor: pointer;
}

.couponBox img{
    width: 100%;
}

.vendorCategoryPanel{
    padding: 20px;
}

.waitDialogCustom{

}

.waitDialogCustom .modal-content{
    border-radius: 10px;
}

.waitDialogCustom .modal-header{
    padding-left: 20px;
    padding-top: 10px;
    border-bottom: none;
}

.waitDialogCustom .modal-header h3{
    font-size: 20px!important;
    color: #3C3C3B;
}

.waitDialogCustom .modal-dialog{
    padding-top: 15%;
}

.elementForceBottom{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.payeeFilterClass{
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 10px;
    z-index: 10;
}

.rtl .payeeFilterClass{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 10px;
    z-index: 10;
}

.accountQuickViewComponent .settingsSelectOrder{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 3px;
    margin-right: 2px;
    height: 30px!important;
}


.rtl .accountQuickViewComponent .settingsSelectOrder{
    right: inherit;
    left: 0;
    margin-bottom: 3px;
    margin-left: 2px;
}

.well{
    background-color: #fff;
}


.onlineCustomTable{

}

.onlineCustomTable .table-responsive{
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
}

.onlineCustomTable .table-responsive .table{
    margin-bottom: 0px!important;
    width: 100%;
}

.onlineCustomTable .table-responsive .table thead{
    display: block;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background: url(../../images/online/menuBG.png);
}

.onlineCustomTable .table-responsive .table thead>tr>th{
    border-bottom: none!important;
}

.onlineCustomTable .table-responsive .table tbody{
    display: block;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.onlineCustomTable .table-responsive .table thead tr
{
    height: 25px!important;
}

.onlineCustomTable .table-responsive .table thead tr th {
    font-weight: bold;
    padding-bottom: 6px!important;
    border-bottom: none!important;
    white-space: nowrap;
    vertical-align: inherit!important;
}

.onlineCustomTable .table-responsive .table tbody tr
{
    display: table-row;
    height: auto;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th{

}

.table-striped>tbody>tr:nth-child(odd), .table-striped>tbody>tr:nth-child(odd){
    background-color: #f5f5f5!important;
}

.table-striped>tbody>tr:nth-child(odd)>td{
    background-color: #f5f5f5!important;
}

.onlineCustomTable .table-responsive .table tbody tr td
{
    padding: 5px;
    height: inherit;
    font-size: 12px!important;
    vertical-align: middle;
}

.onlineCustomTable .table-responsive .table thead .currencytr{
    background: none!important;
    background-color: #2b2a23!important;
    color: #f8f0f5;
    border-top: 4px solid #373734;
    border-left: 4px solid #373734;
    border-right: 4px solid #373734;
    border-bottom: 4px solid #373734;
}


.onlineCustomTable .table-responsive .table thead .currencytr th{
    background-color: #b7106c!important;
    font-size: 12px!important;
}

.onlineCustomTable .table-responsive .table .currencytbody
{
    height: 175px!important;
}

.rtl .onlineCustomTable .table-responsive .table .currencytbody
{
    height: 175px!important;
}

.onlineCustomTable .table-responsive .table .currencytbody tr
{
    background-color: #2b2a23;
    color: #d6d6d5;
    border-left: 4px solid #373734;
    border-right: 4px solid #373734;
    border-bottom: 4px solid #373734;
}

.onlineCustomTable .table-responsive .table .currencytbody tr td{
    border-top: none!important;
    font-size: 11px!important;
}
.customRightBorder{
    border-right: 4px solid #373734!important;
}
.rtl .customRightBorder{
    border-right: none!important;
    border-left: 4px solid #373734!important;
}

.currencyStyle{
    font-size: 10px!important;
    padding-right: 1px!important;
    padding-left: 1px!important;
}

.rtl .currencyStyle{
    font-size: 14px!important;
}

.customPaymentsTable {
    margin-bottom: 10px;
}

.customPaymentsTable .table-responsive-custom {
    border: none!important;
}

.customPaymentsTable .table-responsive-custom .table thead tr{
    height: 40px!important;
}

.customPaymentsTable .table-responsive-custom .table thead tr {
    background: #f3f3f3!important;
}

.customPaymentsTable .table-responsive-custom .table tbody tr {
    background: #f3f3f3!important;
}

.customPaymentsTable .table tbody>tr>td{
    border-top: none!important;
    vertical-align: middle!important;
}

.customPaymentsTable .table-responsive-custom .table thead tr th{
    font-weight: normal!important;
    border-bottom: none!important;
}

/*Vouchers*/

.vouchers{

}

.vouchers .voucherHeader{
    line-height: 3;
    background-color: #f7f7f7;
}

.vouchers .vouchersProductsLayout{
    background-color: #fafafa;
    padding: 10px;
}

.vouchers .vouchersProductsLayout .products{
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 10px 0px 10px;
    -moz-box-shadow:    inset 0 0 5px #ddd;
    -webkit-box-shadow: inset 0 0 5px #ddd;
    box-shadow:         inset 0 0 5px #ddd;
}

.vouchers .vouchersProductsLayout .voucherDetails{
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow:    inset 0 0 5px #ddd;
    -webkit-box-shadow: inset 0 0 5px #ddd;
    box-shadow:         inset 0 0 5px #ddd;
}

.vouchers .vouchersProductsLayout .voucherDetails .selectedCredit{
    line-height: 2;
}

.vouchers .vouchersProductsLayout .productOptions{
    border: 1px solid #ddd;
    line-height: 2.5;
    padding-bottom: 4px;
}

.vouchers .vouchersProductsLayout .voucherDetails .account{
    line-height: 2;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.vouchers .vouchersProductsLayout .voucherDetails .buy{
    line-height: 2;
    margin-top: 10px;
}

.vouchers .vouchersProductsLayout .voucherSlip{
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow:    inset 0 0 5px #ddd;
    -webkit-box-shadow: inset 0 0 5px #ddd;
    box-shadow:         inset 0 0 5px #ddd;
}

.vouchers .vouchersProductsLayout .accountListComponent{
    border: 1px solid #ddd!important;
    padding-left: 20px!important;
}

.rtl .vouchers .vouchersProductsLayout .account .accountListComponent{
    padding-right: 20px!important;
}

/*Loyalty*/

.loyaltyMyPoints .detailsRightPanelClass .detailsRowItem .leftRowItem{
    width: 34%!important;
}

.loyaltyMyPoints .detailsRightPanelClass .detailsRowItem .centerRowItem{
    width: 57%!important;
}

.loyaltyMyPoints .fullStatementDetails .profile-info-value, .loyaltyMyPoints .fullStatementDetails .profile-info-name{
    border: none!important;
    width: 175px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
}

.loyaltyMyPoints .detailsRightPanelClass .detailsMainGrid .tab-content
{
    height: 355px!important;
    min-height: 355px!important;
}

.confirmHeaderP{
    color: #000;
    font-size: 15px!important;
    padding: 10px;
    padding-bottom: 0px;
}

.confirmTextP{
    margin: 10px;
    font-size: 14px!important;
    color: #000;
}

@media (max-width: 1024px) {
    .container, .container.main-container:after, .mainOnlineHeader .headerMenuContainer nav {
        min-width: 900px!important;
    }

    html,body,*{
        font-size: 10px!important;
    }

    .rtl html .rtl body, .rtl *{
        font-size: 12px!important;
    }

    .detailsRightPanelClass .detailsRowItem .leftRowItem label{
        font-size: 24px!important;
    }

    .onlineCustomTable .table-responsive .table tbody tr td,.onlineCustomTable .table-responsive .table .currencytbody tr td{
        font-size: 9px!important;
    }

    .onlineCustomTable .table-responsive .table thead tr th a{
        font-size: 9px!important;
    }

    .profile-info-name, .profile-info-name span, .profile-info-value, .profile-info-value span
    {
        font-size: 9px!important;
    }
    .onlineCustomTable .table-responsive .table thead .currencytr th{
        font-size: 10px!important;
    }

    .detailsRightPanelClass .detailsRowItem .leftRowItem
    {
        width: 46%!important;
    }

    .rtl .detailsRightPanelClass .detailsRowItem .leftRowItem{
        width: 38%!important;
    }

    .rtl .detailsRightPanelClass .detailsRowItem .centerRowItem{
        width: 53%!important;
    }

    .detailsRightPanelClass .detailsCol{
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

    .accountQuickViewComponent .accountQuickViewCurrentBalance{
        font-size: 19px!important;
        white-space: nowrap;
    }

    .mainLargeSection
    {
        padding-left: 3px!important;
        padding-right: 3px!important;
    }

    .mainMiddleSide{
        padding-left: 3px!important;
        padding-right: 3px!important;
        width: 58%!important;
    }

    .mainLeftSide, .mainRightSide{
        width: 21%!important;
    }

    .calculator .key{
        width: 18%!important;
    }

    .fullStatementDetails .profile-info-name{
        width: 100px!important;
    }

    .fullStatementDetails .profile-info-value{
        margin-left: 125px!important;
        width: 185px!important;
    }

    .mainOnlineHeader .headerLoginInfo .welcomeMSG{
        font-size: 12px!important;
    }

    .font16{
        font-size: 13px!important;
    }

    .font15{
        font-size: 12px!important;
    }

    .quickLinksBox .navTitle .title label{
        width: 78%!important;
    }
    .rtl .fullStatementDetails .profile-info-value{
        margin-right: 125px!important;
    }

    .rtl .profile-info-name, .rtl .profile-info-name span, .rtl .profile-info-value, .rtl .profile-info-value span{
        font-size: 11px!important;
    }

    .accountStatementDetails .profile-info-name{
        width: 100px;
    }

    .accountStatementDetails .profile-info-value
    {
        width: 160px;
        margin-left: 100px;
    }

    .transferPreInvoiceSummary .profile-info-name{
        width: 75px;

    }

    .rtl .transferPreInvoiceSummary .profile-info-name{
        width: 65px;
        font-size: 9px!important;
    }
    .transferPreInvoiceSummary .profile-info-value {
        margin-left: 65px;
        width: 119px;
    }

    .rtl .transferPreInvoiceSummary .profile-info-value {
        margin-right: 50px;
        font-size: 9px!important;
    }


    .onlineBankingButton{
        height: 30px!important;
        font-size: 12px!important;
    }
}

.activeCampaignDetails{
    margin-bottom: 10px!important;
}

.activeCampaignDetails .campaignDescription{
    text-align: justify!important;
}

.activeCampaignDetails .campaignTitle{
    font-weight: 400;
    font-size: 16px!important;
}

.activeCampaignDetails .select:hover{
    opacity: 0.9;
    cursor: pointer;
}

.activeCampaignDetails .campaignTabs .nav-tabs.background-blue{
    background-color: #b8006a;
    padding-left: 15%;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
}

.activeCampaignDetails .nav-tabs.tab-color-blue>li>a, .nav-tabs.tab-color-blue>li>a:focus{
    background-color: #fff;
    color: #000!important;
    font-size: 14px!important;
}

.nav-tabs.tab-color-blue>li>a{
    line-height: 14px!important;
}

.activeCampaignDetails .nav-tabs>li.active>a{
    font-weight: 600;
}

.activeCampaignDetails .nav-tabs.tab-color-blue>li.active>a{
    border: 2px solid #B3B3B3!important;
}

.activeCampaignDetails .campaignTabs .nav-tabs>li{
    min-width: 150px;
    text-align: center;
}

.activeCampaignDetails .campaignTabs .tab-content{
    border: none;
    min-height: auto!important;
    padding-top: 0px!important;
}

.activeCampaignDetails .campaignTabs .fullStatementDetails .profile-info-name
{
    font-size: 16px!important;
    color: #000!important;
    width: 240px;
    border: none!important;
}

.activeCampaignDetails .campaignTabs .fullStatementDetails .profile-info-row{
    padding: 0px!important;
}

.activeCampaignDetails .campaignTabs .fullStatementDetails .profile-info-value{
    margin-left: 215px!important;
    color: grey!important;
    font-style: italic;
    border: none!important;
    text-align: center;
}

.rtl .activeCampaignDetails .campaignTabs .fullStatementDetails .profile-info-value{
    margin-right: 215px!important;
}

.activeCampaignDetails .campaignTabs .fullStatementDetails .profile-info-value span{
    font-size: 15px!important;
}

.donateTableTd{
    border-right: 2px solid!important;
}

.rtl .donateTableTd{
    border-left: 2px solid!important;
}

.selectedCampaignBG{
    background-color: #efefef!important;
}

.normalCampaignBG{
    background-color: #FFF!important;
}

.truncateText{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-indicators{
    bottom: 0!important;
}

.rtl .carousel-indicators{
    left: 20%!important;
}

/*Password Strength Meter*/
.customPasswordMeter .progress{
    margin-top: 10px!important;
    margin-bottom: 0px!important;
}

.customPasswordMeter span{
    color: #777777;
    font-size: 10px!important;
}

.progress-bar-darkgreen .progress-bar-success{
    background-color: darkgreen!important;
}

.rtl .progress .progress-bar {
    float: right;
}
/*END Password Strength Meter*/

.rtl .fuelux .wizard ul li{
    padding: 0 20px 0 5px!important;
    float: right!important;
}

.rtl .fuelux .wizard ul{
    float: right!important;
    direction: rtl!important;
}

.rtl .fuelux .wizard ul li .chevron{
    left: -14px!important;
    right: 0px!important;
    border-left: 0!important;
    border-right: 14px solid #d4d4d4!important;
    display: inline-table!important;
}

.rtl .fuelux .wizard ul li .chevron:before{
    border-left: 0!important;
    /*border-right: 14px solid #ededed!important;*/
    left: 1px!important;
    right: 0px!important;
}

.rtl .fuelux .wizard ul li .badge{
    margin-left: 8px!important; }


.dashboard_badge{
    top: -5px;
    right: 0;
    position: absolute;
    background-color: #b8006a!important;
}

.headerBadge{
    font-size: 10px!important;
    font-weight: 600;
    top: -8px!important;
    right: 0px!important;
}

.blink{
    animation: blinker 2s linear infinite;
}

.marginRight10{
    margin-right: 10px;
}

.rtl .marginRight10{
    margin-left: 10px;
}

@keyframes blinker {
    50% { opacity: 0; }
}

.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.customPaddingImageUpload{
    padding-left: 0!important;
    padding-right: 12px!important;
}

.rtl .customPaddingImageUpload{
    padding-right: 0!important;
    padding-left: 12px!important;
}

/*!**!*/
/*.chat*/
/*{*/
    /*list-style: none;*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/*.chat li*/
/*{*/
    /*margin-bottom: 10px;*/
    /*padding-bottom: 5px;*/
    /*!*border-bottom: 1px dotted #B3A9A9;*!*/
/*}*/

/*.chat li.left .chat-body*/
/*{*/
    /*margin-left: 60px;*/
/*}*/

/*.chat li.right .chat-body*/
/*{*/
    /*margin-right: 60px;*/
/*}*/


/*.chat li .chat-body p*/
/*{*/
    /*margin: 0;*/
    /*color: #777777;*/
/*}*/

/*.panel .slidedown .glyphicon, .chat .glyphicon*/
/*{*/
    /*margin-right: 5px;*/
/*}*/

/*.panel-body*/
/*{*/
    /*overflow-y: scroll;*/
    /*height: 250px;*/
/*}*/

/*::-webkit-scrollbar-track*/
/*{*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*background-color: #F5F5F5;*/
/*}*/

/*::-webkit-scrollbar*/
/*{*/
    /*width: 12px;*/
    /*background-color: #F5F5F5;*/
/*}*/

/*::-webkit-scrollbar-thumb*/
/*{*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    /*background-color: #555;*/
/*}*/


.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #BD197B; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.rtl .no-padding-left{
    padding-right: 0px!important;
}

.rtl .no-padding-right{
    padding-left: 0px!important;
}

.rtl .chosen-container-multi .chosen-choices li{
    float: right;
}

.word-break{
    word-break: break-all!important;
}

.termsStyleRoot{
    text-align: justify;
    font-size: 15px!important;
    max-height: 300px!important;
    overflow: auto;
}

.termsStyleRoot h2{
    text-align: center;
    font-size: 20px!important;
}

.termsStyleRoot ul li, .termsStyleRoot p, .termsStyleRoot ol li{
    font-size: 14px!important;
}

.rtl .input-group-sm>.form-control, .rtl .input-group-sm>.input-group-addon, .rtl .input-group-sm>.input-group-btn>.btn{
    height: 33px!important;
}

.ace-nav>li.open.purple>a{
    background-color: #ffffff!important;
}

.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
    -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    -o-transition:1s linear all;
    transition:1s linear all;
}

.growl-container > div.growl-item{
    margin-top: 10px!important;
}

.notificationPanel{
    right: 20px!important;
}

.rtl .notificationPanel{
    right: -400px!important;
}

/*Merchant Palpay Services*/
.mRootCategories{
    border-right: 1px solid lightgrey;
}

.mGroupBtns button{
    background: #fff!important;
    border-radius: 10px!important;
    width: 100px!important;
    height: 100px!important;
    /*border: 1px solid grey!important;*/
}

.mGroupBtns button:hover{
    background: lightgrey!important;
}

.mGroupBtns button:focus{
    outline:0!important;
    background: none!important;
}

.activeGroup{
    border: 2px solid grey!important;
}

.merchantVouchersList option{
    font-size: 16px!important;
}