body,
.page-content{
	background-color:#fafafa !important;
}
#ajax-loading-spinner,
#beneficiary-loading-spinner {
	background-color: #555555 ;
}

.page-header-fixed .page-container{
	margin-top: 60px;
}
 
.header, 
.header .btn-navbar, 
.header .navbar-nav 
.dropdown-toggle:hover, 
.header .navbar-nav .dropdown.open .dropdown-toggle{
	background: #fff !important;
	color: #0f243e !important;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
	 
}

.header{
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
    min-height: initial;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username, 
.header .navbar-nav > li.dropdown.dropdown-language .dropdown-toggle .langname {
	color: #0f243e !important;
    line-height: 26px 
}
.header .navbar-nav > li.dropdown.dropdown-language a{
	padding:5px 10px !important;
}
.header .navbar-nav > li.dropdown.dropdown-language a,
.header .navbar-nav > li.dropdown.user,
.page-sidebar,
ul.page-sidebar-menu > li.active a,
.note-success,
.box,
.portlet.box.grey,
.portlet-body.form .btn-default,
.fm-submit{
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.header.navbar-fixed-top{
	border-radius: 0 0 5px 5px !important;
}
.page-sidebar-fixed .footer{
	padding-top: 10px;
	padding-bottom: 7px;
	background-color: #0f243e !important;
}
.page-sidebar-fixed .footer p{
	line-height: 1.2;
	margin-bottom: 0px;
}
.page-content .title{
	font-size: 28px;
}
 
ul.page-sidebar-menu > li > a{
    border-top: 0px solid transparent !important;
    font-weight: 500;
}
ul.page-sidebar-menu > li.active a,
ul.page-sidebar-menu > li:hover a{
	
	background-color: #555555 !important;
	border-radius: 5px   !important;
}

ul.page-sidebar-menu > li a i{
	color: #0f243e !important;
	font-size: 20px;
    /*margin-top: 5px !important;*/
    position: relative;
    top: 3px;
}
ul.page-sidebar-menu > li:hover i,
ul.page-sidebar-menu > li:hover > a{
	color: #fff !important;
}
#main_logo img{
	max-width: 170px;
	margin: 5px auto !important;
}

.btn{
	padding:12px;
	border-radius: 5px !important;
	
}

/*
.btn,
.btn.default,
.btn.green,
.btn.blue,
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active, 
.btn.default[disabled], 
.btn.default.disabled,
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active, 
.btn.blue.active, 
.btn.blue[disabled], 
.btn.blue.disabled,
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active, 
.btn.green[disabled], 
.btn.green.disabled
{
	color: #fff !important;
	background-color: #0F243E !important;
    margin-bottom: 4px;
}*/

.btn{
	margin-bottom: 4px;
}

.btn.default,
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active, 
.btn.default[disabled], 
.btn.default.disabled
{
	color: #fff !important;
	background-color: #555555 !important;
    margin-bottom: 4px;
}



.btn.green {
    color: white !important;
    background-color: #35aa47 !important;
    border-color: transparent;
}

.link-button,
.btn.link-button{
    padding: 7px 14px;
    background-color: transparent !important;
    color: #555555 !important;
    border: 2px solid #555555;
}

.link-button:hover, 
.link-button:focus, 
.link-button:active,
.btn.link-button:hover, 
.btn.link-button:focus, 
.btn.link-button:active{
    color: #fff !important;
	background-color: #555555 !important;
}

/*general css end here*/
#promotional_banner_carousel .carousel-inner{
	box-shadow: rgba(0, 0, 0, 0.28) 0px 3px 19px;
	border-radius: 8px !important;
}
#promotional_banner_carousel .carousel-inner>.item>img{
	border-radius: 8px !important;
	width: 100%;
	object-fit: cover;
}
.ck-box-element{
	margin-top: 15px;
	margin-bottom: 15px;
}
.ck-box-element .benef_avatar_item{
	margin-bottom: 0px;
}

.ck-box-element .benef_avatar_item .box{
	background-image: linear-gradient(to bottom, #f8f9f9, #eff5f6, #e7f0f4, #e0ebf3, #dce5f2);
	border:1px solid #d9d9d9;
	border-radius: 12px !important;
	padding: 15px 5px;
	height: 241px;
}
.ck-box-element .benef_avatar_item:nth-child(1) .box{
	background-image:linear-gradient(to right bottom, #1eecc5, #00e2db, #00d6eb, #00c8f4, #00b9f4)
}
.ck-box-element .benef_avatar_item:nth-child(2) .box{
	background-image: linear-gradient(to right bottom, #fe55d7, #d743c3, #b132ad, #8c2197, #690f81);
}
.ck-box-element .benef_avatar_item:nth-child(3) .box{
	background-image: linear-gradient(to right bottom, #0d74d8, #0094ec, #00b3f7, #00d0fd, #44ebff);
}
.ck-box-element .benef_avatar_item:nth-child(4) .box{
	background-image: linear-gradient(to right bottom, #73b210, #83ba0d, #92c30a, #a3cb07, #b3d304);
}
 
.box:hover{
	 box-shadow: rgba(0, 0, 0, 0.22) 0px 3px 12px;
}
.ck-box-element p{
	 color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}
.ck-box-element .benef_avatar_flag .flag-img{
	width: 20px;
}
.ck-box-element .avatar-big{
	border:3px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	width: 63px;
	height: 63px;
}


.ck-box-element .btn{
	padding-top: 9px;
	padding-bottom: 9px;
    box-shadow: rgb(0 0 0 / 22%) 0px 3px 12px !important;
    font-weight: 600;
    border:0px solid transparent;
    text-shadow: none;
}
.ck-box-element .benef_avatar_item:nth-child(1) .box .btn.blue{
	color: #626c79 !important;
    background-color: #ccfbf5  !important;
    
}
.ck-box-element .benef_avatar_item:nth-child(2) .btn.blue{
	color: #626c79 !important;
    background-color: #f7c4ec !important;
    
}
.ck-box-element .benef_avatar_item:nth-child(2) .btn.green{
	color: #fff !important;
    background-color: #f852d4 !important;
}

.ck-box-element .benef_avatar_item:nth-child(3) .btn.green{
	color: #fff !important;
    background-color: #0c76d9 !important; 
}
.ck-box-element .benef_avatar_item:nth-child(3) .btn.blue{
	color: #626c79 !important;
    background-color: #b5d2ed  !important;
}
.ck-box-element .benef_avatar_item:nth-child(4){
	text-align: center !important;
}
.ck-box-element .benef_avatar_item:nth-child(4) a:hover{
	text-decoration: none;
}
.ck-box-element .benef_avatar_item:nth-child(4) .avatar-more{
	margin-top: 58px !important;
	color: #fff;
    font-size: 50px !important;
}
.ck-box-element .benef_avatar_item:nth-child(4) .avatar-more-text{
	color: #fff;
	font-size: 16px;
	padding:10px;
	
}
 

.portlet.box.grey{
	background-color: #fff !important;
	border-radius: 8px !important;
	border: 1px solid #e1e0dc !important;
}

.portlet.box.grey > .portlet-title{
	background-color: #555555;
    border-radius: 8px 8px 0 0 !important;
} 
.portlet.box.grey > .portlet-body,
.portlet-body.form .form-actions{
    border-radius: 0px 0px 8px 8px !important;
} 
.portlet > .portlet-title > .caption{
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    width: 100%;
}


.portlet.box > .portlet-body .form-body{
	padding:20px !important;
}
.portlet-body.form .btn-default:focus{
	outline: none !important;
}
.portlet-body.form .btn-default{
	border-radius: 5px !important;
	padding:10px 13px !important;
	background-color: #F5F8FA !important;
	color: #555555 !important;
    border: none;
    margin-bottom: 2px;
}

.portlet.box.grey .input-group .form-control:not(.form-control-view),
.portlet.box.grey .form-control:not(.form-control-view),
.table.table-striped .form-control,
.portlet.box.grey #message{
	border-radius: 5px !important;
    height: 39px !important;
    background: #f1f1f1;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    border: 1px solid #e1e1e1 !important;
}

.portlet.box.grey #message{
	height: auto !important;
	width: 100%;
}

 
.table.table-striped .form-control{
	 background: #fff;
}

.portlet.box.grey .control-label{
	font-weight: 500;
}


.ck-form-element{
	margin-top: 30px !important;
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
}

.portlet.box.grey .btn.blue[disabled], 
.portlet.box.grey .btn.blue.disabled{	
	border: none;
}

.fm-submit{
    padding: 20px;
    border-radius: 5px !important;
    background: #fff;
}


.table-responsive{
	border-radius: 8px !important;
    background: #fff !important;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
}
.table-responsive th{
    background:#0F243E;
    color: #fff;
    padding:12px 20px !important;
}
.table-responsive tr th:nth-child(1) {
    border-radius: 5px 0px 0px 0px !important;
}

.table-responsive tr th:nth-last-child(1) {
    border-radius: 0px 5px 0px 0px !important;
}
.table-responsive td{
	padding:12px 20px !important 
}
 
.form-control-view {
    padding-left: inherit;
}
#promo_carousel .item{
	margin-bottom: 0px;
}
 
#promo_carousel .carousel-control{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    
} 
#promo_carousel .carousel-control.left{
	align-items: flex-start;
}
#promo_carousel .carousel-control.right{
	align-items: flex-end;
}
.form-horizontal .form-group{
	margin-right: initial; 
    margin-left: initial;
}

/* sehrish css start here */	
 
.portlet-body.form .form-actions .btn.green{
	padding:10px 45px;
	
}
.portlet-body.form #confirm_transfer_form .form-actions .btn.green{
	padding: 12px;
}
.portlet-body.form #confirm_transfer_form .form-actions .btn{
	margin-right: 3px;
}
.portlet-body.form .form-actions .col-md-8{
	display: flex;
	width: 100%;
	justify-content: center;
}

 
.portlet-body.form .form-group.fm-req .col-md-12{
	padding-left: 0px;
	padding-right: 0px;
}
.fm-req span.input-group-addon{
    border-radius: 5px 0px 0px 5px !important;
}
.fm-req span.input-group-addon input.form-control{
	border-radius: 0px 5px 5px 0px !important;
}

.fm-req .help-block{
	margin-top:14px !important;
} 
.fm-req  a,
.fm-req .help-block a{
	color:#0f243e !important;
}
 
.portlet-body.form .btn-default{
	background-color: #f1f1f1 !important;
}
.page-footer-fixed .footer .footer-tools .go-top{
	/*background-color: #999999;*/
    border-radius: 50px !important;
    padding: 0px 4px;
}
.page-footer-fixed .footer .footer-tools .go-top i{
	color:#fff;
}

#login_form .form-body input.form-control[type="text"] {
	border-radius: 0px 7px 5px 0px !important;
    background: #F5F8FA !important;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
}

#login_form .form-body input.form-control[type="password"] {
	border-radius: 0px 0px 0px 0px !important;
	background: #F5F8FA !important;
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
}

#login_form .form-body .input-group-addon-append {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #e5e5e5;
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-repeat: repeat;
	background-size: auto;
	border: 1px solid #e5e5e5;
	border-left: none;
	border-radius: 0px 5px 5px 0px !important;
	border-collapse: separate;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	box-sizing: border-box;
	color: rgb(85, 85, 85);
	direction: ltr;
	display: table-cell;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	padding: 6px 12px 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 1% !important;
}

#show-password:hover {
	cursor: pointer;
}

#login_form .form-body .input-group-addon-append .input-group-addon-append > i {
	color: #999;
}

/*Send money start*/
ul#formWizardSteps{
	border-bottom: 2px solid #555555;
}
ul#formWizardSteps li{
	background: #f1f1f1;
}
ul#formWizardSteps li a{
	color:#555555;
}
ul#formWizardSteps li.active{
	color:#fff !important;
	background:#555555;
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus{
	color:#fff !important;
	background:#555555 !important;
}

 
#transfer_form .list-group-item {
	border-radius: 5px !important;
	padding:7px 0px !important;
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
	margin-bottom: 5px;
}

#transfer_type_container .list-group table{
	border-radius: 5px !important;
	padding:7px 0px !important;
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
	margin-bottom: 5px;
	width: 100% !important;
	border: 1px solid #ddd !important;
}

#transfer_type_container .list-group table:hover{
	background-color: #f5f5f5;
}
#transfer_type_container .list-group table td{
	height: auto !important;
	padding: 12px 7px !important;
}

#transfer_form .list-group .radio-inline, 
#transfer_form .list-group .checkbox-inline{
	padding-left:10px !important;
	padding-top: 0px;
}
 #transfer_form .list-group{
	margin-bottom: 10px !important;
}


#transfer_form .form-group .col-md-8.col-md-offset-3 .list-group-item{
	padding: 12px 7px !important;
}

#transfer_form #beneficiaryFS .radio-inline #uniform-beneficiary{
	margin-top: 0px;
}

#transfer_form .form-group  .radio{
	padding-top: 0px !important;
}

.m-icon-swapleft,
[class^="m-icon-big-"]{
	background-image: url(../templates/assets/img/syncfusion-icons-white.png);
}
.formWizardNext{
	float: right;
}

.portlet.box.grey   .control-label{
	text-align: left !important;
	font-weight: 600 !important;
}
.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"]{
    float: none;
    margin-left: auto;

}
#promo_carousel .carousel-indicators{
	width: 100%;
	bottom: 0px;
	left: 0px;
	margin-left: 0px;
}
/*send money end*/


/*send_money_to_wallet start*/
#benef_search_email{
	margin-bottom: 10px;
	height: 44px;
} 	 

.phone-fields .col-md-4 {
    width: 33.33333333333333%;
        float: left;
}
.phone-fields .col-md-8{
    width: 66.66666666666666%;
        float: left;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	color: #464646 !important;
}

@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
	.page-sidebar-fixed .page-sidebar{
		top: 60px;
	}

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}

@media (max-width: 575px){
}

@media (max-width: 767px){
	.page-content{
		padding-left: 0px  !important;
		padding-right: 0px  !important;
	}
	
 

	.table.table-striped td{
		padding:18px !important;
	}

	.navbar-inverse .navbar-toggle:hover, 
	.navbar-inverse .navbar-toggle:focus{
	 	background-color:transparent;
	}

	ul#formWizardSteps li {
		width: 100%;
	}
	.nav-pills>li+li{
		margin-left: 0px;
		margin-right: 0px;
	}
	
}
@media (max-width: 991px){
	.page-boxed .header > .container, 
	.page-boxed .footer > .container, 
	.page-boxed > .container{
	    padding-right: 15px !important;
	    padding-left: 15px !important;
	    margin-right: auto !important;
	    margin-left: auto !important;
	}
	.ck-box-element .benef_avatar_item:nth-child(1),
	.ck-box-element .benef_avatar_item:nth-child(2),
	.ck-box-element .benef_avatar_item:nth-child(3),
	.ck-box-element .benef_avatar_item:nth-child(4){
		margin-bottom: 5px;
	}
}
@media (max-width: 1199px){
	
}
@media (max-width: 1399px){
	
}

@media (min-width: 576px) and (max-width: 767px){

}

@media (min-width: 768px) and (max-width: 991px){

}

@media (min-width: 992px) and (max-width: 1199px){
	.footer p{
		font-size: 10px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1399px){

}