.default_text {
	
	color:var(--default-white);
	font-size: 16px;
	font-weight: 400;
	font-family: 'Montserrat';

}


.main_view {
	padding: 0 0 0 0;
	flex: 0 1 100vw;
	display: flex;
	margin: 0 0 0 0;
	overflow: hidden;
	/*background-color: rgba(0,0,0,0.1);*/}
	
	
.main_container {
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: column;}
	

.header_div {
	width: 100%;
	height:50px;
	margin: 0 0 0 0;
	display: flex;
	align-items:center;
	justify-items:center;
	flex-direction: column;
	background: linear-gradient(rgba(245, 205, 67, 1), rgba(238, 185, 0, 1))}
	
	
.header_div_centered {
	width: 100%;
	height: 100%;
	max-width: 1400px;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content:center;}
	

.header_div_centered_element {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	flex:1;
	white-space:nowrap;}
	
	
.header_div_centered_element_text {
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: normal;
	font-size: 17px;
	margin: 0 0 0 0;
	color: #111;}
	
	
.menu_bar_div {
	width: 100%;
	height:80px;
	margin: 0 0 0 0;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction: row;
	background: #212121;
	box-shadow: inset 0 -1px 0 #444;}
	

.menu_bar_div_centered {
	width: 100%;
	height: 100%;
	max-width: 1400px;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content:center;}
	
	
.menu_bar_div_left_view {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content:start;}
	
	
.menu_bar_div_left_button {
	margin: 0 0 0 20px;}
	
	
.menu_bar_div_right_view {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content:end;}
	
	
.menu_bar_div_element {
	height: 100%;
	margin: 0 30px 0 30px;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	/*flex:1;*/
	white-space:nowrap;}
	
	
.menu_bar_div_element_text {
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: normal;
	font-size: 17px;
	margin: 0 0 0 0;
	color: #FFF;}
	

.menu_bar_div_element_arrow {
	
    width: 10px;
    height: 10px;
    border: 3px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-45deg);
	
}
	
	
.menu_bar_dropdown {
	position: absolute;
	z-index: 1;
	top: 130px;
	width: 100%;
}


.spacer_div_2rem {
	margin: 0 0 2rem 0 !important;}


.spacer_div_4rem {
	margin: 0 0 4rem 0 !important;}


.spacer_div_8rem {
	margin: 0 0 8rem 0 !important;}

	
.spacer_div_10rem {
	margin: 0 0 10rem 0 !important;}
	
	
.spacer_div_12rem {
	margin: 0 0 12rem 0 !important;}
	

.main_logo {
	margin-top:5px;
	object-fit: contain;
	height:50px;
	width:160px;}
	
	
.main_logo_m {
	object-fit: contain;
	height:100%;
	width:50%;	}
	

.main_logo_l {
	object-fit: contain;
	height:100%;
	width:60%;	}
	
	
.main_logo_xl {
	object-fit: contain;
	height:100%;
	width:75%;
	max-width:400px;}


.main_div {
	display: flex;
	flex-direction: column !important;
	flex: 1 0 auto;}


.main_background {
	background-image:url(https://www.mattercash.com/images/main-background-ai.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	background-size:cover;}
	
	
.sub_background {
	background-image:url(https://www.mattercash.com/images/sub-background-ai.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	background-size:cover;}


.container_header {
	display: flex;
	flex-direction: row;
	padding: 23px 23px 20px 23px;
	border-radius: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;}


.container_header_icon {
	color: var(--default-white);
	font-size: 16px;
	font-weight: 400;
	font-family: 'Font Awesome 5 Free';
	margin-right:10px;}
	
	
.container_header_left_view {
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex:1 1 50%}

	
.container_header_right_view {
	display: flex;
	flex-direction: row;
	justify-content: end;
	flex:1 1 50%;}


.container_body_view_light {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background-color:#FAFAFA;
	border-bottom-left-radius: 20.5px;
	border-bottom-right-radius: 20.5px;
	border-bottom: 0.5px solid #FFF;
	border-left: 0.5px solid #FFF;
	border-right: 0.5px solid #FFF;
}


.container_body_view_dark {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background-color:#2A2A2A;
	border-bottom-left-radius: 20.5px;
	border-bottom-right-radius: 20.5px;
	border-bottom: 0.5px solid #444 !important;
	border-left: 0.5px solid #444 !important;
	border-right: 0.5px solid #444 !important;
}


.container_div {
	width: 100%;
	min-height: 600px;
	margin: 0 0 8rem 0;
	display: flex;
	flex: 1;
	align-items:center;
	justify-items:center;
	flex-direction: column;
	background-color: rgba(18,18,18,0.9);}
	
	
.container_div_centered {
	width: 100%;
	height: 100%;
	max-width: 1250px;
	margin: 8rem 0 8rem 0;
	padding: 0 4rem 0 4rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;}
	

.container_div_view_default {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}


.container_div_view_light {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background-color:#FAFAFA;
	border-radius: 20.5px;
	border: 0.5px solid #FFF;
}


.container_div_view_dark {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background-color:#2A2A2A;
	border-radius: 20.5px;
	border: 0.5px solid #444 !important;
}
	

.container_div_left_view {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;}
	
	
.container_div_right_view {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;}

	
.container_grid_view {
	display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-template-rows: repeat(2, minmax(0px, 1fr));
	column-gap: 40px;
	row-gap: 15px;
	width: 100%;	
	margin: 0 0 0 0;}
	
	
.container_grid_view_lg {
	display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-template-rows: repeat(2, minmax(0px, 1fr));
	column-gap: 20px;
	row-gap: 40px;	
	width: 100%;	
	margin: 0 0 0 0;}
		
	
.container_grid_element_sm {
	
	flex-grow: 1;
	height: 100%;
	width: 190px;
	box-shadow: rgba(0, 0, 0, 0.50) 0px 8px 24px; 
	background-color:#1F1F1F;
	border-radius: 24px;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	padding: 20px;
	border: 1px solid rgba(45, 45, 45 , 0.5);
	justify-self: start;
	
}


.container_grid_element_lg {
	
	flex-grow: 1;
	height: 100%;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.50) 0px 8px 24px; 
	background-color:#1F1F1F;
	border-radius: 24px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 50px 50px 50px 50px;
	border: 1px solid rgba(45, 45, 45 , 0.5);
	justify-self: start;
	
}


.container_grid_element_auto {
	
	flex-grow: 1;
	height: 330px;
	width: auto;
	box-shadow: rgba(0, 0, 0, 0.50) 0px 8px 24px; 
	background-color:#1F1F1F;
	border-radius: 24px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 40px 30px 40px 30px;
	border: 1px solid rgba(45, 45, 45 , 0.5);
	
}


.container_grid_element_auto_p {
	
	color:#FFF;
	font-family:'Poppins';
	font-weight:300;
	font-style:normal;
	font-size:18px;
	
}


.container_div_view_white {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background-color: #FAFAFA;
	padding: 35px 20px 35px 20px;}


.container_line_div {
	width:100%;
	margin-top: 3.0rem;
	margin-bottom: 2.0rem;
	display: flex;
	align-items: center;
	justify-content: center;
}


.container_line_sm {
	width: 250px;
	border: 1px solid #888;}
	
	
.container_line {
	width: 350px;
	border: 1px solid #888;}


.container_extra {
	width:100%;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #74788d;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;}
	
	
.container_link_other {
	font-size: 16px;
	color: #FFFFFF;}


.form_wrap {
	padding: 40px 35px 40px 35px;
}


.form_wrap hr {
	height: 1px;
	border: none;
	background-color: #444;
}


.form_wrap .order_view {
	display:flex;
	flex-direction:column;
	flex:1;
	margin:4rem 0px 0px 0px;
	padding:0px 2rem 0px 2rem;
	min-width: 300px;
}


.form_wrap .order_heading {
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color: var(--default-white);
	margin-bottom:13px;
}


.form_wrap .order_value {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color: var(--default-white);
}


.form_wrap .order_container_view {
	display:flex;
	flex-direction:row;
	padding:10px 0px 0px 0px; 
}


.form_wrap .order_left_title {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	color: var(--default-white);
	display:flex;
	justify-content:end;
	text-align: end;
	flex:1 0 50%;
	padding:0px 1rem 0px 2rem;
}


.form_wrap .order_right_value {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	color: var(--default-white);
	word-break: break-all;
	display:flex;
	justify-content:start;
	text-align: start;
	flex:1 1 45%;
	padding:0px 0px 0px 0px;
}


.form_wrap .order_border {
	
	border-right: 0.5px solid #3A3A3A;
	
}


.form_wrap .form_item {
	padding-left: 0px;
	margin-bottom: 25px;
	color: var(--default-white);
	font-size: 16px;
	font-weight: 400;
	font-family: 'Montserrat';
}


.form_wrap_empty {
	
	padding: 40px 35px 40px 35px;
	
}


.form_wrap_empty_title {
	
	width: 100%;
	font-size:34px; 
	font-weight:500;
	font-family: 'All Round Gothic';
	text-align:center;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color:#EEE;
	
}


.form_wrap_empty_separator {
	
	width: 300px;
	height: 1px;
	background-color: #444;
	align-self: center;
	margin-top:10px;
	margin-bottom:10px;

}


.form_wrap_empty_subtitle {
	
	width: 100%;
	font-size:16px; 
	font-weight:500;
	font-family: 'Montserrat';
	color:#EEE;
	margin-top:20px;
	margin-bottom:5px;
	
}


.input-control-label {

	font-weight: 400;
	font-size:13px; 
	font-family: 'Montserrat', sans-serif;
	max-width: 100%;
	width: 100%;
	color: var(--default-white);
	margin-top: 5px; 
	margin-bottom: 14px;
	margin-left: 5px; 
	text-transform: capitalize;

}


.input-control-label_required {

	font-weight: 400;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	color: var(--default-white);

}


.input-control {
	
	height: 50px;
	width:100%;
	padding: 0px 20px;
	border-radius: 5px;
	background-color: #333;
	border:1px solid #444;
	caret-color: white;
	color:#DDD;
	font-weight: 400;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;

}


.input-control::placeholder {
	color: #555;
	opacity: 1;
}


.input-control::-ms-input-placeholder {
	color: #555;
}


.a-control {
	
	color:#DDD;

}


.a-control:hover {
	
	color:#FFF;

}


.textarea-control {
	
	min-height: 70px;
	width:100%;
	padding: 12px 20px 20px 20px;
	border-radius: 5px;
	background-color: #333;
	border:1px solid #444;
	caret-color: white;
	color:#DDD;
	font-weight: 400;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
}


.textarea-control:focus {
	outline: 1px solid #555 !important;
	border:1px solid #555;
}


.textarea-control::placeholder {
	color: #555;
	opacity: 1;
}


.textarea-control::-ms-input-placeholder {
	color: #555;
}


.table_dark {
	
	/*border: 2px solid #393939;
	background-color: #333; 
	border-radius: 20px; */
		
}


.table_dark .table {
	margin: 0px;
	border: none;
	color: var(--default-white);
}


.table_dark thead {
	border: none;
	padding-left: 80px;
	background-color: transparent !important;
}


.table_dark thead th {
	border: none;
}


.table_dark th {
	font-size: 16px;
	font-weight: 600 !important;
	color: var(--default-white);
	font-family: 'Montserrat', sans-serif;
}


.table_dark tr > th {
	border: none;
	padding-top: 5px;
	padding-bottom: 20px;
	vertical-align: middle;
}


.table_dark tr > td {
	border: none;
	padding-top: 5px;
	padding-bottom: 20px;
	vertical-align: middle;
}


.table_dark tr > th:first-child, .table_dark tr > td:first-child {
	padding-left: 10px;
}


.table_dark tr > td:last-child {
	padding-right: 30px;
}


.table_dark td {
	border: none;
	padding: 25px;
	vertical-align: middle;
	color: var(--default-white);
}


.table_dark th {
	border: none;
	padding: 25px;
	vertical-align: middle;
	color: var(--default-white);
}


.table_dark tbody > tr {
	border-bottom: 0.5px solid #444;
}


.table_dark td.dataTables_empty {
  text-align: center;
}
  
  
.table_dark th.dataTables_empty {
  text-align: center;
}


.footer_div {
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	align-items:center;
	justify-items:center;
	flex-direction: column;
	background: linear-gradient(rgba(245, 205, 67, 1), rgba(238, 185, 0, 1))}
	
	
.footer_div_centered {
	width: 100%;
	height: 100%;
	max-width: 1400px;
	margin: 30px 0 30px 0;
	display: flex;
	flex-direction: row;}
	
	
.footer_div_centered_logo {
	height: 100%;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:start;}
	
	
.footer_div_centered_row {
	width: 100%;
	height: 100%;
	margin: 0 0 0 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;}
	

.footer_div_centered_section {
	height: 100%;
	margin: 0 0 0 0;
	display: flex;
	justify-content: start;}
		

.footer_text {
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: normal;
	font-size: 17px;
	color: #111;}
	
	
.footer_company_text {
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: normal;
	font-size: 17px;
	text-align:right;
	color: #111;
	margin-bottom:0px;}
	

.footer_text:hover {
	color: #444;}


.heading_text {
	
	font-family: 'All Round Gothic';
	font-weight: 400;
	font-style: normal;
	font-size:23px; 
	color:white;
	margin:0px;
	
}


.heading_lg_text {
	
	font-family: 'All Round Gothic';
	font-weight: 400;
	font-style: normal;
	font-size:60px; 
	color:white;
	margin-top:5px;
	
}


.heading_md_text {
	
	font-family: 'All Round Gothic';
	font-weight: 400;
	font-style: normal;
	font-size:36px; 
	color:white;
	margin-top:10px;
	margin-bottom:15px;
	
}
		

.paragraph_text {
	
	font-family: 'Montserrat';
	font-weight: 300;
	font-style: normal;
	font-size:16px; 
	color:white;
	margin-bottom:35px;
	
}


@media (max-width: 1200px) {
	
	.main_background {
		background-image:none;
		background-color:#000;}
	
	.menu_bar_div_element {
		margin: 0 30px 0 20px;}
		
	.menu_bar_div_left_button {
		margin: 0 0 0 10px;}
		
	.container_div_left_view {
		margin-right:0px !important;
	}
	
	.container_grid_view {
		grid-template-columns: repeat(2, minmax(0px, 1fr));
		grid-template-rows: repeat(3, minmax(0px, 1fr));
		column-gap: 0px;}
		
	.container_grid_view_lg {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
		grid-template-rows: repeat(6, minmax(0px, 1fr));
		align-items:center;}
		
	.container_grid_element_sm {
		justify-self: center;}

}
	
	
@media (max-width: 900px) {
	
	.container_grid_view {
		padding: 0 0 0 0;}
		
	.container_grid_view_lg {
		padding: 0 0 0 0;}
	
}


@media (max-width: 480px) {
	
	.main_div {
		flex: 1;}
	.header_div_centered_element_text {
		font-size: 14px;}
	.mobile_grid_div {
		padding: 0 2rem 0 2rem;}
	.mobile_img_bar {
		width: 100%;}
	.container_grid_element_sm {
		height: 190px;
		width: 90%;}
	.container_grid_element_auto {
		margin-left: 0px;
		margin-right: 0px;}
	.container_grid_element_auto_p {
		font-size:15px;}
	.menu_bar_div_element {
		margin: 0 0px 0 15px;}
	.heading_lg_text {
		font-size:45px;}
	.heading_md_text {
		font-size:30px;}
	
}


@media (max-width: 376px) {
	
	.header_div_centered_element_text {
		font-size: 13px;}
	.main_logo {
		height: 50px;
		width: 140px;
	}
	
}


@media (max-width: 321px) {
	
	.main_logo {
		height: 50px;
		width: 115px;
	}
	
}


@-moz-document url-prefix() {
	
  .main_view {
    padding-bottom:0px;
  }
  
}