.progress {
	background-color: #E21349;
}
.profile-progress {
	background-color: #9cc96b;
	width: 10%;
	height: 12px;
	display: block;
}
.profile-head {
	border-radius: 15px 15px 0 0;
	margin-left: 0;
	padding: 0px 20px 0px 33px;
	line-height: 3.43em;
	font-weight: 300;
	height: 47px;
}
.profile-head h4 {
	font-size: 1.7em;
	font-weight: 300;
	display: inline-block;
}
.profile-head .nav-tabs {
	/*display: inline-block;*/
}
.profile-head ul {
	height: 60px;
	border-bottom: none;
}
.profile-head ul li {
	border-left: 3px SOLID #FFF;
}
.profile-head ul li a {
	padding: 15px 15px;
	border: none;
	margin-right: 0px;
	font-size:1em;
	font-weight: bold;
	color: #333;
}
.profile-head ul li a.active, .profile-head ul li a.active:focus, .profile-head ul li a.active:hover,
.profile-head ul li a, .profile-head ul li a:focus, .profile-head ul li a:hover {
	border: none;
	height: 50px;
	text-decoration: none;
}
.profile-head ul li a.active, .profile-head ul li a.active:focus, .profile-head ul li a.active:hover {
	background-color: #EAF9FF;
}
.profile-tab-head .bubble-arrow-icon {
	margin-top: 20px;
}
.profile-tab-head .bubble-arrow {
	border-radius: 0;
	height: auto;
	font-weight: 400;
	margin-left: 0px;
}
.bubble-arrow-left:after {
	top: 0px;
}
.profile-tab-head .bubble-arrow span{
	display: inline-block;
}
.profile-tab-head span {
	margin: 20px 40px;
}

.profile-tab-body .tab-base .tab-content {
	box-shadow: none;
	float: left;
}
.profile-tab-body .tab-base {
	padding-left: 12px;
	padding-right: 12px;
/*	border: 3px SOLID #EAF9FF; */
}

.banner-upload-open, .profile-photo-title {
	border: 5px SOLID #4FB9DF;
	background-color: #EAF9FF;
	padding: 16px 10px;
	margin: 20px 0px;
	border-radius: 15px;
	font-size: 1.4em;
}
.profile-photo-title {
    margin-bottom: 0px;
    z-index: 3;
}
.not-uploaded .banner-upload-open, .not-uploaded .profile-photo-title {
	border: 5px SOLID #88799F;
	background-color: #E7E4EC;
}

.banner-upload-open:after, .profile-photo-title:after {
	width: 0px;
	height: 0px;
	content: " ";
	border: 20px SOLID transparent;
	border-right: 20px SOLID #4FB9DF;
	position: absolute;
	top: 8px;
	left: -40px;
	max-width: 100%;
}
.not-uploaded .banner-upload-open:after, .not-uploaded .profile-photo-title:after {
	border-right: 20px SOLID #88799F;
}
/*.banner-upload-open {
	cursor: pointer;
}
.banner-upload-open.open {
	cursor: default;
}*/
#open-banner, #ba-tog {
	cursor: pointer;
}
/*#open-banner.open, #ba-tog {
	cursor: default;
}*/

.invalid {
	background-color: #f9c0c0;
}
/*.valid {
	 background-color: #c8f9c7; 
}*/


.profile-photo-wrapper {
    border: 5px SOLID #4FB9DF;
    top: -12px;
}
.not-uploaded .profile-photo-wrapper {
    border: 5px SOLID #88799F;
}

.profile-photo-wrapper #profile_pic {
    max-width: 80%;
    margin: 20px auto;
}

#banner-upload-field {
	display: none;
}
#banner-upload-field img {
	width: 100%;
}

.bubble-arrow-icon {
    background-color: #4FB9DF;
}
.bubble-arrow-icon.not-uploaded {
    background-color: #88799F;
}

.btn {
	padding: 6px 20px;
}
/*#picUploadButtonM, #picUploadButton {
	color: #FFF;
	background-color: #EAA642;
}
#picUploadButtonM:hover , #picUploadButton:hover{
    background-color: #F88C1D;
}

#picsaveButtonM {
	border: 3px SOLID #4FB9DF;
	background-color: #F7F7F7;
}
#picUploadButtonM i {
	margin-right: 10px;
}
#picUploadButtonM, #picsaveButtonM, #picUploadButton {
	border-radius: 15px;
	width: 120px;
	margin: 20px auto;
}
#picsaveButtonM:hover {
	border: 3px SOLID #09C;
}
#profile-pic-desc {
    position: relative;
	border-top: 1px SOLID #CCC;
    padding: 30px;
	padding-top: 20px;
	font-size: 1.4em;
    margin: 10px;
}*/

@media (max-width: 700px) {

	.profile-head ul {
		height: auto;
	}
	.profile-head ul li {
		display: block;
		width: 100%;
	}
    
    .profile-images-column .row {
        margin-left: 7px;
        margin-right:8px;
    }
	
}


/* FORM CSS */
.field-wrapper {
    position: relative;
    background-color: #EBFAFF;
    border-radius: 15px;
    padding: 20px 0px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.field-wrapper .form-group {
    width: 100%;
    float: left;
}
.field-wrapper .national_insurance {
    width: 60px;
    display: inline;
	text-transform: uppercase;
	border: none;
	/*background: #FFF;*/
	padding: 5px 10px;
}
.field-wrapper .input, .field-wrapper div.cs-select {
    margin: 0 20px;
    max-width: 100%;
}
.field-wrapper div.cs-select {
    z-index: inherit;
}
.field-wrapper div.cs-select .cs-placeholder {
    z-index: 5;
}
.field-wrapper div.cs-select .cs-options {
    z-index: 7;
}

.field-wrapper input {
    color: #333;
    font-size: 1.2em;
}

.field-wrapper .row {
    padding: 0px 50px;
    margin-bottom: 10px;
}
.field-wrapper .animate-form-label,
.field-wrapper .input__label-content {
    position: relative;
    font-size: 1.3em;
}
.field-wrapper .animate-form-field {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    height: 0px;
    overflow: hidden;
    bottom: 30px;
}
.field-wrapper .animate-form-field input {
    background-color: #EBFAFF;
    border: 0px;
}

.animate-form-field.open input, .animate-form-field.open select {
    background-color: #FFFFFF;
    border-bottom: 1px SOLID #666;
}

.field-wrapper .animate-form-field .row {
    position: absolute;
}

#profileForm .btn.showsignature {
    background-color: #F6F9ED;
    border: 2px SOLID #95C11F;
    color: #889FAB;
    border-radius: 25px;
    text-transform: uppercase;
}
.btn.btn-save-card {
    /* width: 120px; */
    background-color: #F7F7F7;
    border: 2px SOLID #4FB9DF;
    color: #889FAB;
    border-radius: 25px;
}
.btn.btn-save-card:hover {
    border: 2px SOLID #09C;
}
/*.professional {
    font-size: 1.2em;
}
.professional h6 {
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px SOLID #CCC;
}
.professional .field-wrapper .row {
    padding: 0px 10px;
}
.professional .num-cir {
    text-align: center;
    font-size: 2.6em;
    color: #09C;
}
.cv-button-wrapper .btn {
    background-color: #40B3D9;
    color: #FFF;
    font-size: 1.8em;
    border-radius: 20px;
    font-weight: 300;
	margin-bottom: 20px;
}
.cv-button-wrapper #cvbuilder.btn {
    background-color: #88799F;
    margin-right: 20px;
}

@media (max-width: 1350px) {
    .cv-button-wrapper #cvbuilder.btn {
        margin-bottom: 20px;
    }
}*/
/*
 Signature styles 

.fancybox-overlay {
    background: rgba(0,0,0,.6);
}

#video {
    position: relative;
    z-index: 2;
    float: left;
    border-right: 10px solid #F9F9F9;
    background: #AAA;
}

#signature {
    cursor: url('/scripts/js/plugins/signature/pen2.cur'), default;
    position: relative;
    z-index: 2
}

#signature-line {
    height: 1px;
    width: 600px;
    background: #CCC;
    position: absolute;
    top: 130px;
    right: 34px;
    z-index: 3;
}*/
/*
.sigWrapper {
    position: relative;
}

#photoPreview {
    vertical-align: middle;
    background: #DDD
}

#sigPreview {
    vertical-align: middle;
    background: #FFF;
}

#profile-pic-desc .quick-tooltip-holder .tip {
    position: absolute;
    width: 100%;
    max-width:90%;
    top: 80px;
    background-color: #575756;
    padding: 30px 20px;
    color: #FFF;
}
#profile-pic-desc .quick-tooltip-holder .tip {
    left: 30px;
}
#profile-pic-desc .quick-tooltip-holder .tip:before {
    position: absolute;
    content: ' ';
    width: 0px;
    height: 0px;
    border: 20px SOLID transparent;
    border-bottom: 20px SOLID #575756;
    left: 46%;
    top: -40px;
}
#profile-pic-desc .quick-tooltip-holder .tip .glyphicon-remove {
    position: absolute;
    right: 10px;
    top: 10px;
}
.professional p a {
    text-decoration: underline;
}

#image-cropper-tools {
	position: relative;
    margin-top: 20px;
	top: 0px;
}

#picture_privacy {
    position: relative;
    width: 100%;
    max-width:90%;
    color: #333;
    font-size: 1em;
    text-align: center;
}

#picture_privacy i.fa-share-alt {
    border: 2px SOLID #604C7F;
    border-radius: 50%;
    color: #604C7F;
    padding: 20px;
    margin: 10px 0px;
}
#picture_privacy p {
    text-align: left;
}
#picture_privacy ul {
    padding-left: 0px;
    list-style: none;
    text-align: left;
}
#picture_privacy .icheckbox_square.smaller {
	background-image: url("/scripts/css/icheck/square-sm.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px;
	background-position: -24px 0 !important;
}
#picture_privacy .icheckbox_square.hover {
	background-position: 0px 0 !important;
}

#picture_privacy .icheckbox_square.checked {
	background-position: -48px 0 !important;
}

#picture_privacy .icheckbox_square.checked {
	background-position: -48px 0 !important;
}*/

.fancybox-skin {
    background-color: #C2F0FF;
    border-radius: 20px;    
}
.fancybox-skin .pad {
    background-color: #FFF;
}
@media (max-width: 767px) {
    .fancybox-wrap { width: 100% !important; overflow:  hidden; }
    .fancybox-skin { width: 90% !important; }
    .fancybox-inner { overflow: auto; width: 100% !important; }
    #capture { text-align: center; }
    #video { float: none; border-right: 0; margin: auto; }
    .sigWrapper { width: 100%; border: 1px solid #0099CC; overflow: hidden; }
}


.panel-danger.card-loan-warning .card-heading, .card-danger.card-loan-warning .card-footer, .card-danger.card-loan-warning {
	background-color: #FDE6E5;
	border-color: #FDE6E5;
	color: #000000;
}

.card-danger.card-loan-warning .warning {
	font-size: 2em;
	color: #ED1F23;
}

.red-alert {
	background: #ED1F23;
	padding: 4px 6px;
	color: #FFFFFF;
	font-size: 1.4em;
	border-radius: 6pt;
}

.arrangements-wrapper{
	font-size: 14px;
}

.arrangements {
	font-size: 14px;
}
.arrangements .sub-header {
	margin-bottom: 5px;
}
.arrangements .a-label {
	font-weight: 600;
}

.arrangements .pay-status {
	border-radius: 15px;
	padding: 0px 20px 2px;
	color: #fff;
	font-weight: 600;
}
.arrangements .pay-status.paid-up {
	background-color: #9cc96b;
}
.arrangements .pay-status.overdue {
	background-color: #ED1F23;
}
.alert.alert-info {
	padding: 10px;
	background-color: #00abdd;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.btn.btn-pay {
    background-color: #ED1F23;
    border: 2px SOLID #ED1F23;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    padding: 2px 25px 3px;
    margin-top: 10px;
}
.btn.btn-pay:hover {
    border: 2px SOLID #09C;
}

.card-details-form {
	font-size: 14px;
}

.bg-paleblue {
	background: #C1EFFF;
}
.bg-vpaleblue {
	background: #EAF9FF;
}
.profile-tab-head .bubble-arrow {
	border-radius: 0;
	height: auto;
	font-weight: 400;
	margin-left: 0px;
}
.bubble-arrow.no-border {
	border: 0;
}
@media screen and (min-width: 768px){
	.bubble-arrow {
		margin-left: 17px;
	}
}
.bubble-arrow {
	position: relative;
	padding: 10px 25px 20px 33px;
	border: 2px solid #000;
	border-radius: 15px;
	margin-left: 0;
	font-size: 16px;
	line-height: 1.33;
	font-weight: 400;
	min-height: 95px;
}
.bubble-arrow-left.no-border:before {
	border-right: 0;
}

.bubble-arrow-left:before {
	top: 22px;
	left: -26px;
	border-top: 26px solid transparent;
	border-bottom: 26px solid transparent;
	border-right: 26px solid #000;
}
@media screen and (min-width: 768px){
	.bubble-arrow:before {
		content: "";
		position: absolute;
		display: block;
		width: 0;
		z-index: 0;
	}
}
.bubble-arrow.bg-vpaleblue:after {
	border-right-color: #EAF9FF;
}
.bubble-arrow-left:after {
	top: 0px;
}
.bubble-arrow-left:after {
	top: 24px;
	left: -23px;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-right: 24px solid #fff;
}
@media screen and (min-width: 768px){
	.bubble-arrow:after {
		content: "";
		position: absolute;
		display: block;
		width: 0;
		z-index: 1;
	}
}

@media screen and (min-width: 768px){
	.bubble-arrow-icon {
		display: block;
	}
}

.bubble-arrow-icon {
	float: right;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	padding-top: 11px;
	color: #fff;
	margin-top: 24px;
}

#tbl_payments td.bg-danger, #tbl_payments td.bg-success {
	color: #fff;
}