/*Account Ledgers Border*/

.black{
    color: #000;
}

.pink{
    color: #941984!important;
}

.color_CS0
{
    color: #807f83;
}

.color_CS1{
    color: #320033;
}

.color_CS2{
    color: #BD197B;
}

.color_CS3{
    color: #e26c86;
}

.color_CS4{
    color: #99cc67;
}

.color_CS5{
    color: #931B77;
}


.color_CS6{
    color: #F6BB42;
}

.color_CS7{
    color: #E9573F;
}

.color_CS8{
    color: #DA4453!important;
}

.color_CS9{
    color: #967ADC!important;
}

.color_CS10{
    color: #AAB2BD;
}

.color_CS11{
    color: #00dd1c;
}

.color_CS12{
    color: #c1e2b3;
}

.color_CS13{
    color: #990000;
}

.color_CS14{
    color: #f29100;
}

.color_CS15{
    color: #44999D;
}

.loyaltyColor{
    color: #b9006a!important;
}

.donationColor{
    color: #00A69c!important;
}

.loyaltyBorderTop{
    border-top: 2px solid #b9006a!important;
}

.border_CS1{
    border-top: 3px solid #320033;
}

.border_CS2{
    border-top: 3px solid #BD197B;
}

.border_CS3{
    border-top: 3px solid #e26c86;
}

.border_CS4{
    border-top: 3px solid #99cc67;
}

.border_CS5{
    border-top: 3px solid #931B77;
}


.border_CS6{
    border-top: 3px solid #F6BB42;
}

.border_CS7{
    border-top: 3px solid #E9573F;
}

.border_CS8{
    border-top: 3px solid #DA4453;
}

.border_CS9{
    border-top: 3px solid #967ADC;
}

.border_CS10{
    border-top: 3px solid #AAB2BD;
}

.border_CS11{
    border-top: 3px solid #00dd1c;
}

.border_CS12{
    border-top: 3px solid #c1e2b3;
}

.border_CS13{
    border-top: 3px solid #990000;
}

.border_CS14{
    border-top: 3px solid #f29100;
}

.border_CS15{
    border-top: 3px solid #44999D;
}

.border_CS16{
    border-top: 3px solid #b9006a;
}

.border_CS17{
    border-top: 3px solid #00A69c;
}

.border_default{
    border-top: 3px solid #807f83;
}


.border_bottom_CS1{
    border-bottom: 2px solid #320033;
}

.border_bottom_CS2{
    border-bottom: 2px solid #BD197B;
}

.border_bottom_CS3{
    border-bottom: 2px solid #e26c86;
}

.border_bottom_CS4{
    border-bottom: 2px solid #99cc67;
}

.border_bottom_CS5{
    border-bottom: 2px solid #931B77;
}

.border_bottom_CS6{
    border-bottom: 2px solid #F6BB42;
}

.border_bottom_CS7{
    border-bottom: 2px solid #E9573F;
}

.border_bottom_CS8{
    border-bottom: 2px solid #DA4453;
}

.border_bottom_CS9{
    border-bottom: 2px solid #967ADC;
}

.border_bottom_CS10{
    border-bottom: 2px solid #AAB2BD;
}

.border_bottom_CS11{
    border-bottom: 2px solid #00dd1c;
}

.border_bottom_CS12{
    border-bottom: 2px solid #c1e2b3;
}

.border_bottom_CS13{
    border-bottom: 2px solid #990000;
}

.border_bottom_CS14{
    border-bottom: 2px solid #f29100;
}

.border_bottom_CS15{
    border-bottom: 2px solid #44999D;
}

.border_bottom_CS16{
    border-bottom: 2px solid #b9006a!important;
}

.border_bottom_CS17{
    border-bottom: 2px solid #00A69c!important;
}

.borderRight2px{
    border-right: 2px solid #777777!important;
}

.rtl .borderRight2px{
    border-left: 2px solid #777777!important;
}

.border_bottom_default{
    border-bottom: 2px solid #807f83;
}

.bg_CS16{
    background-color: #b9006a;
}

.bg_CS14{
    background-color: #f29100;
}

.bg_CS3{
    background-color: #e26c86;
}

.bg_CS5{
    background-color: #931B77;
}

.bg_CS4{
    background-color: #99cc67;
}

.bg_CS17{
    background-color: #00A69c;
}

.bg_CS2{
    background-color: #BD197B;
}

.reportHeader{
    background: #b9006a;
    color: #fff;
    font-size: 14px!important;
    height: 26px;
    font-weight: 600;
    padding-top: 3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-top: 2px solid #f17034!important;
}

.loyaltyMyPoints .fullStatementDetails .profile-info-value, .loyaltyMyPoints .fullStatementDetails .profile-info-name
{
    color: #000!important;
}

.carousel-indicators .active
{
    background-color: #b9006a!important;
}

.carousel-indicators li{
    border-color: #b9006a!important;
}

a{
    color: #555555!important;
}
/********************************/

.green{
    color: #008000!important;
}

.red{
    color: red!important;
}

.plusBalance{
    color: #008000;
}

.minusBalance{
    color: #f17034;
}

.colorFontH1{
    color: #333333!important;
}

.colorFontH2{
    color: #555555!important;
}

.colorAsterisk{
    color: #f17034!important;
}

.colorPrimaryA{
    color: #f17034!important;
}

.colorPrimaryB{
    color: #941984!important;
}

.main-container:after{
    /*width: 1162px!important;*/
}

.main-container:after, .page-content{
    background-color: #fff;
}

.dashboardItem{
    color: #f17034!important;
}

.quickLinksGroupedBox .navTitle .title label, .quickLinksBox .navTitle .title label
{
    /*color: #f17034!important;*/
}

label{
    color: #555555;
}
/*Body/HTMl*/
html{
    background-color: #FFFFFF;
}
body{
    background-color: #fff;
    /*background: url("images/mainBack.jpg") repeat;*/
}

/*Ads Custom Color*/

.adsDetailsView .adsBody .adsTitle{
    color: #f17034!important;
}

.adsDetailsView .adsBody .adsDesc{
    color: #555555!important;
}

.adsDetailsView .adsFooter .adsViewLink{
    color: #f17034!important;
}

/*Account-Quick-View style*/

.accountQuickViewComponent .accountQuickViewOptionsPanel .accountQuickViewDropdownHeader{
    color: #f17034;
}

.accountListComponent .accountListComponentDropdownMenu>li>a:hover, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background-color: lightgrey;
}

.accountListComponent .accountListComponentDropdownli .accountListComponentDropdownHeader .dropDownArrow{
    background: inherit;
    color: grey;
}

/*Header*/

/*Menu strip style*/
.navbar-inverse {
    /*background: url('images/bg_gradient.png');*/
    /*border-color: #080808!important;*/
    background-color: #9C1073!important;
}

.control-label{
    color: #000!important;
}

.ace-nav>li>a, .ace-nav>li.open>a{
    background-color: white!important;
}

.mainOnlineHeader:after{
    width: 100%!important;
}

.mainOnlineHeader .navbar .navbar-nav>li>a
{
    color: #fff!important;
}

.mainOnlineHeader .navbar-inverse .navbar-nav>.active>a{
    background-color: #fff!important;
    font-weight: bold!important;
    color: #9C1073!important;
    border: 1px solid #ccc;
}

.startupRootContainer .infoPageContent .widget-box .widget-header{
    border-top: 5px solid lightgrey;
}

.startupFooterBG{
    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 */
}


/*LAnding Page*/

.landingPageMainGrid .rangeTransContainer{
    border-top: 5px solid #8fbb62;
    border-bottom: 2px #8fbb62 solid;
}

.landingPageMainGrid .table-header{
    color: #f17034;
}

/*Main Content Box*/
.mainContentBox{
    border-top: 5px solid #807f83;
    background-color: white;
}

.mainContentBox .mainContentBoxTitle
{
    color: #333333;
    border-bottom: 2px solid #807f83;
}

/*Quick Links*/
.quickLinksBox{
    background-color: white;
}


/*Main account card view*/

.detailsRightPanelClass .detailsRowItem:hover{
    background-color: rgba(15, 26, 20, 0.03);
}

.detailsRightPanelClass .detailsMainGrid .nav-tabs>li>a{
    background-color: #757776!important;
    border-color: #757776!important;
    color: #fff!important;
}

.detailsRightPanelClass .detailsMainGrid .nav-tabs>li.active>a{
    background-color: #fff!important;
    border-color: #fff!important;
    color: #333333!important;
}

.quickLinksGroupedBox .widget-main .dd-handle{
    color: #fff;
    background-color: #BD197B;
}

.quickLinksGroupedBox .widget-main .dd-handle, .dd2-content{
    border: 1px solid #BD197B;
}

.dd-item>button:hover ~ .dd-handle, .dd-item>button:hover ~ .dd2-content
{
    border: 1px solid #BD197B;
    color: #fff;
    background-color: #BD197B;
}

/*onlineBankingButton*/
.onlineBankingButton, .donationBtn{
    border: 5px solid #b9006a!important;
    color: #fff!important;
    background-color: #b9006a!important;
    height: 28px;
    padding-top: 0px!important;
    font-weight: 600;
    border-radius: 5px;
}

.rtl .onlineBankingButton, .donationBtn{
    font-size: 14px!important;
}

.onlineBankingButton:active, .onlineBankingButton:hover, .onlineBankingButton:focus
{
    background-color: #b9006a!important;
}

.donationBtn:active, .donationBtn:hover, .donationBtn:focus{
    background-color: #00A69c!important;
}

.onlineBankingButton:disabled, .onlineBankingButton:disabled:hover,
.donationBtn:disabled, .donationBtn:disabled:hover{
    color: #fff!important;
    border: 1px solid lightgray!important;
    background-color: #333333!important;
    cursor: not-allowed;
    pointer-events: all !important;
}

.donationBtn{
    border: 1px solid #00A69c!important;
    background-color: #00A69c!important;
}

.accountListComponent .accountListComponentDropdownli .accountListComponentDropdownHeader, .profile-info-name, .profile-info-value{
    color: #555555!important;
}

.startupRootContainer .infoPageContent .widget-box .widget-header h4, .quickLinksGroupedBox .nav-list>li>a:hover, .quickLinksBox .nav-list>li>a:hover, .quickLinksGroupedBox .nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active, .detailsRightPanelClass .detailsMainGrid .table-header, footer .copyright{
    color: #333333!important;
}

.loginColor{
    color: #777777!important;
}

.topUpButton{
    border: 2px solid #c9c9c9!important;
    color: #999999!important;
    background-color: #eeeeee!important;
}

.topUpButton:active, .topUpButton:hover, .topUpButton:focus{
    background-color: #dfdfdf!important;
    color: #555555!important;
}

.accountListComponent
{
    height: 32px!important;
    background: url('images/11.png')!important;
}

.accountListComponent .accountListComponentDropdownli .accountListComponentDropdownHeader, .backgroundCustomStyle{
    background: url('images/11.png')!important;
}

.wizard-steps li.complete .title, .wizard-steps li.active .title
{
    color: #043061!important;
    font-weight: 600;
}

.wizard-steps li.complete .step:before{
    color: #f17034!important;
}

.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
    border-color: #043061!important;
}


.onlineCustomTable .table-responsive .table thead tr
{
    background: url(../../images/online/menuBG.png);
}



/**********************************New Login screens*******************************/

.loginInfoScreen{

}

.loginInfoScreen .loginInfoScreenBox{
    margin: auto;
    width: 1024px;
}

.loginInfoScreen .loginInfoHeader {
    height: 110px;
    background-color: #fff;
}

.loginInfoScreen .loginInfoHeader .bankLogo{
    padding: 5px;
    border-radius: 10px;
}

.loginInfoScreen .loginInfoHeader .onlineBankingLogo{
    width: 240px;
    margin-top: 2%;
}

.loginInfoScreenBox .mainBox
{
    background-color: rgb(226, 226, 226);
    padding: 5px;
    color: #777777;
    min-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 20px;
}

.loginInfoScreenBox .mainBoxBottomPanel{
    background-image: url('images/Bg-design-.png');
    background-repeat: no-repeat;
    height: 200px;
	background-position-y: 35px;
}

.loginInfoScreenBox .mainBox .arabicLicense{
    direction: rtl;
    font-family: hacen_liner_screenregular!important;
}

.loginInfoScreenBox .mainBox .arabicLicense dd{
    margin: 0px;
}

.startupRootContainer .infoPageContent .mainBox .loginContainer{
    padding-top: 20px;
    padding-left: 20px;
}

.loginInfoScreenBox .mainBox .loginContainer .welcomeTitle, .welcomeTitle
{
    font-weight: bold;
}

.loginInfoScreenBox .mainBox .loginContainer .loginForm1, .loginInfoScreenBox .mainBox .loginContainer .loginForm3{
    width: 310px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.loginInfoScreenBox .mainBox .loginContainer .loginForm2 .accountBlock{
    /*width: 200px;*/
    height: 95px;
    padding: 15px;
    cursor: pointer;
    /*margin: 15px;*/
    background-color: #fff;
}

.rtl .loginInfoScreenBox .mainBox .terms, .rtl .loginInfoScreen{
    direction: rtl;
}

.loginInfoScreenBox .mainBox .loginContainer .loginForm2 .accountBlock label{
    cursor: pointer;
    color: #b2b2b2;
    font-weight: bold;
}

.loginInfoScreenBox .mainBox .loginContainer .welcomeTitle{
    color: #043061;
}

.whiteBG{
    background: white!important;
}

.selectedProductBC{
    background: #eee!important;
}

.borderRight{
    border-right: 1px solid #ddd;
}

.rtl .borderRight{
    border-left: 1px solid #ddd;
}

.myOpenInvoicesMenuItem{
    color: #f17034!important;
}

.selectCardRow{
    margin-top: 10px;
}

.selectCardRow .selectingBox .cardBox
{
    margin-bottom: 5px;
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails{
    min-height: 160px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails:hover
{
    border: 1px solid #f17034;
}

.selectCardRow .selectingBox .cardBox .activeBox
{
    border: 1px solid #f17034;
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails .cardBoxImgLayout
{
    padding: 5px!important;
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails .cardBoxImgLayout img{
    width: 100%;
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails .cardBoxNameLayout{
    margin-bottom: 10px;
    margin-top: 10px;
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails .cardBoxNameLayout label
{
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.selectCardRow .selectingBox .cardBox .cardBoxDetails .cardBoxNameLayout .activeBoxName{
    color: #f17034;
    font-weight: 600;
}

.selectedCardDetailsRow{
    margin-top: 30px;
    margin-right: 12px;
    margin-left: 12px;
}

.modal-header{
    padding: 10px;
    background: #b9006a;
    color: #ffffff;
}

.mainRegistrationBox{

}

.mainRegistrationBox .regHeader{
    height: 40px;
    background-color: #9E005D;
}

.mainRegistrationBox .regHeader label{
    color: #fff;
    font-size: 20px!important;
    font-weight: 600;
    margin-top: 7px;
}

.mainRegistrationBox .regScreenSteper{
    min-height: 250px;
    margin-top: 20px;
}

.mainRegistrationBox .regScreenSteper .welcomeMessage{
    margin-top: 17%;
    width: 330px;
    font-size: 20px!important;
    color: #000;
}

.mainRegistrationBox .regScreenSteper .skillMessage{
    margin-top: 1%;
    width: 420px;
    font-size: 18px!important;
    color: #000;
}

.mainRegistrationBox .regScreenSteper .addSkills{
    font-size: 14px!important;
    color: #B9006A;
    margin-top: 5px;
    font-weight: 600;
}

.mainRegistrationBox .regScreenSteper .termsncondition{
    text-align: justify;
    color: #000;
    font-size: 15px!important;
}

.maleLabel{
    padding: 20px;
    border-radius: 30px!important;
}

.femaleLabel{
    padding: 20px;
    border-radius: 30px!important;
}

.regColor1{
    color: #662D91;
}

.regScreenSteper input, .regScreenSteper select{
    border: 1px solid #662D91;
    border-radius: 10px!important;
}

.regScreenSteper input[type="tel"]{
    border-radius: 0px!important;
}

.chosen-container{
    min-width: 300px!important;
}

.chosen-container .search-field .default{
    min-width: 200px!important;
}

.regButton1{
    border: 5px solid #F15A24!important;
    color: #fff!important;
    background-color: #F15A24!important;
    height: 28px;
    padding-top: 0px!important;
    font-weight: 600;
    border-radius: 20px;
}

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

.regButton1:active, .regButton1:hover, .regButton1:focus
{
    background-color: #F15A24!important;
}

.regButton1:disabled, .regButton1:disabled:hover{
    color: #fff!important;
    border: 1px solid lightgray!important;
    background-color: #333333!important;
    cursor: not-allowed;
    pointer-events: all !important;
}

.regButton2{
    border: 5px solid #662D91!important;
    color: #fff!important;
    background-color: #662D91!important;
    height: 28px;
    padding-top: 0px!important;
    font-weight: 600;
    border-radius: 20px;
}

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

.regButton2:active, .regButton2:hover, .regButton2:focus
{
    background-color: #662D91!important;
}

.regButton2:disabled, .regButton2:disabled:hover{
    color: #fff!important;
    border: 1px solid lightgray!important;
    background-color: #333333!important;
    cursor: not-allowed;
    pointer-events: all !important;
}

.regButton3{
    border: 5px solid #29ABE2!important;
    color: #fff!important;
    background-color: #29ABE2!important;
    height: 28px;
    padding-top: 0px!important;
    font-weight: 600;
    border-radius: 20px;
}

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

.regButton3:active, .regButton3:hover, .regButton3:focus
{
    background-color: #29ABE2!important;
}

.regButton3:disabled, .regButton3:disabled:hover{
    color: #fff!important;
    border: 1px solid lightgray!important;
    background-color: #333333!important;
    cursor: not-allowed;
    pointer-events: all !important;
}

.ui-datepicker{
    z-index: 1000!important;
}

.deliveryMessages {
    width: 80px;
    margin-right: 50px;
}

.rtl .deliveryMessages {
    width: 80px;
    margin-right: 0px!important;
}

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

.rtl .deliveryMessageContent{
    margin-right: 20px!important;
}

.SuccessWalletTopup{
    background: green!important;
    color: #fff;
}

.FailedWalletTopup{
    background: red!important;
    color: #fff;
}

.tagsLabel{
    margin-right: 5px;
}

.rtl .tagsLabel{
    margin-left: 5px;
}

.ordersQuickFilters{
    position: absolute;
    top: -19px;
    left: 0;
    z-index: 100;
    background: #fff;
    font-weight: 600;
    width: fit-content;
}

.rtl .ordersQuickFilters{
    right: 0!important;
    top: -22px!important;
}

.stageFilterActive{
    border: 2px solid darkgrey;
    border-radius: 10px;
}

.dialogCloseBtn:disabled{
    background-color: #ddd!important;
    cursor: not-allowed;
}