/*FONTS*/
* { 
	margin:0; 
	padding:0;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	box-sizing: border-box;
}
img{
	border:none;
	width:24px;
}
ul{
	padding:15px;
}

#tabs ul{padding:0px !important;}

body{ 
	border:0;
	color:#404040;
	background-color:#eff0f0;
    font-family:'PT Sans', sans-serif;
	font-size:14px;
	overflow-x: hidden;
}
h1,h2{margin:0px;padding:0px;font-size:inherit;color:inherit;font-weight:normal;}
h2{
	color:#6e6e6e;
	font-family:'PT Sans', sans-serif;
}
textarea{font-family:inherit}

.text-link:hover{text-decoration:underline;cursor:pointer}
a {text-decoration: none; color:#404040}
a:hover {text-decoration: none; color:#3593C9;}
.pointer{cursor:pointer;}
#appends{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.fl{float:left !important}
.fr{float:right !important}

.group::after {
	content: "";
	display: table;
	clear: both;
}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt11{margin-top:11px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt100{margin-top:100px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.w25p{width:25% !important}
.w33p{width:33% !important}
.w46p{width:46% !important}
.w50p{width:50% !important}
.w54p{width:54% !important}
.w75p{width:75% !important}
.w100p{width:100% !important}

.w25p.mr10{width:calc(25% - 10px) !important}
.w25p.mr20{width:calc(25% - 20px) !important}
.w25p.mr30{width:calc(25% - 30px) !important}
.w33p.mr10{width:calc(33.33333% - 10px) !important}
.w33p.mr20{width:calc(33.33333% - 20px) !important}
.w33p.mr30{width:calc(33.33333% - 30px) !important}
.w50p.mr10{width:calc(50% - 10px) !important}
.w50p.mr20{width:calc(50% - 20px) !important}
.w50p.mr30{width:calc(50% - 30px) !important}
.w75p.mr10{width:calc(75% - 10px) !important}
.w75p.mr20{width:calc(75% - 20px) !important}
.w75p.mr30{width:calc(75% - 30px) !important}

.br{border-right:1px solid #ccc;}
.bt{border-top:1px solid #ccc;}
.bl{border-left:1px solid #ccc;}
.bb{border-bottom:1px solid #ccc;}

.center{
	text-align:center;
}

.right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.clear{
	clear:both;
}
.overdiv{
	width:calc(100% - 100px);
	padding:16px;
	margin:0 50px;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:5px;
}
#main{
	padding:16px;
}

/* Labels */

.small_label {
	color: #6e6e6e;
	font-size: 14px;
}

/* HEADER */
#header{
	width:100%;
	margin-bottom:24px;
	border-bottom:5px solid #000;
	padding:10px;
	background-color:#fff;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#header_account_name{
	font-size:18px;
}

/* MESSAGE */

.message{
	margin:20px 0;
	font-size:18px;
	text-align:center;
}
.message.red{
	color:#d03333;
}
.message.green{
	color:#090;
}
.message span{
	font-weight:bold;
}

/* LOGIN PAGE */

#login_container{
	width:calc(100% - 32px);
	padding:0 16px;
	margin:0 auto;
}
#login_logo{
	width:auto;
	height:auto;
	margin:0 auto;
	display:block;
	margin-top:52px;
}
#login_logo img, #header_logo{
	height:auto;
	width:auto;
}
#login_form, #password_form, #user_details_form{
	margin:0 auto;
	display:block;
	margin-top:53px;
}
#password_form, #user_details_form{
	margin-top:0;
}
.register_fields label, 
#login_form label, 
#login_alerts h1, 
#password_form label{
	height: 18px;
	opacity: 0.7;
	font-size: 14px;
	font-weight: 300;
	font-family:'PT Sans', sans-serif;
	display:block;
	line-height:1;
	color:#6e6e6e;
}
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'],
select{
	padding: 12px 8px;
	width: 100%;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
	border: solid 1px #969696;
	margin-bottom:16px;
	font-family:inherit;
	font-size:16px;
	border-radius:4px;
}
select{
	padding:2px 8px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969696;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #969696;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #969696;
}
:-moz-placeholder { /* Firefox 18- */
  color: #969696;
}
#login_form input:nth-child(3){
	margin-bottom:8px;
}
#password{
	margin-bottom:8px !important;
}
button.plain{
	background:transparent;
	border:none;
	margin:0 20px;
	font: 14px 'PT Sans', sans-serif;
	cursor:pointer;
}
button.white_link{
	background:white;
	background-image:url(images/next.png);
	background-size:24px;
	background-repeat:no-repeat !important;
	background-position:center right;
	border: none;
	width: 100%;
	margin-bottom:22px;
	text-align:left;
	font-family:inherit;
	font-size:16px;
	padding-right: 28px;
}

button.white_btn {
	min-width: 160px;
	padding: 10px 15px;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	font: 16px 'PT Sans', sans-serif;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

.activity_filter_box .request_box_button{
	margin-top:0;
}
#login_form input[type=submit], 
.request_button, 
.received_button,
.add_user_button{
	background-color:#d03333;
	width:160px;
	height:40px;
	border-radius:4px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
	color:white;
	text-transform:uppercase;
	border:none;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	line-height:16px;
	letter-spacing:0.5px;
	cursor:pointer;
}
.request_button.readOnly{
	background-color:#999 !important;
	cursor:default;
}
.register-button-bigger {
	width:180px;
}
#login_form input[type=submit].disabled, 
.request_button.disabled, 
.received_button.disabled,
.add_user_button.disabled{
	color:#fff;
	background-color:#dcdcdc;
	box-shadow: none;
	cursor:default;
}
#login_form input[type=submit]:active, 
.request_button:active, 
.received_button:active {
	box-shadow:none;
}
.request_button.white{
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	box-shadow:none;
	width:auto;
	padding:0 10px;
}
#register_button {
	width: 220px;
}
#early_payment + label,
#boutique_loan + label,
#data_protection + label {
	color: #404040;
	opacity: 1;
}
#data_protection + label span a {
	color: #d03333;
}
input[type=submit]{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}
#login_form label[for=remember]{
	display:inline-block;
	width:fit-content;
	line-height: 24px;
	opacity:1;
	color:black;
	font-family:'PT Sans', sans-serif;
}
input[type=checkbox], 
#login_form input[type=checkbox]{
	border:none;
	float:left;
	margin-right:8px;
	box-shadow:none;
	height:24px;
	width:24px;
	margin-bottom:0;
}
input[type="password"]{
  -webkit-text-security: disc;
}
#login_form .container{
	opacity:unset;
	height:auto;
	line-height:unset;
	display:flex;
}
/* Customize the label (the container) */
.container {
	display: block;
	position: absolute;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float:left;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0 !important;
}

/* Create a custom checkbox */
.checkmark {
	content:url(images/unticked.png);
	height:24px;
	width:24px;
	position: absolute;
	top: 0;
	left:0;
}

.checkmark_box, .checkmark_box_checked{
	background-image:url(images/unticked.png);
	height:24px;
	width:24px;
	background-size:100%;
	cursor:pointer;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 3px;
	vertical-align: middle;
}
.checkmark_box_checked{
	background-image:url(images/ticked.png);
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  content:url(images/ticked.png);
  	height:24px;
	width:24px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 9px;
	top: 6px;
	width: 3px;
	height: 7px;
	border: solid black;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#login_form a{
	color:black;
	float:right;
	line-height:24px;
}
#login_form input[type=submit]{
	margin:0 auto;
	margin-top:37px;
	display:block;
	cursor:pointer;
	padding-top: 2px;
}
#login_alerts{
	margin-top:75px;
}
.alert_box{
	background-repeat:no-repeat !important;
	background-position:center left 8px !important;
	border-radius:4px;
	background:white;
	border: solid 1px #DCDCDC;
	padding: 10px 8px;
	width: 100%;
	margin-bottom:8px;
	text-align:left;
	text-indent:38px;
	font-family:inherit;
	font-size:16px;
	background-size:24px;
}
.alert{
	background-image:url(images/alert.png);
}
#alert_body{
	max-width:700px;
}
.bank_holiday{
	background-image:url(images/calendar.png);
}

/*SALES PAGE*/
.sales_container select{
	width:100%;
	font-size:24px;
	color:#404040;
	font-family:inherit;
	border:none;
	height: 33px;
	padding-bottom:3px;
	border-bottom:1px solid #DCDCDC;
	-webkit-appearance: none;
	-moz-appearance: none;      
	appearance: none;
	background-image:url(images/drop-down.png);
	background-size:24px;
	background-repeat:no-repeat;
	background-position:right;
}
.sales_container select::-ms-expand {
    display: none;
}
#fund_rectangle{
	padding:16px;
	box-shadow: 0 0 .125rem rgba(0,0,0,.25),0 .0625rem .75rem rgba(0,0,0,.25);
	border: solid 1.5px #d03333;
	border-radius:4px;
	margin: 24px 0;
	position:relative;
}
#fund_rectangle h1{
	text-transform:uppercase;
	font-size:14px;
}
#fund_rectangle h2{
	font-size:36px;
	color:#404040;
	font-family:'PT Sans', sans-serif;
}
.requested_button{
	border:none;
	color:#969696;
	background-color:white;
	box-shadow:none;
	-webkit-appearance: none;
	cursor:default;
}
#sales_header, #sales_txt, #alert_txt, #faq_txt{
	font-size:24px;
	line-height:24px;
	border:none;
	padding-bottom:4px;
	border-bottom:1px solid #DCDCDC;
	font-family:inherit;
	margin-bottom:18px;
}
.sales_header a{
	cursor:pointer;
}
#sales_header{
	cursor:pointer;
}
#sales_header img{
	position:relative;
	top:5px;
}
#sales_txt{
	position:relative;
}
#sales_txt img{
	width:24px;
	height:24px;
}
.sales_page .sales_area .sales_box:hover{
	border-color:#000;
	top:1px;
}
.sales_box{
	border:1px solid #DCDCDC;
	border-radius:4px;
	min-height:106px;
	margin-bottom:8px;
	padding:6px 8px;
	position:relative;
	padding-top: 8px;
	cursor:pointer;
}
#available .sales_box:before {
    content: "";
    position: absolute;
    margin-left: -14px;
    margin-top: -13px;
    height: 11px;
    width: 11px;
    border-radius: 100%;
    background-color: #7cd020;
	border:1px solid white;
}
#unavailable .sales_box:before {
    content: "";
    position: absolute;
    margin-left: -14px;
    margin-top: -13px;
    height: 11px;
    width: 11px;
    border-radius: 100%;
    background-color: #d90000;
	border:1px solid white;
}
#requested .sales_box:before{
    content: "";
    position: absolute;
    margin-left: -14px;
    margin-top: -13px;
    height: 11px;
    width: 11px;
    border-radius: 100%;
    background-color: #e9991b;
	border:1px solid white;
}
.sales_header{
	line-height:14px;
	font-family:'PT Sans', sans-serif;
	margin-bottom:15px;
	color:#6e6e6e;
}
.sales_header a{
	float:right;
	color:black;
	font-family:'PT Sans', sans-serif;
}
.sales_box h1{
	font-size:14px;
	font-weight:400;
	display:inline-block;
	margin-bottom:10px;
	text-transform:uppercase;
}
.sales_box .net{
	font-size:18px;
}
.date{
	font-family:'PT Sans', sans-serif;
	color:#6e6e6e;
}
.desc{
	color:#969696;
}
.sales_tick{
	background-image:url(images/tick.png);
	background-position:left 0 top 0;
	position:absolute;
	bottom:8px;
	right:8px;
	margin-bottom:0;
	padding-bottom:0;
	width:24px;
	height:24px;
}
.sales_tick.selected{
	background-position:left -24px top 0;
}
.sales{
	margin-bottom:26px;
	margin-top:25px;
}

/*MENU*/
#menu{
	margin-bottom:10px;
}
#menu a:hover{
	color:#d03333;
}
#menu ul{
	list-style:none;
	padding:0;
}
#menu ul li{
	display:inline-block;
	padding:10px 15px;
	font-family:'PT Sans', sans-serif;
	font-size:20px;
	position:relative;
}
#menu ul li.selected:after{
	position:absolute;
	width:35px;
	height:3px;
	border-radius:3px;
	background-color:#d03333;
	content: "";
	bottom:3px;
	left: 0;
	right: 0;
	margin: auto;
}
#mobile_menu{
    position: fixed;
    height: 100%;
    width: calc(100% - 32px);
	right:-100%;
    background-color: #fafafa;
    z-index: 5;
    top: 0;
	padding:16px;

}
#mobile_menu ul{
	text-align:center;
	list-style:none;
	margin-top:14px;
	font-size:24px;
	line-height:1;
}
#mobile_menu ul li{
	text-transform:uppercase;
}
#mobile_menu ul li a{
	width:100%;
	display:inline-block;
	padding:10px 0;
}

/*SALES DETAIL*/
#details_header{
	height:40px;
	margin-bottom:24px;
}
#details_header img{
	transform:translateY(50%);
}
/*BACK HEADER*/
#back_header{
	height:29px;
	margin-bottom:24px;
}
/*STATEMENTS*/
.statement_button{
	background-image:url(images/pdf.png);
	background-size:24px;
	background-repeat:no-repeat !important;
	background-position:center right 8px !important;
	border-radius:4px;
	border: solid 1px #DCDCDC;
	padding: 10px 8px;
	width: calc(100% - 17px);
	margin-bottom:8px;
	text-align:left;
	font-family:inherit;
	font-size:16px;
}
.activity_box{
	border:1px solid #DCDCDC;
	border-radius:4px;
	margin-bottom:8px;
	padding:10px 8px;
	position:relative;
	cursor:pointer;
}
.activity_box h1{
	font-size:16px;
	display:inline-block;
}
.activity_box .available{
	color: #6e6e6e;
	font-family:'PT Sans', sans-serif;
	bottom:4px;
}
.month{
	margin-bottom:16px;
}

/* ALERT */
#alert_txt{
	margin-bottom:4px;
}

/* ACCOUNT */
.account{
	background:white;
	background-image:url(images/next.png);
	background-size:24px;
	background-repeat:no-repeat !important;
	background-position:center right;
	border: none;
	width: 100%;
	margin-bottom:22px;
	text-align:left;
	font-family:inherit;
	font-size:16px;
}

/* USER DETAILS */
.user_detail{
	border:none;
	text-transform:uppercase;
	font-weight:600;
	color:black;
	float:right;
	font-family:'PT Sans', sans-serif;
	background-color:white;
	font-size:16px;
	letter-spacing:0.5px;
	cursor:pointer;
}
/*CHANGE PASSWORD*/
#password_form .user_detail{
	margin-top:24px;
}
/*SUPPORT*/
#faq_txt{
	margin-top:30px;
	margin-bottom:0;
}
.question_container{
	border-bottom:1px solid #d8d8d8;
	padding:16px 0;
}
.question_header,
.question_section_title{
	background-image:url(images/drop-down.png);
	background-size:24px;
	background-position-x:right;
	background-position-y:0;
	background-repeat:no-repeat;
	font-size:18px;
}
.question_section_title{
	font-size:20px;
	border-bottom:1px solid #000;
}
.question_section{
	margin:10px 0;
}
.question_section_questions{
	padding:10px 30px;
}
.up_arrow{
	background-image:url(images/drop-up.png);
}
.question_desc{
	display:none;
	color:#000;
	font-style:italic;
	padding-top:7px;
	font-size:16px;
}
.question_desc span{
	color:#404040;
}
/*PAYMENT INFO*/
#payment_container h1{
	font-size:16px;
	margin-bottom:8px;
}
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 47px;
	height: 21px;
	margin-top:24px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #dcdcdc;
	-webkit-transition: .4s;
	transition: .4s;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
	border-radius:4px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 27px;
	width: 26px;
	bottom: -3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	box-shadow: outset 0 0 3px 0 rgba(0, 0, 0, 0.3);
	border-radius:4px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

input:checked + .slider {
	background-color: #7cd020;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(21px);
	-ms-transform: translateX(21px);
	transform: translateX(21px);
}

#payment_container select{
	border:none;
	float:right;
	margin-top:25px;
	font-family:'PT Sans', sans-serif;
	font-size:14px;
	-webkit-appearance: none;
	-moz-appearance: none;      
	appearance: none;
	background-image:url(images/drop-down.png);
	background-size:24px;
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	text-indent:5px;
}

#payment_container{
	padding-bottom:16px;
	border-bottom:1px solid #DCDCDC;
	margin-bottom:16px;
}

/*POPUPS*/
#popup,
.request_box, 
.alert_filter_box{
	width: 311px;
	background-color: #ffffff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
	position:absolute;
	z-index:3001;
	padding:16px;
	display:none;
	font-size:16px;
	left: 0;
	right:0;
	margin:auto;
	transition:opacity 0.5s;
	box-sizing:border-box;
}
#popup{ 
	overflow-y:auto;
	width: 90% !important;
}
.pop_close_button{
	cursor:pointer;
}
#loading{
	width:200px;
	height:200px;
	margin:0 auto;
	background:url(images/loading.gif);
}
.activity_filter_box label{
	line-height:25px;
}
.request_box h2{
	font-size:14px;
}
.request_box .request_button{
	width:166px;
}
#amount{
	margin-top:20px;
	margin-bottom:8px;
}
.request_box h1, .alert_filter_box h1, .activity_filter_box h1{
	font-size:20px;
	margin-bottom:24px;
	font-weight:600;
	letter-spacing:0.5px;
}
.request_box h2{
	margin-top:4px;
}
.request_box h3{
	font-size:24px;
	margin-bottom:30px;
	font-weight:normal;
}
.request_received{
	display:none;
	width: 311px;
	height: 92px;
	background-color: #ffffff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
	position:fixed;
	top:180px;
	z-index:5;
	padding:16px;
	text-align:center;
	font-size:20px;
	font-weight:600;
	left: 50%;
    transform: translate(-50%, 0);
}
.received_button{
	background-color:white;
	color:black;
	margin-top:26px;
	border:1px solid black;
	box-shadow:none;
}
#blocker,
.darken_bg{
	display:none;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:3000;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
#blocker{
	display:block;
}
.request_box_selected{
	position:fixed;
	bottom:-80px;
	left:0;
	padding:16px;
	height:70px;
	width:calc(100% - 32px);
	background-color: #fafafa;
	box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.15);
	transition:bottom 0.3s;
}
.request_box_selected.visible{
	bottom:0;
}
.request_box_selected img{
	transform: translateY(40%);
}
.request_box_selected_txt{
	margin-left:16px;
}
.alert_filter_box h2,
.activity_filter_box h2{
    margin-bottom: 8px;
    margin-top: -5px;
    font-size: 14px;
}
.alert_filter_box input[type=checkbox], .activity_filter_box input[type=checkbox]{
	margin-bottom: 16px;
}
.alert_filter_box input[id='FinanceHelp'], .activity_filter_box input[id='SaleReceived']{
	margin-bottom:0;
}
.activity_filter_box h2{
	margin:5px 0;
}
.currency_box{
	font-size:16px;
	color:#969696;
	font-weight:600;
	letter-spacing:0.5px;
	text-transform:uppercase;
}
.currency_box .selected{
	color:black;
}
.currency_box ul{
	list-style:none;
	padding:0;
}
.currency_box ul li{
	margin-bottom:22px;
	cursor:pointer;
}
.currency_box ul li.selected{
	cursor:default;
}
.currency_box ul li:last-child{
	margin-bottom:0;
}
.language_box{
	overflow-y:auto;
}
#payment_container h3{
	font-weight:normal;
	font-size:14px;
	float:right;
	margin-top:26px;
	background-image:url(images/drop-down.png);
	background-size:24px;
	background-repeat:no-repeat;
	background-position:right;
	padding-right:35px;
}
.frequency_box{
	top:250px;
}
.search_show{
	cursor:pointer;
}
.search_box{
	display:none;
	background-color: white;
	position: absolute;
	top: -17px;
	width:100%;
	font-size:16px;
}
.search_box input{
	width:calc(100% - 76px);
	margin-bottom:0;
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	background-size:24px;
	background-position: 8px center;
	text-indent:32px;
	-webkit-appearance: searchfield;
}
.search_box a{
	float:right;
	line-height:42px;
}
.invalid{
	border-color:#ff3300 !important;
}

/* Approved Users */

.approved_user{
	min-height:25px;
	
}
.approved_user span{
	color:#888;
	font-style:italic;
}
.sales_area.hidden{
	display:none;
}
.uppercase{
	text-transform:uppercase;
}


/* Register */

.register_fields{
	/* width:40%; */
	/* margin-top:40px; */
}
#register_welcome_text{
	width:65%;
}


/* Register pages*/

#regsiter_menu {
	position: relative;
	background: #222222;
	padding: 8px 0 0 8px;
}
#regsiter_menu:after {
	content: " ";
	max-width: 650px;
	width: 100%;
	height: 1px;
	background: #DCDCDC;
	position: absolute;
	left: 0;
	bottom: 2px;
	display: none;
}
#regsiter_menu a {
	color: white;
}
#regsiter_menu ul li {
	background: #969696;
	margin-left: 4px;
}
#regsiter_menu ul li:first-of-type {
	margin-left: 0;
}
#regsiter_menu ul li.selected {
	background: #fafafa;
}
#regsiter_menu li.selected a {
	color: #969696;
}
.register-container {
	margin-bottom: 40px;
	display:flex;
	justify-content: space-between;
	padding:0 24px;
}
.register_fields input,
.register_fields select {
	width: 100%;
	height: 40px;
}
.register_fields{
	margin-top: 40px;
	width: 40%;
}
.required-box {
	margin-top: 40px;
}
.register_right{
	max-width:336px;
	display:flex;
	flex-direction: column;
	align-items: flex-start;
}
.required-box {
	margin-left: 0;
	float: right;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
	border: solid 1px #f6f6f6;
	border-radius: 4px;
	padding: 15px 16px;
	line-height: 1.5;
}
.required-box-title {
	color: #6e6e6e;
	margin-bottom: 6px;
}
.required-box-description {
	margin-bottom: 9px;
}
.required-dot {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("./images/pending16.png") no-repeat 50% 50%;
	vertical-align: middle;
	/* background-size: cover; */
}
.required-box-button {
	font-size: 16px;
	font-weight: 600;
	color: black;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid black;
	border-radius: 4px;
	display: inline-block;
	padding: 8px 16px;
	margin-top: 16px;
	cursor: pointer;
	transition: color 0.3s ease;
}
.document_requirement_outer{
	width:100%;
}
.documents_title{
	color: #6E6E6E;
	font-weight: 300;
	font-size: 14px;
	padding-left:15px;
	margin-bottom: 12px;
}
.document_requirement{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom: 1px solid #DCDCDC;
	width:100%;
	font-weight: 600;
	font-size: 14px;
	color: #404040;
	display:flex;
	position:relative;
}
.document_pdf_word{
	background: #08A6B4;
	border-radius: 3px;
	color: #F7F7F7;
	font-weight: 600;
	font-size: 14px;
	display:inline-block;
	height:100%;
	margin-right: 8px;
	padding:0 2px;
}
.document_pdf_jpeg{
	background: #0C5258;
	border-radius: 3px;
	color: #F7F7F7;
	font-weight: 600;
	font-size: 14px;
	display:inline-block;
	margin-right: 8px;
	height:100%;
	padding:0 2px;
}

/* Questions pop */
.question_mark{
	position:absolute;
	left:-30px;
	top:calc(50% - 16px);
	border:1px solid #000000;;
	color:#000000;
	text-align: center;
	border-radius: 50%;
	width:22px;
	height:22px;
	line-height:22px;
	cursor:pointer;
	transition:all .2s;
}
.question_mark span{
	display:none;
}
.question_mark.selected,
.question_mark:hover{
	border-color:#08a6b4;
	color:#08a6b4;
}

.question_tooltip{
	background: #FFFFFF;
	border: 1px solid #EFF0F0;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	border-radius: 4px;
	position:absolute;
	width:196px;
	min-height:64px;
	z-index:10;
	padding:12px 20px;
	font-size: 14px;
	line-height: 21px;
	color: #3D4343;
}
.question_tooltip:before{
	width:12px;
	height:20px;
	content:"";
	background-image:url(images/tooltip_arrow_left.svg);
	position:absolute;
	top:calc(50% - 10px);
	transform:rotate(180deg);
	right:-12px;
}
.question_tooltip.left:before{
	background-image:url(images/tooltip_arrow_left.svg);
	transform:rotate(0deg);
	right:auto;
	left:-12px;
}

.input-container {
	position: relative;
}
.input-container span {
	background-color:#e9991b;
	border:1px solid #fff;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 12px;
	right: -5px;
	/* top: 10px;
    right: 9px; */
	opacity: 1;
}
.input-container.no-label span {
	top:-5px;
}
.input-container span.completed{
	background-color:green;
}
.required-field,
#data_protection + label,
.credit-application {
	position: relative;
}
.required-field:before,
#data_protection + label:after,
.credit-application`:after {
	content: " ";
	background: url("./images/pending16.png") no-repeat 50% 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -1px;
	right: 3px;
}
#data_protection + label:after {
	top: -20px;
    right: -169px;
}
.credit-application:after {
	top: -8px;
	right: -9px;
}
.outlet-container,
.director-container,
.bank-container {
	margin-bottom:40px;
}
.director-container .tabs:after,
.outlet-container .tabs:after,
.bank-container .tabs:after {
	content: " ";
	clear: both;
	display: block;
}
.director-container .tabs > span,
.outlet-container .tabs > span,
.bank-container .tabs > span {
	float: left;
	cursor: pointer;
	margin-bottom: 7px;
	opacity: 0.7;
	font-size: 14px;
	font-weight: 300;
	font-family:'PT Sans', sans-serif;
	display:block;
	line-height:1;
	color:#6e6e6e;
	transition: color 0.3s ease;
	padding:5px;
	border-bottom:2px solid transparent;
}

.director-container .tabs span:hover,
.outlet-container .tabs span:hover ,
.bank-container .tabs span:hover,
.director-container .tabs span.selected,
.outlet-container .tabs span.selected,
.bank-container .tabs span.selected {
	color: #d03333;
	border-bottom:2px solid #d03333;
}
.bank-details {
	font-style: italic;
}

/* Dropdown */

.ui-selectmenu-menu {
	z-index: 3001;
}

.director-content span.ui-selectmenu-button,
.outlet-content span.ui-selectmenu-button,
.bank-content span.ui-selectmenu-button,
.register_fields span.ui-selectmenu-button {
	width: 100%;
	top: auto;
	padding: 0.75em 1em;
	border: 0;
	border: solid 1px #969696;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
	color: black;
}
.register_fields span.ui-selectmenu-button.invalid {
	border: 1px solid #ff3300 !important;
}
.ui-selectmenu-menu ul,
.ui-selectmenu-menu ul,
.register_fields .ui-selectmenu-menu ul {
	height: 200px;
}
.ui-selectmenu-button span,
.register_fields .ui-selectmenu-button span {
	top: auto;
}
/* Dropdown */

.director-container .director,
.outlet-container .outlet,
.bank-container.bank {
	display: none;
}
.director-container .director.active,
.outlet-container .outlet.active,
.bank-container .bank.active {
	display: block;
}
.success-div,
.flex-div {
	border: solid 1px #dcdcdc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	align-items: center;
	cursor: pointer;
}
.success-div{
	cursor:default;
}
.flex-div span,
.success-div span,
.flex-div span {
	display: block;
	width: 40px;
	height: 40px;
}
.add-director span,
.add-outlet span,
.add-bank span,
.application_box span,
.plus_icon {
	background: url("./images/add.png") no-repeat 50% 50%;
}
.application_box.uploading span {
	background: url("./images/loading_small.gif") no-repeat 50% 50%;
}
.success-div span {
	background: url("./images/grey_success.svg") no-repeat 50% 50%;
}
.success-div span.selected {
	background: url("./images/green_success.svg") no-repeat 50% 50%;
}
.download-document span {
	background: url("./images/download.png") no-repeat 50% 50%;
}
.application-submit span {
	background: url("./images/in-progress.png") no-repeat 50% 50%;
}
.application-contract span,
.application-documents span {
	background: url("./images/clock.png") no-repeat 50% 50%;
}
.lighter-font div {
	font-size: 16px;
	line-height: 1.5;
	color: #969696;
	
}
.success-div {
	background: #fafafa;
}
.border-none {
	border: 0;
}
.success-div div,
.credit-application div,
.download-document div {
	font-size: 16px;
	line-height: 1.5;
	color: #404040;
}
.download-document + .download-document {
	margin-top: 18px;
}
label.margin-bottom {
	margin-top: 3px;
}
div.margin-bottom {
	margin-bottom: 18px;
}
.add-director div,
.add-outlet div {
	color: #969696;
}
.page-account-details,
.page-company-detail,
.page-document,
.page-application-process {
	width: 100%;
}
.remove_button{
	margin-top:5px;
	color:#888;
	font-style:italic;
}
.remove_button span{
	cursor:pointer;
}
.remove_button span:hover{
	text-decoration:underline;
}
#outlet_1 .remove_button,
#director_1 .remove_button{
	display:none;
}

/* Dropzone override */

.dz-preview{
	display:none;
}
.plus_icon, .minus_icon{
	min-width: 50px;
	min-height: 50px;
}
.minus_icon{
	background: url("./images/x.svg") no-repeat 50% 50%;
}

/* Alert */

#blocker{
	position:fixed;
	z-index:3000;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	content:" ";
}
#alert{
	padding:20px;
	background-color:#fff;
	z-index:3001;
	position:fixed;
	font-size:16px;
	width:calc(100% - 80px);
	max-width:300px;
	box-shadow:0 0 6px -2px #333;
	border-radius:3px;
}
#alert #alert_content{
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:2px;
}
#alert #alert_buttons{
	margin-top:20px;
}
#alert button, #alert input[type='submit']{
	background:#d03333;
	color:white;
	border:none;
	height:32px;
	min-width:80px;
	padding:4px 8px;
	box-sizing:border-box;
	text-transform:uppercase;
	font-weight:600;
	font-family:'Overpass', sans-serif;
	font-size:16px;
	line-height:26px;
	cursor:pointer;
}

/* BLA Page */

#bla_page #requested .sales_box::before {
	content: "";
	display: none;
}

.payment::after {
	content: "";
	display: block;
	clear: both;
}

.payment > div:first-of-type {
	margin-right: 20px;
}

#invoice {

}

#bla_request_error{
	color:#900;
	margin-bottom:10px;
}


#request_payment input,
#request_payment select,
#request_payment .ui-selectmenu-button {
	padding-top: 10px;
	padding-bottom: 10px;
}

#request_payment input {
	margin-bottom: 0;
	font-size: 14px;
}

#request_payment input[disabled] {
	padding: 0;
	border: none;
	background-color: transparent;
	color: #404040;
	box-shadow: none;
}

#request_payment select,
#request_payment .ui-selectmenu-button {
	width: 100%;
	border: solid 1px #969696;
	background-color: #fff;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
	font: 14px 'PT Sans', sans-serif;
}
.request_confirmed {
	padding: 20px;
	border: 2px solid #d13138;
	border-radius: 4px;
	background-image: url('images/close.png');
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 22px;
	position: fixed;
	bottom: 10px;
	width: 50%;
	background-color: #fff;
	left: 25%;
	display:none;
}
.request_confirmed::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 10px;
	border-bottom: 2px solid #404040;
	border-left: 2px solid #404040;
	margin-right: 20px;
	transform: rotate(-45deg);
}
#estimated_finance_charges{
	line-height:21px;
	font-size:14px;
}
.bla_fileBlock{
	padding:5px 0 0 0;
}
.bla_addAnother{
	margin-bottom:20px;
	cursor:pointer;
}
.bla_addAnother:hover{
	font-weight:600;
}
.bla_fileBlock:first-of-type .bla_remInvoiceItem{
	display:none;
}
.bla_remInvoiceItem{
	color:#900;
	font-size:12px;
	cursor:pointer;
	padding-left:10px;
}
.bla_remInvoiceItem:hover{
	text-decoration:underline;
}
input.invoiceFile{
	width:275px;
}
#request_pending_upload{
	padding:30px;
}
th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
    display: none;
}
#bla_estimatedCalcButton{
	min-width:10px;
}

#support_form textarea{
	width:100%;
	height:200px;
}
.pad10{
	padding:10px;
}

/* TABLE */

table {
	width: 100%;
}
tr {
	height: 48px;
}
tr:nth-child(2n) {
	background: #f7f7f7;
}
tr th {
	font-size: 14px;
	color: #616b6b;
	font-weight: normal;
	padding: 9px 16px;
	background-color: #e6e6e6;
}
tr td {
	font-size: 17px;
	color: #2b2b2b;
	font-family: 'PT Sans', sans-serif;
	padding: 9px 16px;
}
tr th,
tr td,
tr.total td:nth-child(2) {
	text-align: right;
}
tr.total td:nth-child(2) {
	padding-right: 0;
}
tr th:first-child,
tr th:nth-child(2),
tr td:first-child,
tr td:nth-child(2) {
	text-align: left;
}
tr.total td {
	font-family: 'PT Sans', sans-serif;
	color: #3d4343;
	font-weight: 600;
}
/* HOME */
#home_bg{
	background-image:url(images/bg2022.jpg);
	background-size:cover;
	background-position:center;
	display:flex;
	position:relative;
	align-items:center;
	justify-content:center;
	height:calc(100vh - 100px);
}
#home_box{
	text-align:center;
	padding:40px;
	font-size:22px;
	color:#fff;
}	
#home_box p{
	margin-bottom:10px;
}
#home-advert-box{
	position:absolute;
	top:10px;
	right:10px;
	padding:10px;
	background-color:rgba(255,255,255,.75);
}
/* USER MENU */
.logged_in_person {
	font-size: 16px;
	cursor: pointer;
	padding: 8px 38px 8px 8px;
	background:#000;
	border-radius: 4px;
	color:#fff;
	position:relative;
}
.logged_in_person.open {
	border-radius: 4px 4px 0 0;
}
.logged_in_person.open .logged_in_menu {
	display: block;
}
.logged_in_person .icon {
	transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
	position:absolute;
	right:5px;
	top:5px;
}
.logged_in_person.open .icon {
	transform: rotate(180deg);
	top:3px;
}
.logged_in_menu {
	background: #000;
	border-radius: 0 0 5px 5px;
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	z-index: 10;
	display: none;
	list-style:none;
}
.logged_in_menu a,
.back_to_overview a {
	display: block;
	padding: 8px;
	transition: background 0.3s ease;
	color:#fff;
}
.logged_in_menu a:hover {
	background: #fff;
	color:#000;
}
.button-container {
	position: relative;
	padding-left: 194px;
}
.scheduled_dates table{
	display:none;
}
.scheduled_dates div:hover{
	text-decoration:underline;
	cursor:pointer;
}
.scheduled_dates.open table{
	display:table;
	margin-top:8px;
}
.scheduled_dates img{
	position:relative;
	top:5px;
}
.scheduled_dates.open img{
	transform:rotate(180deg);
}
.sales_box.clickable{
	cursor:pointer;
}
.sales_box.clickable:hover{
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.sales_repayment_box{
	width:calc(100% - 40px);
	margin:15px auto 45px auto;
	display:none;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.show_repayment{
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.show_repayment + .sales_repayment_box{
	display:block;
}
.sales_repayment_box tr{
	height:auto;
}
.sales_repayment_box tr th,
.sales_repayment_box td{
	padding:4px;
}
table tr.clickable_tr:hover{
	background-color:#eee !important;
	cursor:pointer;
}