/*RESPONSIVE STYLES*/

@media only screen and (max-width: 1200px) {
	/*body{background-color: lightblue;}*/
	.page_registration.success .registration_success .registration_success_content {
		padding: 20px;
	}
	.login_container {
		width: 80%;
		left: 10%;
		top: 0;
		padding: 20px;
	}
	.registration_form_container.login_form_container {
		padding: 20px;
		margin-top: 20px;
	}
	.registration_form_container.login_form_container h1 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	#welcome .buttons button {
		font-size: 22px;
	}
}

@media only screen and (max-width: 992px) {
	/*body{background-color: red;}*/
	/*Hamburger menu*/
	.img_logo {
		padding-top: 14px;
	}
	#navbar1 {
		display: none!important;
	}
	#navbar1.collapsing,
	#navbar1.show {
		display: block;
		width: 100%;
		position: absolute;
		right: 0;
		z-index: 100;
		background-color: white;
		top: 50px;
		border: solid 1px var(--color-bg);
	}
	.navbar-nav .nav-item:hover {
		background-color: var(--color-bg);
	}
	.hamburger {
		display: flex !important;
		height: 30px;
		margin-left: 0px;
		cursor: pointer;
	}
	.hamburger img {
		height: 30px;
		cursor: pointer;
	}
	#welcome .buttons button {
		margin-bottom: 20px;
	}
	/*#page_registration .left .registration_form_container{width:90%; left:5%}*/
	#page_login .login_container {
		width: 80%;
		left: 10%;
	}
	#dashboard .platform_notifications {
		padding: 0 15px;
	}

	.inner_page_form_container{margin-top: 0;}
	#dashboard .platform_notifications{margin-bottom: 27px;}

	/*Filter button and collapse: on mobile show button and hide filters*/
	/*
	.filter-btn{display:inline-block; font-size: 14px;}
	#filter1{display: none;}
	#filter1.collapsing, #filter1.show{display: block;}
	*/

	#table_matches_new_info, #table_matches_new_filter{text-align: left;}

	.tbl_feedback_grade td{padding:9px 13px;}

	#popup_order_feedback{max-height: 70%; overflow: scroll; width: 90%; left: 3%;}
	#popup_order_feedback .popup .header{height:30px !important;}
	#popup_order_feedback h2.popup_feedback_header{font-size:14px !important;}
	#popup_order_feedback .popup .body.row{padding: 5px 5px !important;}
	#popup_order_feedback .popup .body.feedback_row{padding: 10px 5px 5px 5px !important;}
	#popup_order_feedback .tbl_feedback_grade td{padding: 3px 13px;}
	#popup_order_feedback .popup_container textarea{padding:0px; height:40px;}
	.feedback_row .header{font-size:14px;}

	#welcome h1{font-size: 40px;}
	#welcome h2{margin: 10px 0 20px 0;}

}

@media only screen and (max-width: 768px) {
	#page_home .background-image {
		padding-bottom: 100px;
	}
	#page_login .login_container {
		margin-bottom: 40px;
		top: 0px;
		width: 100%;
		left: 0;
	}

	#page_login #btn_login_google{margin-bottom: 25px;}

	#page_login .right {
		display: none;
	}
	#page_registration .login_container {
		width: 100%;
		left: 0;
	}
	.page_registration .right {
		display: none;
	}
	.page_registration .left .registration_form_container {
		top: 40px;
	}

	#order_matches .inner_page_form_container h2{padding-left: 15px;}

	#edit_account .btn_remove_employee{margin:10px 0;}
}

@media only screen and (max-width: 576px) {
	.img_logo {
		margin-left: 20px;
		width: 90px;
	}
	header .header_container .header_right_section .avatar {
		margin: 0 5px;
	}
	#page_home #link_register {
		margin-bottom: 20px;
	}
	#page_home h1 {
		font-size: 40px;
	}
	/*#page_registration .left .registration_form_container{width:98%; left:1%; padding: 20px 10px;}*/
	.login_container {
		width: 98%;
		left: 1%;
		padding: 20px 10px;
	}

	#welcome h1{font-size: 30px;}
	#welcome h2{font-size: 20px; margin: 10px 0 20px 0;}

	#edit_account .btn_add_employee{margin-top:10px}
}

@media only screen and (max-width: 375px) {
	h1 {
		font-size: 20px;
	}
	/*LOGIN*/
	.login_container h1 {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.login_container .login_form_container {
		padding: 10px;
		margin-top: 10px;
	}
	.login_container .login_form_container .login_form .row {
		margin-top: 10px;
	}

	#page_login #btn_login_google{margin-bottom: 10px;}

	#page_login .left .registration_link {
		padding: 0px;
	}
	/*REGISTRATION*/
	.registration_form .col {
		flex-basis: auto;
		margin-bottom: 10px;
	}
	.page_registration .left .registration_form_container .registration_form .row {
		margin-top: 0px;
	}
	/*FORGOT PASSWORD*/
}
/* ################################### Ali */

#page_home .background-image {
	height: calc(100vh - 41px);
}

.footer {
	background-color: #111930;
}

.footer a {
	color: #a3a3a3;
}

.footer .container {
	text-align: center;
}

.inner_page_form_container {
	margin-bottom: 15px;
}

/*
#welcome .buttons button {
	font-size: 18px;
	height: 70px;
	border: unset;
	width: 100%;
	border-radius: 8px;
	box-shadow: 7px 8px 7px rgb(204 204 204 / 79%);
}
*/

.container.buttons .row .box {
	margin-bottom: 40px;
	position: relative;
	transition: 0.3s;
}

.container.buttons .row .box:hover {
	transition: 0.3s;
	transform: translateY(5px);
}

/*
.container.buttons .row .box:before {
	position: absolute;
	content: "";
	background: linear-gradient( 180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	width: 39px;
	height: 100%;
	margin: 0 auto;
	left: 0;
}

.container.buttons .row .box:after {
	position: absolute;
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	transform: matrix(1, 0, 0, -1, 0, 0);
	width: 39px;
	height: 100%;
	margin: 0 auto;
	right: 0;
}


.container.buttons .row .box:first-child button {
	background: #e96443;
	background: -webkit-linear-gradient(to right, #904e95, #e96443);
	background: linear-gradient(to right, #904e95, #e96443);
}

.container.buttons .row .box:nth-child(2) button {
	background: #43cea2;
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
	background: linear-gradient(to right, #185a9d, #43cea2);
}

.container.buttons .row .box:nth-child(5) button {
	background: #e78000;
	background: linear-gradient( 45deg, #e78000 0%, #ffd26a 100%);
}

.container.buttons .row .box:nth-child(3) button {
	background: #49914E;
	background: linear-gradient( 45deg, #49914E 0%, #B2D553 100%);
}

.container.buttons .row .box:nth-child(4) button {
	background: #11998e;
	background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
	background: linear-gradient(to right, #38ef7d, #11998e);
}
*/

#order_matches #table_matching_orders_wrapper {
	/*overflow-x: auto;*/
}

#order_matches .row.d-flex.justify-content-center {
	overflow: hidden;
}

html#order_matches .row.d-flex.justify-content-center .col-sm-12 {
	/*overflow-x: auto;*/
}

.welcome-pg {
	min-height: calc(100vh - 101px);
	padding: 40px 0px;
}

.middle-content {
	min-height: calc(100vh - 111px);
	padding: 40px 0px;
}

a#btn_add_order {
	border-radius: 45px;
	padding: 8px 10px;
	box-shadow: 0px 3px 7px #ccccccb8;
}

table#table_orders tbody tr td img {
	width: 31px;
}

.orders_header .row.filters .col-sm-4 {
	padding: 0px;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #fff;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.load-back {
	position: fixed;
	z-index: 99999;
	background-color: #007bff;
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fadeout {
	opacity: 0;
	filter: alpha(opacity=0);
}

.loader {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #007bff;
	text-align: center;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.loader-content {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

#lead_add .form_add_lead .row {
	margin-left: 0px;
}

#lead_add .form_add_lead h4 {
	margin-left: 10px;
}

.anim {
	max-width: 500px;
	margin: auto;
}

#orders .orders_header {
	justify-content: center;
	display: flex;
	align-items: center;
}

#orders .orders_header .filters .col-sm-2:last-child {
	text-align: left;
}

.anim {
	max-width: 250px;
	margin: auto;
}

#orders .inner_page_form_container {
	padding: 0px 15px;
}

a.btn.btn-primary.mb-3.filter-btn {
	text-transform: capitalize;
}

.row_menu {
	z-index: 99;
	display: table;
}

td div.row_menu {right: 10px;}
li div.row_menu {left: 10px;}

#matches_new .inner_page_form_container {
	padding: 0px 15px;
}
/* ###################### responsive start */

@media screen and (max-width: 1365px) {}

@media screen and (max-width: 1279px) {
	header .header_container .navbar_container a {
		margin-left: 15px;
	}
	.table_orders tr td {
		padding: 20px 15px !important;
	}
	html#orders .table_orders tr td {
		padding: 20px 15px 20px 30px !important;
	}
	table#table_matches_new tr td {
		padding: 20px 15px 20px 36px !important;
	}
}

@media screen and (max-width:1023px) {
	.header_container ul.navbar-nav {
		margin-top: 50px;
		height: 100vh;
		overflow-y: auto;
	}
	.header_container .hamburger {
		z-index: 999;
		position: relative;
	}
	.header_container #navbar1 {
		display: block;
		position: absolute;
		right: -800px;
		background: #007bff!important;
		z-index: 999;
		top: 0px;
		width: 100%;
		height: 100vh;
		transition: all 0.2s;
		/* transform: translateX(-670px); */
	}
	.header_container #navbar1.show {
		display: block!important;
		right: 0px;
	}
	header .header_container .navbar_container a {
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		font-weight: 700;
		border-bottom: 1px solid #33a6dd;
		display: block;
		padding: 15px 0;
	}
	.overflowhide {
		overflow: hidden;
	}
	/* MENU */
	.header_container .menu-item {
		transition: all 0.5s;
		display: block;
		width: 25px;
		height: 3px;
		margin: 0 0 5px;
		background: #000;
	}
	.header_container .menu {
		width: 40px;
		height: 50px;
		margin-top: 15px;
	}
	.header_container .menu:hover {
		cursor: pointer;
	}
	.header_container .menu-1 {
		position: relative;
	}
	.header_container .menu-1.open .menu-item {
		background: #fff;
	}
	.header_container .menu-1.open .menu-item:first-child {
		transform: rotate(45deg);
		transform-origin: -5px 50%;
		position: relative;
		top: 0px;
		right: -3px;
	}
	.header_container .menu-1.open .menu-item:nth-child(2) {
		opacity: 0;
	}
	.header_container .menu-1.open .menu-item:nth-child(3) {
		transform: rotate(-45deg);
		transform-origin: 8px 50%;
	}
	/* MENU END */
	.navbar-nav .nav-item:hover {
		background-color: transparent;
	}
	header .header_container .navbar_container a:hover {
		color: #000;
	}
}

@media screen and (max-width:979px) {
	.col-md-8.left {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page_registration .left .login_link {
		padding-left: 20px;
	}
	.page_registration .left .registration_form_container {
		box-shadow: 0px 0px 8px 4px #eee;
	}
	header .header_container .header_right_section .avatar {
		max-height: 28px;
	}
	#connect_approve_popup {
		overflow: hidden;
	}
	#connect_approve_popup .col-sm-12 {
		overflow-x: auto;
	}
}

@media screen and (max-width:767px) {
	html#order_matches .col-sm-12.text-right.rep_name {
		padding-right: 30px;
	}
	html#order_matches .col-sm-6.text-right.rep_name {
		padding-right: 30px;
	}
	#order_matches.management .sel_status {
		padding-right: 10px;
	}
	#order_matches.management .add_remark {
		padding-right: 10px;
	}
	.m-p-0 {
		padding: 0px!important;
	}
	html#order_matches .popup {
		/*width: 95%;*/
		overflow: hidden;
		padding: 10px 0px;
	}

	.popup_container{top:60px;}

	/*.popup .header{height:30px;}*/
	#order_matches.management .popup_container textarea {
		width: 100%;
	}
	html#order_matches .popup .row {
		padding: 0px 15px;
	}
	.popup .row.header .col-sm-10.my-auto {
		width: 80%;
	}
	.popup .row.header .col-sm-2.my-auto.text-right {
		width: 20%;
	}
	html#order_matches .popup .body.row {
		padding: 15px 5px;
	}
	html#order_matches .container.inner_page_form_container .col-sm-6.text-left.rep_name {
		padding-left: 30px;
	}
	#order_matches .orders_header {
		padding-left: 0px;
		padding-right: 0px;
		/*overflow: hidden;*/ /*Remove this as it makes the "My status menu to be hidden"*/
	}
	#order_matches .orders_header .my-auto.w-100 {
		padding-left: 15px;
		padding-right: 15px;
	}
	#order_matches .row.d-flex.justify-content-center {
		overflow: hidden;
		padding: 10px 0px;
	}
	.col-sm-12.inner_page_form_container.pt-0.pb-0 {
		margin-top: 0px;
	}
	.container.h-100 .col-sm-12.pl-0 {
		padding-right: 0px;
	}
	.middle-content {
		padding: 10px 0px;
	}
	#deal_flow .view_all {
		padding-bottom: 0px;
	}
	.row.d-flex.al-heading .col-sm-6 {
		width: 50%;
	}
	.hide-mobile {
		display: none;
	}
	.navbar-toggler {
		padding-right: 0px;
	}
	#page_home button {
		font-size: 16px;
		width: 185px;
		border: unset;
	}
	.registration_form .col {
		flex-basis: auto;
		margin-bottom: 10px;
	}
	.page_registration .left .registration_form_container .registration_form .row {
		margin-top: 0px;
	}
	.container.buttons .row .box {
		margin-bottom: 0px;
	}
	#navbar1.collapsing,
	#navbar1.show {
		background-color: #f9f8fd;
	}
	button.navbar-toggler:focus {
		outline: 0px;
	}
	.container.inner_page_form_container .row.d-flex.justify-content-center {
		margin-left: 0px;
		margin-right: 0px;
	}
	.container.inner_page_form_container input.form-control {
		padding-left: 15px;
		margin-bottom: 10px;
	}
	#edit_profile .form_lead_management .row {
		margin-top: 0px;
	}
	#edit_profile .form_lead_management #btn_update_profile {
		width: 100%;
		padding: 10px;
	}
	#orders .orders_header {
		height: auto;
	}
	#orders .orders_header {
		padding: 10px;
	}
	#orders .orders_header .filters .col-sm-2:last-child {
		padding-right: 15px;
		margin-top: 10px;
	}
	.row.filters .col-sm-2 {
		padding-left: 0px;
	}
	div#table_orders_info {
		text-align: left;
	}
	div#table_orders_filter {
		text-align: left;
	}
	.dataTables_wrapper .dataTables_filter input {
		width: calc(100% - 57px);
	}
	div#table_orders_filter label {
		width: 100%;
	}
	table.dataTable>tbody>tr.child ul.dtr-details {
		display: block;
	}
	table.dataTable>tbody>tr.child span.dtr-title {
		margin-bottom: 5px;
	}
	.row.filters .col-sm-2 {
		padding: 0px;
	}
	input#phone {
		margin-bottom: 10px!important;
	}
	.orders_header {
		/*padding-left: 15px;
		padding-right: 15px;*/
	}
	.col-lg-12.inner_page_form_container.pt-0.pb-0 {
		overflow: hidden;
	}
	.inner_page_form_container .row.d-flex.justify-content-center .col-sm-12 {
		overflow-x: scroll;
	}
	a#reset_filter {
		font-size: 14px;
		margin-top: 10px;
		display: block;
	}
	#edit_account .form_lead_management #btn_update_company,
	#edit_account .form_lead_management #btn_update_company_and_employees {
		width: 100%;
		padding: 10px;
	}
	.form_add_order select#sel_order_type,
	.form_add_order select#sel_structure,
	select#sel_currency,
	select#sel_seriousness,
	select#sel_share_class,
	select#sel_country {
		margin-bottom: 10px;
	}
	.form_add_order .form_hr {
		display: none;
	}
	#order_add .form_add_order .row {
		margin-top: 0px;
	}
	button#btn_order_add {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top: 10px;
	}
	.form_add_order .form-check {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#edit_account .form_lead_management .row {
		margin-top: 0px;
	}
	html#deal_flow .container .row.d-flex,
	html#deal_flow .container .row {
		padding-left: 15px;
		padding-right: 15px;
	}
	html#deal_flow .header_container .row.d-flex,
	html#deal_flow .header_container .row {
		padding-left: 0px;
		padding-right: 0px;
	}
	html#deal_flow .row.d-flex.justify-content-center {
		padding: 0px;
	}
	html#deal_flow .row.d-flex.justify-content-center .col-sm-12 {
		padding-right: 0px;
	}
	div#table_deal_flow_info {
		text-align: left;
	}
	div#table_deal_flow_filter input {
		width: calc(100% - 57px);
	}
	div#table_deal_flow_filter label {
		width: 100%;
	}
	html#deal_flow .table_orders tr td {
		padding: 20px 15px 20px 30px !important;
	}
	div#table_deal_flow_wrapper {
		overflow: hidden;
	}
	html#order_matches h2.matching_orders_header {
		padding: 0px 15px;
	}
	#connect_approve_popup .row {
		padding: 0px 15px;
	}
	#connect_approve_popup .header h2 {
		font-size: 20px;
	}
	#connect_approve_popup {
		width: 95%;
		max-height: 84vh;
		overflow-y: auto;
	}
	.row.header .col-sm-11.my-auto {
		width: 90%;
	}
	.row.header .col-sm-1.my-auto.text-right {
		width: 10%;
	}
	html#lead_add button#btn_lead_add {
		display: block;
		width: 100%;
		padding: 10px;
	}
	.orders_header .row.filters.col-12 {
		padding-left: 0px;
	}
	#orders .orders_header {
		padding-left: 0px;
	}
}

@media screen and (max-width:639px) {
	header .header_container .header_right_section .avatar {
		max-height: 25px;
	}
}

@media screen and (max-width:410px) {
	.page_registration .left .login_link {
		margin-top: 45px;
	}
	#welcome h2 {
		margin: 8px 0 35px;
		font-size: 15px;
	}
	html#dashboard .inner_page_form_container {
		overflow: hidden;
	}
	.inner_page_form_container .col-sm-12 {
		overflow-x: scroll;
	}
}

@media screen and (max-width:374px) {
	#welcome .buttons {
		margin-bottom: 53px;
	}
}

@media screen and (max-width:359px) {
	#page_home h1 {
		margin: 50px 0 50px 0;
	}
	.row.h-100 .left {
		padding: 0px 5px;
	}
	input[type=text],
	input[type=number],
	input[type=email],
	input[type=password],
	input[type=tel],
	input[type=date],
	input[type=url],
	select.form-control {
		font-size: 14px !important;
	}
	.hamburger img {
		height: 23px;
	}
	.img_logo {
		width: 80px;
	}
	.header_right_section.float-right.d-flex.user-menu .btn-primary {
		font-size: 10px;
	}
	a#btn_add_order {
		padding: 8px 7px;
	}
	.header_right_section.float-right.d-flex.user-menu .btn-primary {
		font-size: 9px;
	}
}

@media only screen and (max-width: 1200px) {
	/*body{background-color: lightblue;}*/
	.page_registration.success .registration_success .registration_success_content {
		padding: 20px;
	}
	.login_container {
		width: 80%;
		left: 10%;
		top: 0;
		padding: 20px;
	}
	.registration_form_container.login_form_container {
		padding: 20px;
		margin-top: 20px;
	}
	.registration_form_container.login_form_container h1 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	#welcome .buttons button {
		font-size: 22px;
	}
}

@media only screen and (max-width: 992px) {
	/*body{background-color: red;}*/
	/*Hamburger menu*/
	.img_logo {
		padding-top: 14px;
	}
	#navbar1 {
		display: none;
	}
	#navbar1.collapsing,
	#navbar1.show {
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		z-index: 100;
		background-color: white;
		top: 50px;
		border: solid 1px var(--color-bg);
	}
	.navbar-nav .nav-item:hover {
		background-color: var(--color-bg);
	}
	.hamburger {
		display: flex !important;
		height: 30px;
		margin-left: 0px;
		cursor: pointer;
	}
	.hamburger img {
		height: 30px;
		cursor: pointer;
	}
	#welcome .buttons button {
		margin-bottom: 20px;
	}
	/*#page_registration .left .registration_form_container{width:90%; left:5%}*/
	#page_login .login_container {
		width: 80%;
		left: 10%;
	}
	#dashboard .platform_notifications {
		padding: 0 15px;
	}

	.page_registration .right {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	#page_home .background-image {
		padding-bottom: 100px;
	}
	#page_login .login_container {
		margin-bottom: 40px;
		top: 0px;
		width: 100%;
		left: 0;
	}
	#page_login .right {
		display: none;
	}
	#page_registration .login_container {
		width: 100%;
		left: 0;
	}
	.page_registration .left .registration_form_container {
		top: 40px;
	}
}

@media only screen and (max-width: 576px) {
	.img_logo {
		margin-left: 20px;
		width: 90px;
	}
	header .header_container .header_right_section .avatar {
		margin: 0 5px;
	}
	#page_home #link_register {
		margin-bottom: 20px;
	}
	#page_home h1 {
		font-size: 40px;
	}
	/*#page_registration .left .registration_form_container{width:98%; left:1%; padding: 20px 10px;}*/
	.login_container {
		width: 100%;
		left: 1%;
		padding: 20px 0px;
	}
}

@media only screen and (max-width: 375px) {
	h1 {
		font-size: 20px;
		}
	/*LOGIN*/
	.login_container h1 {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.login_container .login_form_container {
		padding: 10px;
		margin-top: 10px;
	}
	.login_container .login_form_container .login_form .row {
		margin-top: 10px;
	}
	#page_login .left .registration_link {
		padding: 0px;
	}
	/*REGISTRATION*/
	.registration_form .col {
		flex-basis: auto;
		margin-bottom: 10px;
	}
	.page_registration .left .registration_form_container .registration_form .row {
		margin-top: 0px;
	}
	/*FORGOT PASSWORD*/
}
/* ################################### Ali */

#page_home .background-image {
	height: calc(100vh - 41px);
}

.footer {
	background-color: #111930;
}

.footer a {
	color: #a3a3a3;
}

.footer .container {
	text-align: center;
}

.inner_page_form_container {
	margin-bottom: 15px;
}

/*
#welcome .buttons button {
	font-size: 18px;
	height: 70px;
	border: unset;
	width: 100%;
	border-radius: 8px;
	box-shadow: 7px 8px 7px rgb(204 204 204 / 79%);
}
*/

.container.buttons .row .box {
	margin-bottom: 40px;
	position: relative;
	transition: 0.3s;
}

.container.buttons .row .box:hover {
	transition: 0.3s;
	transform: translateY(5px);
}

/*
.container.buttons .row .box:before {
	position: absolute;
	content: "";
	background: linear-gradient( 180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	width: 39px;
	height: 100%;
	margin: 0 auto;
	left: 0;
}


.container.buttons .row .box:after {
	position: absolute;
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	transform: matrix(1, 0, 0, -1, 0, 0);
	width: 39px;
	height: 100%;
	margin: 0 auto;
	right: 0;
}


.container.buttons .row .box:first-child button {
	background: #e96443;
	background: -webkit-linear-gradient(to right, #904e95, #e96443);
	background: linear-gradient(to right, #904e95, #e96443);
}

.container.buttons .row .box:nth-child(2) button {
	background: #43cea2;
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
	background: linear-gradient(to right, #185a9d, #43cea2);
}

.container.buttons .row .box:nth-child(5) button {
	background: #e78000;
	background: linear-gradient( 45deg, #e78000 0%, #ffd26a 100%);
}

.container.buttons .row .box:nth-child(3) button {
	background: #49914E;
	background: linear-gradient( 45deg, #49914E 0%, #B2D553 100%);
}

.container.buttons .row .box:nth-child(4) button {
	background: #11998e;
	background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
	background: linear-gradient(to right, #38ef7d, #11998e);
}
*/

#order_matches #table_matching_orders_wrapper {
	/*overflow-x: auto;*/
}

#order_matches .row.d-flex.justify-content-center {
	overflow: hidden;
}

html#order_matches .row.d-flex.justify-content-center .col-sm-12 {
	/*overflow-x: auto;*/
}

.welcome-pg {
	min-height: calc(100vh - 101px);
	padding: 40px 0px;
}

.middle-content {
	min-height: calc(100vh - 111px);
	padding: 40px 0px;
}

a#btn_add_order {
	border-radius: 45px;
	padding: 8px 10px;
	box-shadow: 0px 3px 7px #ccccccb8;
}

table#table_orders tbody tr td img {
	width: 31px;
}

.orders_header .row.filters .col-sm-4 {
	padding: 0px;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #fff;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.load-back {
	position: fixed;
	z-index: 99999;
	background-color: #007bff;
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fadeout {
	opacity: 0;
	filter: alpha(opacity=0);
}

.loader {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #007bff;
	text-align: center;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.loader-content {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

#lead_add .form_add_lead .row {
	margin-left: 0px;
}

#lead_add .form_add_lead h4 {
	margin-left: 10px;
}

.anim {
	max-width: 250px;
	margin: auto;
}

#orders .orders_header {
	justify-content: center;
	display: flex;
	align-items: center;
}

#orders .orders_header .filters .col-sm-2:last-child {
	text-align: left;
}

.table_orders .matching_order_status .btn {
	margin-right: 0px;
	display: inline-block;
	padding: 6px 7px!important;
	white-space: normal;
}

td.sorting.sorting_asc {
	width: 110px!important;
}

.table_orders tbody tr td {
	vertical-align: baseline;
}
/* ###################### responsive start */

@media screen and (max-width: 1365px) {}

@media screen and (max-width: 1279px) {
	header .header_container .navbar_container a {
		margin-left: 15px;
	}
	.table_orders tr td {
		padding: 20px 15px !important;
	}
	html#orders .table_orders tr td {
		padding: 20px 15px 20px 30px !important;
	}
}

@media screen and (max-width:1023px) {
	.header_container ul.navbar-nav {
		margin-top: 50px;
		height: 100vh;
		overflow-y: auto;
	}
	.header_container .hamburger {
		z-index: 999;
		position: relative;
	}
	.header_container #navbar1 {
		display: block;
		position: absolute;
		left: -800px;
		background: #007bff!important;
		z-index: 999;
		top: 0px;
		width: 100%;
		height: 100vh;
		transition: all 0.2s;
		/* transform: translateX(-670px); */
	}
	.header_container #navbar1.show {
		display: block!important;
		left: 0px;
	}
	header .header_container .navbar_container a {
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		font-weight: 700;
		border-bottom: 1px solid #33a6dd;
		display: block;
		padding: 15px 0;
	}
	.overflowhide {
		overflow: hidden;
	}
	/* MENU */
	.header_container .menu-item {
		transition: all 0.5s;
		display: block;
		width: 25px;
		height: 3px;
		margin: 0 0 5px;
		background: #000;
	}
	.header_container .menu {
		width: 40px;
		height: 50px;
		margin-top: 15px;
	}
	.header_container .menu:hover {
		cursor: pointer;
	}
	.header_container .menu-1 {
		position: relative;
	}
	.header_container .menu-1.open .menu-item {
		background: #fff;
	}
	.header_container .menu-1.open .menu-item:first-child {
		transform: rotate(45deg);
		transform-origin: -5px 50%;
		position: relative;
		top: 0px;
		right: -3px;
	}
	.header_container .menu-1.open .menu-item:nth-child(2) {
		opacity: 0;
	}
	.header_container .menu-1.open .menu-item:nth-child(3) {
		transform: rotate(-45deg);
		transform-origin: 8px 50%;
	}
	/* MENU END */
	.navbar-nav .nav-item:hover {
		background-color: transparent;
	}
	header .header_container .navbar_container a:hover {
		color: #000;
	}
}

@media screen and (max-width:979px) {
	.col-md-8.left {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page_registration .left .login_link {
		padding-left: 20px;
	}
	.page_registration .left .registration_form_container {
		box-shadow: 0px 0px 8px 4px #eee;
	}
	header .header_container .header_right_section .avatar {
		max-height: 28px;
	}
	#connect_approve_popup {
		overflow: hidden;
	}
	#connect_approve_popup .col-sm-12 {
		overflow-x: auto;
	}
}

@media screen and (max-width:767px) {
	html#order_matches .table_orders tr td {
		padding: 20px 15px 20px 30px !important;
	}
	html#order_matches .col-sm-3.rep_name {
		padding: 0px 30px;
	}
	.navbar-toggler {
		padding-right: 0px;
	}
	#page_home button {
		font-size: 16px;
		width: 185px;
		border: unset;
	}
	.registration_form .col {
		flex-basis: auto;
		margin-bottom: 10px;
	}
	.page_registration .left .registration_form_container .registration_form .row {
		margin-top: 0px;
	}
	.page_registration .left .registration_form_container .registration_form .row.submit_container {
		margin-top: 25px;
	}

	.container.buttons .row .box {
		margin-bottom: 0px;
	}
	#navbar1.collapsing,
	#navbar1.show {
		background-color: #f9f8fd;
	}
	button.navbar-toggler:focus {
		outline: 0px;
	}
	.container.inner_page_form_container .row.d-flex.justify-content-center {
		margin-left: 0px;
		margin-right: 0px;
	}
	.container.inner_page_form_container input.form-control {
		padding-left: 15px;
		margin-bottom: 10px;
	}
	#edit_profile .form_lead_management .row {
		margin-top: 0px;
	}
	#edit_profile .form_lead_management #btn_update_profile {
		width: 100%;
		padding: 10px;
	}
	#orders .orders_header {
		height: auto;
	}
	#orders .orders_header {
		padding: 10px;
	}
	#orders .orders_header .filters .col-sm-2:last-child {
		padding-right: 15px;
		margin-top: 10px;
	}
	.row.filters .col-sm-2 {
		padding-left: 0px;
	}
	div#table_orders_info {
		text-align: left;
	}
	div#table_orders_filter {
		text-align: left;
	}
	div#table_matching_orders_info {
		text-align: left;
	}
	div#table_matching_orders_filter {
		text-align: left;
	}
	.dataTables_wrapper .dataTables_filter input {
		width: calc(100% - 57px);
	}
	div#table_orders_filter label {
		width: 100%;
	}
	table.dataTable>tbody>tr.child ul.dtr-details {
		display: block;
	}
	table.dataTable>tbody>tr.child span.dtr-title {
		margin-bottom: 5px;
	}
	.row.filters .col-sm-2 {
		padding: 0px;
	}
	input#phone {
		margin-bottom: 10px!important;
	}
	.orders_header {
		/*
		padding-left: 15px;
		padding-right: 15px;
		*/
	}
	.col-lg-12.inner_page_form_container.pt-0.pb-0 {
		overflow: hidden;
	}
	.inner_page_form_container .row.d-flex.justify-content-center .col-sm-12 {
		overflow-x: scroll;
	}
	a#reset_filter {
		font-size: 14px;
		margin-top: 10px;
		display: block;
	}
	#edit_account .form_lead_management #btn_update_company,
	#edit_account .form_lead_management #btn_update_company_and_employees {
		width: 100%;
		padding: 10px;
	}
	.form_add_order select#sel_order_type,
	.form_add_order select#sel_structure,
	select#sel_currency,
	select#sel_seriousness,
	select#sel_share_class,
	select#sel_country {
		margin-bottom: 10px;
	}
	.form_add_order .form_hr {
		display: none;
	}
	#order_add .form_add_order .row {
		margin-top: 0px;
	}
	button#btn_order_add {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top: 10px;
	}
	.form_add_order .form-check {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#edit_account .form_lead_management .row {
		margin-top: 0px;
	}
	html#deal_flow .container .row.d-flex,
	html#deal_flow .container .row {
		padding-left: 15px;
		padding-right: 15px;
	}
	html#deal_flow .header_container .row.d-flex,
	html#deal_flow .header_container .row {
		padding-left: 0px;
		padding-right: 0px;
	}
	html#deal_flow .row.d-flex.justify-content-center {
		padding: 0px;
	}
	html#deal_flow .row.d-flex.justify-content-center .col-sm-12 {
		padding-right: 0px;
	}
	div#table_deal_flow_info {
		text-align: left;
	}
	div#table_deal_flow_filter input {
		width: calc(100% - 57px);
	}
	div#table_deal_flow_filter label {
		width: 100%;
	}
	html#deal_flow .table_orders tr td {
		padding: 20px 15px 20px 30px !important;
	}
	div#table_deal_flow_wrapper {
		overflow: hidden;
	}
	html#order_matches h2.matching_orders_header {
		padding: 0px 15px;
	}
	#connect_approve_popup .row {
		padding: 0px 15px;
	}
	#connect_approve_popup .header h2 {
		font-size: 20px;
	}
	#connect_approve_popup {
		width: 95%;
		max-height: 84vh;
		overflow-y: auto;
	}
	.row.header .col-sm-11.my-auto {
		width: 90%;
	}
	.row.header .col-sm-1.my-auto.text-right {
		width: 10%;
	}
	html#lead_add button#btn_lead_add {
		display: block;
		width: 100%;
		padding: 10px;
	}
	.orders_header .row.filters.col-12 {
		padding-left: 0px;
	}
	#orders .orders_header {
		padding-left: 0px;
	}
}

@media screen and (max-width:639px) {
	header .header_container .header_right_section .avatar {
		max-height: 25px;
	}
}

@media screen and (max-width:410px) {
	.page_registration .left .login_link {
		margin-top: 45px;
	}
	#welcome h2 {
		margin: 8px 0 35px;
		font-size: 15px;
	}
	html#dashboard .inner_page_form_container {
		overflow: hidden;
	}
	.inner_page_form_container .col-sm-12 {
		overflow-x: scroll;
	}
}

@media screen and (max-width:374px) {
	#welcome .buttons {
		margin-bottom: 53px;
	}
}

@media screen and (max-width:359px) {
	#page_home h1 {
		margin: 50px 0 50px 0;
	}
	.row.h-100 .left {
		padding: 0px 5px;
	}
	input[type=text],
	input[type=number],
	input[type=email],
	input[type=password],
	input[type=tel],
	input[type=date],
	input[type=url],
	select.form-control {
		font-size: 14px !important;
	}
	.hamburger img {
		height: 23px;
	}
	.img_logo {
		width: 80px;
	}
	.header_right_section.float-right.d-flex.user-menu .btn-primary {
		font-size: 10px;
	}
	a#btn_add_order {
		padding: 8px 7px;
	}
	.header_right_section.float-right.d-flex.user-menu .btn-primary {
		font-size: 9px;
	}
}