/* 
 0.1 	- CLEARFIX
 0.2	- General helpers

 1.11 	- Loader Overlay Mask
 1.2 	- Typography
 1.3	- Icons

 4.1	- List Views (Paginator Views)
 4.1.1	- List Filter

 5.0	- FIRST PAGE

 5.3 	- COMPANY DOCUMENTS
 5.3.1 	- COMPANY DOCUMENTS - REJECT DIALOG
 5.4 	- PRICING

 5.7	- BANK VERIFICATION
*/

/* 0.1 - CLEARFIX */
.clearfix:after, ul:after, #header:after, #menu:after, section:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .clearfix, * html ul, * html #header, * html #menu, * html section { zoom: 1; } /* IE6 */
*:first-child+html ul,
*:first-child+html #header,
*:first-child+html #menu,
*:first-child+html section,
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* 0.2 - General helpers */
	.fa-1x {font-size: 1em !important}
	.fa-1_25x {font-size: 1.25em !important}
	.fa-1_5x {font-size: 1.5em !important}
	.fa-1_75x {font-size: 1.75em !important}
	.fa-2x {font-size: 2rem !important}
	.fa-2_5x {font-size: 2.5rem !important}
	.fa-3x {font-size: 3rem !important}
	.fa-4x {font-size: 4rem !important}
	.font-weight-bold {font-weight: 700!important;}
	.font-weight-normal {font-weight: 400!important;}
	.hide {display: none !important; visibility: hidden !important;}
	table.no-hover tbody tr:hover td, table.no-hover tbody tr:hover + tr td {
		background-color: transparent !important;
		border-color: #DDD !important;
		color: inherit !important;
		}
	
	.px-2 {padding-left: 1.5em !important; padding-right: 1.5em !important;}
	.pb-0_5 {padding-bottom: .5em !important}
	.pb-2, .py-2 {padding-bottom: 1.5em !important}
	.pt-0 {padding-top: 0 !important}
	.pt-0_5 {padding-top: .5em !important}
	.pt-2, .py-2 {padding-top: 1.5em !important}
	.p-7 {padding: 4em !important}
    .p-0 {padding: 0 !important}
	.p-1 {padding: 1rem !important}
	.p-2 {padding: 1.5rem !important}
	.mb-0 {margin-bottom: 0 !important}
	.mb-0_5 {margin-bottom: .5rem !important}
	.mb-1, .my-1 {margin-bottom: 1em !important}
	.mb-3, .my-3 {margin-bottom: 2em !important}
	.mb-5 {margin-bottom: 3em !important}
	.my-3 {margin-top: 2em !important}
	.mt-0 {margin-top: 0 !important}
	.mt-0_5 {margin-top: .5em !important}
	.mt-1, .my-1 {margin-top: 1em !important}
	.mt-2 {margin-top: 1.5em !important}
	.mt-5 {margin-top: 3em !important}
	.ml-0_5 {margin-left: .5em !important}
	.ml-1 {margin-left: 1em !important}
	.mr-0_25 {margin-right: .25em !important}
	.mr-0_5 {margin-right: .5em !important}
	.mr-1 {margin-right: 1em !important}
	.mr-1p {margin-right: 1% !important}
	.mr-2p {margin-right: 2% !important}
    .m-1 {margin: 1em !important}
	.my-2 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important}
	.w-15p {width: 15%}
	.w-24p {width: 24%}
	.w-33p {width: 33%; min-width: 150px;} /* used on jquery ui date pickers */
	.w-42p {width: 41%}
	.w-49p {width: 49%}
	.w-74p {width: 74%}
	.w-99p {width: 99%}
	.w-100p {width: 100%}
	.text-center {text-align: center !important}
	.br-4px {border-radius: 4px !important}
	.clear-float {clear: both !important}
	.text-secondary {color: #333 !important}
	.text-s2p-blue {color: #31b0d5 !important}

	/* extend Bootstrap 3.3.6 with Bootstrap 5 classes */
	.text-white {color: #FFF !important}
	.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}

	.d-flex{display:flex!important}
	.d-inline-block{display:inline-block!important}
	.d-inline-flex{display:inline-flex!important}
	.justify-content-between {justify-content: space-between !important;}
	.justify-content-start {justify-content: start !important;}
	.justify-content-end {justify-content: end !important;}
	.justify-content-center {justify-content: center !important;}
	.justify-content-around {justify-content: space-around !important;}
	.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}

    .flex-1 {flex: 1;}
    .flex-row-column {flex-direction: row;}
    .flex-column {flex-direction: column;}
    .flex-gap-20 {gap: 20px;}
    .h-100 {height: 100%;}
    .m-2px {margin: 2px;}

    @media screen and ( max-width: 1024px ){
        .flex-row-column {flex-direction: column;}
        .flex-gap-20 {gap: 0;}
    }
	
	.btn-disabled-wrapper {
		display: inline-block;
    	padding: 0.5em;
	    margin-left: -0.5em;
		}

/*--- 0.5 - General Layout ----*/	
	#content a.fa:hover {text-decoration: none !important}
	.icons-wrapper {width: 6rem; margin: 0 auto; padding-top: .25rem; text-align: right;}
	/* tables with vertical align middle: */
	.s2p_companies_admin_companies_verifications_progress_report .list_container table td {
		vertical-align: middle !important;
		}

/*--- 1.11 - Loader Overlay Mask - START ------------------------*/
#main_submit_protection {
	display: none; 
	position: fixed; top: 0px; left: 0px; 
	width: 100%; height: 100%;
	z-index: 10000;
	}
	#main_submit_protection .mask {
		width: 100%; height: 100%; 
		background: #333; 
		opacity: 0.75; 
		}
	.loader_container {
		width: 100%; height: 100%;
		position: absolute; left: 0; top: 0;
		}
		#main_submit_protection_loading_content {
			margin: 13% auto 0 auto; 
			text-align: center;
			/*width: 10em;*/
			}

		/* CSS loader - START */
		.loader-3_container {
			margin: 0 auto;
			width: 13em;
			height: 13em;				
			}
			.loader-3 {
				font-size: 1em;
				position: relative;
				text-indent: -9999em;
				border-top: 0.7em solid rgba(255, 255, 255, 0.3);
				border-right: 0.7em solid rgba(255, 255, 255, 0.3);
				border-bottom: 0.7em solid rgba(255, 255, 255, 0.3);
				border-left: 0.7em solid #0998a5;
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				-webkit-animation: load8 1.1s infinite linear;
				animation: load8 1.1s infinite linear;
				}
			.loader-3,
			.loader-3:after {
				border-radius: 50%;
				width: 13em;
				height: 13em;
				}
			@-webkit-keyframes load8 {
				0% {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
					}
				100% {
					-webkit-transform: rotate(360deg);
					transform: rotate(360deg);
					}
			}
			@keyframes load8 {
				0% {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
					}
				100% {
					-webkit-transform: rotate(360deg);
					transform: rotate(360deg);
					}
			}
		/* CSS loader - END */
			
			#main_submit_protection_message {
				color: #FFF;
				font-size: 1.5em;
				position: relative;
				top: -4.9em;
				text-shadow: 1px 1px 0 #666;
				}
			#main_submit_protection_extr_msg {					
				position: relative;
				top: -1em;
				}
				#main_submit_protection_extr_msg > div {
					color: #CCC;
					max-width: 22em;
					margin: 0 auto;
					text-shadow: 1px 1px 1px #222;						
					}
					#main_submit_protection_extr_msg > div a {
						color: #FFF;
						font-weight: bold;
						text-decoration: underline;
						}
/*--- 1.11 - Loader Overlay Mask- END---------------------------*/

/*--- 1.2 - Typography - START -------------------------------- */
h1, h2, h3, h4 { color:#2679B5; margin: 0; font-family: inherit; text-rendering: optimizelegibility; font-weight: lighter; font-weight: bold}
h4 { font-weight: normal }
h1, .h1 { font-size: 28px; line-height: 36px; }
h2, .h2 { font-size: 24px; line-height: 28px; }
h3, .h3 { font-size: 20px; line-height: 24px; }
h4, .h4 { font-size: 18px; line-height: 20px; }

p, ol, ul { margin-bottom: 1em; font-size: 14px; line-height: 1.5em; }
/*
ul,ol { margin: 0 0 1.5em -24px; padding: 0 0 0 24px; }
li ul, li ol { margin: 0; font-size: 16px; }
*/
h1 > i, h2 > i, h3 > i, h4 > i {font-size: 1.5em !important}

label .fa.fa-question-circle,
.lineform_line .fa.fa-question-circle,
label .fa.fa-times-circle,
.lineform_line .fa.fa-times-circle{
	text-decoration: none;
	}

/*--- 1.2 - Typography - END -------------------------------------*/

/*--- 1.3 - Icons - START ----------------------------------------*/
.fa-input {
  font-family: FontAwesome, sans-serif;
}
/*--- 1.3 - Icons - END ------------------------------------------*/

/*--- 1.5 - Page Layout - START ----------------------------------*/
#content { min-height: 100vh }
.login_container {
	position: relative;
    top: 50vh;
    transform: translateY(-70%);
	}
	.heading-bordered.d-flex > h3 {
		display: flex;
		align-items: end;
		}
/*--- 1.5 - Page Layout - END ------------------------------------*/

/*--- 4.1 - List Views - START -----------------------------------*/
	.phs_paginator_action #main_content{
		max-width: 85%;
		}
	.admin.phs_paginator_action #main_content{ 
		max-width: 97%;
		}
		.phs_paginator_action.contacts_list #main_content,
		.phs_paginator_action.addresses_list #main_content {
			min-width: 75em;	
			}

	.mandatory::after { color: red; content: "*"; }

	#login_frm label { font-size: 12px !important; text-shadow: none !important; }

	.fixskin .jqcheckbox-checkbox, .fixskin .jqcheckbox-radio { float: left; margin: 0 5px; }
	.fixskin label { width: inherit !important; }

	.lineform, .lineformwide { vertical-align: middle; line-height: 18px; }
	.lineform label { width: 150px !important; line-height: 29px !important; float: left; }
	.lineformwide label { width: 350px !important; float: left; }
	.lineform label, .lineformwide label { word-break: break-all; }
	.lineform_line { margin-left: 15em !important; }
	.lineformwide_line { margin-left: 350px !important; }
	/* -> from s2p_default\styles.css: *//*
		@media screen and ( max-width: 550px ){
			.lineform_line { margin-left: 0 !important; clear: left; }
		}
		.lineformgroup { border-left: 1px solid #eeeeee; padding-left: 5px; }
	*/
	.list_filters_container,
	.list_container {}
/*--- 4.1 - List Views - END -------------------------------------*/

/*--- 4.1.1 - List Filter - START --------------------------------*/
[id^="paginator_filters"].container-fluid { padding: 0 }
.list_filters_container .form_container {
	padding: 2em;
	background-color: #F0F0F0;
	margin-bottom: 1.5em;
	}
	.list_filters_container .heading-bordered {
		}
	.list_filters_container #paginator_list_form_inputs {
		}
		.list_filters_container fieldset {}
		.paginator_filter {}
		.paginator_filter a:hover { text-decoration: none; }
			.paginator_filter label {
				word-break: break-all;
				}
			.paginator_input { 
				vertical-align: middle;
				min-height: 35px;
				}
/*--- 4.1.1 - List Filter - END ----------------------------------*/

/*--- 5.0 - FIRST PAGE - START -----------------------------------*/
	.first_page {
		width: 40em;
		padding-bottom: 2em;
		}
		.first_page > h5, .first_page > h3 {
			word-break: break-all;
		}
	.boarding_status {
		margin: 1em 0 0;
		padding: 1em 0 0;
		font-size: 1.2em;
		}
		.boarding_status > h3 > span.label {
			line-height: 2;
		}
		.boarding_status > ol {
			padding-left: 1.3em;
			margin-top: 1em;
			}
		.boarding_status > ol li {
			padding: 1em 0 0.6em;
			color: #660096;
			font-size: 1.1em;
			font-weight: bold;
			}
			.status_row {
				color: #333;
				font-weight: normal;
				}
				.status_row > a {
					color: #555;
					position: relative;
					}
				.status_row > a:hover, 
				.status_row > a:active {
					color: #000;
					text-decoration: none;
					}
			.status_row > a:after, #menu a:not(li ul a):after {
				position: absolute;
				left: 50%;
				bottom: -5px;
				content: '';
				height: 2px;
				width: 0;
				background: #ff4a5c;
				transition: all 0.15s linear;
				}
			.status_row > a:hover:after, #menu a:hover:after,
			#menu a.s2p_selected:after, #menu a.s2p_selected:hover:after {
				width: 100%;
				left: 0px;
				}


				.boarding_status > ol li i {
					cursor: pointer;
					font-size: 1.6em;
					margin: 0 0.25em;
					vertical-align: middle;
					position: relative;
					top: -0.1em;
					}
				.steps_counter {
					display: inline-block;
					color: #660096;
					letter-spacing: -0.08em;
					margin-left: 0.1em;
					font-weight: bold;
					}
				.step_description {
					color: #AAA;
					font-size: 80%;
					}
				.status_row:hover .step_description {
					color: #777;
					}
/*--- 5.0 - FIRST PAGE - END ----------------------------------------*/ 

/*--- 5.2 - COMPANY DETAILS - START ---------------------------------*/
	#company_details_form label {
		font-weight: normal;
		}
	#company_details_form .subheading-bordered > h4 {
		font-weight: bold;
		}
/*--- 5.2 - COMPANY DETAILS - END -----------------------------------*/

/*--- 5.3 - COMPANY DOCUMENTS - START ----------------------------*/
	#company_documents_form .column_title .docs_subtitle {font-size: 95%}
	#company_documents_form .form_container {}		
		
		#company_documents_form .container {
			width: auto !important;
			}
			.row.company_row {
				margin: 0 -15px 1em -15px;
				width: auto;
				}
				.company_label {}
				.company_name {}
			.row.column_title {
				border-bottom: 1px dotted #999;
				text-align: center;
				}
				.docs_title {
					line-height: 3.5rem;
					}
					.docs_title > i {
						color: #3c763d;
						font-size: 1.9em;
						margin-left: 0.2em;
						position: relative;
						bottom: -0.15em;
						cursor: pointer;
						}
					.docs_title > i.docs_done 		{ color: #999; }
					.docs_title > i.docs_finished 	{ color: #3c763d; color: #5cb85c; }
					.docs_title > i.docs_pending 	{ color: #999 }
					.docs_title > i.docs_rejected	{ color: #d9534f }
				.docs_subtitle {
					font-size: 80%;
					color: #999;
                    font-weight: normal;
                    line-height: 1.75rem;
					}
			.row.docs_section {
				background-color: #EEE;
				border-top: 1px solid #CCC;
				border-bottom: 1px solid #CCC;
				text-align: center;
				padding: 1em 0;
				margin: 1em -15px 1em -15px;
				}
			.row.documents {}
				.row.documents ul,
				.row.documents ol {
					padding-left: 1em;
					margin: 0.5em 0;
					color: #AAA;
					}
					.row.documents .disclaimer ul {
						color: #000;
						} 
                    .row.documents div > ol > li {
                        margin: 0 0 2em 0;
                        border: 1px solid #DDD;
                        border-radius: 1rem;
						width: 100%;
                        }
					.docs_no_merch_agree .row.documents div > ol > li  {
                        float: left;
                        width: 47%;
                        min-height: 19rem;
                        margin-right: 6%;
						}
                    .docs_no_merch_agree .row.documents ol > li:nth-child(2n) {
                        margin-right: 0;
                        }
                        .row.documents ol > li::marker {
                            font-size: 2rem;
                            font-weight: bold;
                            }

						.document_title {
							color: #555;
							font-weight: bold;
							font-family: "Segoe UI", Helvetica, Arial, Verdana, sans-serif;
							}
                        .docs_no_merch_agree div > ol > li > .document_title {
                            min-height: 6.5rem;
                            }
						.document_info_container {
							margin-top: 0.5em;
							padding: 0.36em;
							position: relative;
							color: #999;
							-webkit-transition: border-width 0.05s ease;
							transition: border-width 0.05s ease;
							}
						.document_info_container.mouse_on {
							outline: 0.2em solid #999;
							background-color: #F0F0F0;
							}
							input.btn_browse {
								margin-top: 0.5em;
								}
                            .row.documents input.btn_browse {
                                padding: 1rem;
                                background-color: #F6F6F6;
                                border: 1px dotted #aaa;
                                width: 100%;
								transition: all .15s ease-in-out;
                                }
                            .row.documents input.btn_browse:hover {
                                background-color: #E6E6E6;
								border: 1px solid #333;
								color: #333;
								}
                            .row.documents input.btn_browse::placeholder {
                                color: red;
                                }


							.doc_title_size_container {
								overflow-wrap: break-word;
								margin-top: 0.3em;
								}
								.doc_title_size_container > i {
									margin-right: 0.4em;
									background-color: #FFF;
									color: #555;
									font-size: 115%;
									}
								.doc_title_size_container > a {}
							.status_container {
								margin-top: 0.5em;
								}
                                .status_label,
                                .status_container > label,
                                .status_text,
                                .status_container > div,
								.status_container > div input {
                                    display: inline;
                                    }
								.status_label,
                                .status_container > label {
                                    margin: 0 0 1rem 0;
									}
									.status_label:after,
                                    .status_container > label:after {
										content: ':';
										}
								.status_text,
                                .status_container > div {
									color: #AAA;
									}
								.status_date {padding-left: 0.5em;}
								.reject_reason {}
									.reject_label {
										margin-right: 0.5em;
										}
										.reject_label:after {
											content: ':';
											}
									.reject_text {
										color: #555;
										}
							.btn_doc_delete_wrapper {
								display: flex;
								justify-content: end;
							}
								.btn_doc_delete {}
							.btn_doc_actions {
								margin-top: 0.5em; 
								}
								.btn_doc_actions > a,
								.btn_doc_delete > a {
									}
								.btn_doc_actions > a > i {
									font-size: 1.2em;
									}

					.row.documents ul ul,
					.row.documents ol ul {
						margin: 1em 0 0 0;
						padding-left: 2em;
						list-style-type: disc;
						}
						.row.documents ul ul > li,
						.row.documents ol ul > li {
                            margin-bottom: 2rem;
                        }
						
				/* Smart2Pay docs */
				.doc_s2p_helper {}
					.contract_preview {
						/* font-size: 1.5em; */
						}
						.contract_preview > i {
							margin-right: .25em;
						    margin-bottom: 9px;
							}
					.disclaimer {
						background-color: #d9edf7;
						border: 0.1em dotted #31708f;
						padding: 1em;
						margin-top: 1em;
						position: relative;
						border-width: 0.1em 0.1em 0.1em 3em;
						border-left-style: solid;
						}
					.disclaimer:before {
					    color: #fff;
						display: inline-block;
						font: 2.5em/1 FontAwesome;
						left: -1.03em;
						position: absolute;
						text-rendering: auto;
						top: 0.17em;
						content: "\f06a";
						/*
						background-color: #d9edf7;
						border-color: #31708f;
						color: #31708f;
						*/
						}
						.doc_s2p_helper ul {}
							.row.documents .doc_s2p_helper ul > li {
								margin: 0.5em 0;
								color: #31708f;
								}

	.offline-contract {
		border: 1px dotted #999;
		border-radius: 1em;
		background-color: #EEE;
		}

/*--- 5.3 - COMPANY DOCUMENTS - END ----------------------------*/

/*--- 5.3.1 - COMPANY DOCUMENTS - REJECT DIALOG - START --------*/
	#reject_doc_form {}
		.reject_actions {
			text-align: right;
			margin-top: 0.5em;
			}
			#do_reject_doc {
				margin-left: 0.7em;
				}
				#do_reject_doc i {
					font-size: 1.2em;
					}
		.rejection_helper {
			color: #777;
			}
/*--- 5.3.1 - COMPANY DOCUMENTS - REJECT DIALOG - END ----------*/

/*--- 5.4 - PRICING - START ------------------------------------*/
	.region_filters_container .region_title_common { border: 1px solid transparent }
	.region_filters_container .region_title_active { text-decoration: none !important; font-weight: bold; border: 1px solid #000; }
	.region_title_common { padding:10px; margin:0 10px; cursor:pointer; text-decoration: none; }
	.region_filters_container > div { float: left }
/*--- 5.4 - PRICING - END --------------------------------------*/

/*--- 5.7 - BANK VERIFICATION - START --------------------------*/
	.s2p_obv_index_bank_verification {}
/*--- 5.7 - BANK VERIFICATION - END ----------------------------*/

/* move to messages when migrating from each theme */
#messages-summary-new-count {font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: bold}

/* ADMIN */
#menu-live-filter input {opacity: .6; background: #000; border-color: #AAA; color: #FFF}
#menu-live-filter input:focus {opacity: .75}