.login-bg{
	background: url('../../external/images/login-bg.jpg');
	/*height: 100vh;*/
	background-size: cover;
	background-position: center;
	font-family: 'Roboto',sans-serif;
	background-attachment: fixed;
	height: 100vh;
}

.vertical-align{
	display: flex;
	align-items: center;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.login-card{
	background: rgba(0,0,0,0.5);
	margin-left: 40px;
	margin-right: 40px;
	/*min-height: 400px;*/
	border-radius: 5px;
}

#login-form .form-control{
	background: rgba(255,255,255,0.75);
	padding: 10px;
	height: auto!important;
}

#login-form .form-control.is-invalid{
	background: rgba(255,0,0,0.25);
	color:#fff;
}

@media (max-width: 767px)
{
	.vertical-align
	{
		height: auto;
		/*display:block;	*/
	}

	.login-bg{
		height: auto;
		margin:40px auto;
	}

	.login-card{
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
		/*min-height: 400px;*/
	}
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.navbar-brand{
	font-size: 16px;
}
.wrapper {
	display: flex;
	/*align-items: stretch;*/
}

#sidebar {
		/*min-width: 250px;
		max-width: 250px;
		min-height: 100vh;*/
		width: 250px;
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		z-index: 999;
		color: #fff;
		transition: all 0.3s;
		overflow-y: auto;
		margin-left: -251px;
	}

	#sidebar.active {
		margin-left: 0;
	}
	a[data-toggle="collapse"] {
		position: relative;
	}

	.dropdown-toggle::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

	body {
		/*background: #2a2b41!important;*/
		/*background: #f6f6f6!important;*/
		font-family: 'Roboto',sans-serif;
	}

	a, a:hover, a:focus {
		color: inherit;
		text-decoration: none;
		transition: all 0.3s;
	}

	#sidebar {
    color: #fff; /* New text color */
    background: #231b1d;
    transition: all 0.25s;
    box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-weight: 500;
}

	#sidebar .sidebar-header {
		padding: 15.5px 15px;
		background: #191933!important;
	}

	#sidebar ul.components {
		/*padding: 15px 0;*/
	}

	#sidebar ul p {
		color: #fff;
		padding: 10px;
	}

	#sidebar ul > li > a {
		padding: 15px 20px;
		font-size: 1em;
		display: block;
		box-sizing: border-box;
		border-left:0px solid rgba(0,0,0,0);
	}


	#sidebar > ul > li.active > a,
	#sidebar > ul > li > a:hover,
	#sidebar > ul > li > a[aria-expanded="true"],
	#sidebar > ul > li > .dropdown-toggle.active {
		color: #fff;
		border-left:3px solid #f3b383!important;
	}

	#sidebar > ul > li > ul > li.active > a,
	#sidebar > ul > li > ul > li > a:hover,
	#sidebar > ul > li > ul > li > a[aria-expanded="true"],
	#sidebar > ul > li > ul > li > .dropdown-toggle.active{
		color:#fff;
		border-left:3px solid #50ade0!important;
	}

	#sidebar > ul > li > ul > li > ul > li.active > a,
	#sidebar > ul > li > ul > li > ul > li > a:hover,
	#sidebar > ul > li > ul > li > ul > li > .dropdown-toggle.active{
		color:#fff;
		border-left:3px solid #e05052!important;
	}

	#sidebar ul ul a {
		font-size: 0.9em !important;
		padding-left: 40px !important;
		background: #353749;
	}

	#sidebar ul ul ul a {
		font-size: 0.9em !important;
		padding-left: 60px !important;
		background: #282a39;
		
	}

	#content {
		width: calc(100% - 250px);
		min-height: 100vh;
		transition: all 0.3s;
		position: absolute;
		top: 0;
		right: 0;
		transition: all 0.3s;
		padding-left: 0px;

	}

	#content.active {
		width: 100%;
		padding-left: 250px;
	}

	.navbar{
		flex-wrap: nowrap;
		white-space: nowrap;
		padding: 13px 20px;
	}

	

	.bg-custom{
		/*background-color: #262216;*/
		color:#fff;
	}

	.bg-alternate{
		background: #49412c;
	}


	.text-custom{
		/*color: #444;*/
	
	}

	#sidebarCollapse:hover{
		cursor: pointer;
	}

	#top-container{
		margin-top:70px;
	}

	/*
	.table{
		font-size:14px;
		/* border: 1px solid #ddd; */
		/* border-top:none; */
		align-items: center;
	}

	.table thead th{
		white-space: nowrap;
		font-weight: 700;
		background: #fff;
		/* border-bottom: 1px solid #ddd; */
	}


	.table.nowrap td{
		white-space: nowrap;
	}


	.table td{
		vertical-align: middle;

	}

	/*.table .form-control{
		border: 1px solid #eee;
		}*/
		*/
		#quotes-table td{
			white-space: normal;
		}

	/*
	td{
		/*background: #fff;*/
	}

	.table .delete-lead-btn:hover{
		cursor:pointer;
	}
	*/


	/*
	tr th:first-child{
	border-left:1px solid #ddd;
}
tr th:last-child{
border-right:1px solid #ddd;
} */

.follow-lead-btn:hover{
	cursor:pointer;
}

.form-control[readonly]{
	background-color: #fff;
	/*border:none;*/
	/*border-bottom:1px solid #eee;*/
}

.form-control[readonly]:hover{
	cursor:default;
}
/*
.form-control{
	border-width: initial;
	/*border:1px solid #666;*/
	border-style: inset;
	border-radius:0;
	/*border-color: initial;*/
}
*/

.form-control:focus{
	/*box-shadow: none;*/
}

.form-control.inline{
	display: inline-block;
	width: auto;
}




.datepicker table tr td.highlighted{
	color:#f00;
	background-color: #fff;
}

.datepicker table tr td.highlighted.new,
.datepicker table tr td.highlighted.old{
	color:rgba(255,0,0,0.4);
}

.datepicker table tr td.highlighted:hover
{
	color:#f00;
	background-color: rgba(255,0,0,0.1);
	border-radius:4px;
}

.datepicker table tr td.new,
.datepicker table tr td.old
{
	color:rgba(0,0,0,0.4);
}

.datepicker table tr td.highlighted.new:hover,
.datepicker table tr td.highlighted.old:hover
{
	color:rgba(255,0,0,0.4);
}

.datepicker table tr td.highlighted.old.today,
.datepicker table tr td.highlighted.today,
.datepicker table tr td.highlighted.new.today{
	background-color: #ffdb99;
	border-color: #ffb733;
	border-radius: 4px;
}

.datepicker table tr td.disabled-date,
.datepicker table tr td.disabled-date:hover
{
	background:rgba(0,0,0,0.05);
	/*border:1px solid #f00;*/
	/*border-radius: 50px;*/
	cursor: not-allowed;
}

#loader{
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.1);
	z-index: 1100;
	/*margin-top: 60px;*/
	/*text-align: center;*/
	display: none;
}

#loader:after{
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	border:6px solid rgba(0,0,0,0.15);
	border-top:6px solid #000;
	/*border-bottom:5px solid #000;*/
	border-radius: 50%;
	left:calc(50vw - 35px);
	top:calc(50vh - 35px);
	animation: rotation 2s infinite linear;

}
/*#loader:before{
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	border:5px solid rgba(0,0,0,0);
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	border-radius: 50%;
	left:calc(50vw - 25px);
	top:calc(50vh - 25px);
	animation: reverse-rotation 2s infinite linear;
}
*/
.btn{
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 0;
}

.row>form{
	/*display: contents;*/
}

.input-group-text {
	background: none;
	border:none;
	border-bottom: 1px solid #eee;
}
@keyframes rotation{
	from{transform: rotate(0deg)}
	to{transform: rotate(360deg);}
}
@keyframes reverse-rotation{
	0%{transform: rotate(360deg);}
	100%{transform: rotate(0deg);}
}


.table-btn:hover{
	cursor:pointer;
}

#finished-badge{
	font-size: 10px;
	display: none;
}

.dropdown-menu .dropdown{

}

.dropdown-toggle::after{
	transition: transform 0.25s;
}

.dropdown-toggle[aria-expanded="true"]::after{
	transform: rotate(180deg);
}

[data-toggle="collapse"] i{
	transition: transform 0.25s;
}

[data-toggle="collapse"][aria-expanded="true"] i{
	transform: rotate(180deg) translateY(-5px);
}


@media screen and (max-width: 768px) {
	#sidebar {
		/*margin-left: -265px;*/
	}
	#sidebar.active {
		/*margin-left: 0;*/
	}
	#content{
		/*padding-left: 0px;*/
	}
	#content.active {
		/*padding-left: -100vw;*/
	}

	.toast-bottom-right {
		bottom: 0;
		right: 0;
		width: 100%;
	}
	#toast-container>div{
		margin: 5px auto;
	}
}
/*		#loader{
margin-top: 50px;
}*/

#sidebar,.modal {
	-ms-overflow-style: none;  // IE 10+
	overflow: -moz-scrollbars-none;  // Firefox
}
#sidebar::-webkit-scrollbar,.modal::-webkit-scrollbar {
	display: none;  // Safari and Chrome
}

.dataTable thead th{
	border-top:none;
}
/*
.table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 1px;
}

.table{
	font-size: 14px;
	color:#222;
	margin-top: 0px;
}
*/

.dataTable{
	border:none;
	overflow-x: auto;

}
/*
.table-bordered, .table-bordered td, .table-bordered th {
	border: 1px solid #e9ecef;
}
*/


div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	justify-content: center;
	margin-top: 10px;
}

.dataTables_filter .form-control,.dataTables_length .form-control{
	border:1px solid #e9ecef;
	border-radius: 0px;
}

.dataTables_filter,.dataTables_length{
	font-size: 14px;
	color:#444;
}

.dataTables_wrapper{
	padding:5px;
}

/*
.table thead tr{
	/* width: auto; */
}
*/

#toast-container>div {
	opacity: 1;
}

@media (max-width: 480px) and (min-width: 241px)
{
	#toast-container>div {
		padding: 15px 15px 15px 50px;
	}
}

#toast-container>div {
	box-shadow: 0 0 12px rgba(0,0,0,0.5)
}

.navbar{
	background: #37394e!important;
}

.sidebar-footer{
	margin: 0px;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 0px;
	margin-top: 20px;
	display: block;
	width: 100%;
}

/*
.card{
	border-radius: 0;
}
*/

.followup{
	margin-bottom:15px;
}
.followup-body{
	display: inline-block;
	/*border-radius: 10px;*/
	min-width: 50%;
	background: #f6f6f6;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.followup-by{
	display: block;
	font-size: 14px;
	font-weight: 600;
}

.followup-timestamp{
	display: block;
	text-align: right;
	font-size: 12px;
	color: #555;
	margin-top: 5px;
}

.followup-message{
	padding:5px 5px;
}

#previousFollowUps{
	padding:10px 30px;
}


.table-btn{
	white-space: nowrap;
}

.nowrap{
	white-space: nowrap;
}

.table{
	margin-top:10px;
	font-size: 14.5px;
	width: calc(100% - 2px);
	/*border-collapse: separate;*/
	/*border-spacing: 0px 8px;*/
	/*box-shadow: 1px 1px 4px rgba(0,0,0,0.25);*/

}

.table tbody{
	/*border: 1px solid rgba(0,0,0,0.1);*/
	border-radius: 5px;

}

.table.sortable thead th{
	padding-top: 5px;
}
.table thead th{
	/*padding-bottom: 0px;*/
	padding-left:10px;
	padding-right:10px;
	border:1px solid #43455a;
	background-color: #43455a;
	color: #ddd;
	font-weight: 400;
	white-space: nowrap;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

}

.table thead th.active{
	font-weight: 700;
	color:#eee;
}

.table thead th:hover{
	cursor:pointer;
}

.table thead th .material-icons{
	position: relative;
	top: 6px;
}

.rotate-180{
	transform: rotate(180deg);
}

.table tbody td{
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align: middle;
	color: #444;
	background: #fff;
	transition: background 0.25s;
	transition: border 0.25s;
}

.table td a{
	padding: 0;
}
.table tbody tr:hover{
	/*background-color: #f6f6f6;*/
	/*box-shadow: 0 1px 2px 0 rgba(60,64,67,0.30), 0 1px 3px 1px rgba(60,64,67,0.15);*/
}

.table tbody tr:hover td{
	background-color:#eee;
}
.table tbody tr:first-child td{
	/*border-top: none;*/
}

.table tr td:first-child,
.table tr th:first-child{
	padding-left: 20px;

}
.table tr td:last-child,
.table tr th:last-child{
	padding-right: 20px;
}

.table tbody tr{
	/*box-shadow: 1px 1px 1px rgba(0,0,0,0);*/
	/*border-radius: 5px;*/

}

.table tbody td:first-child{
	/*border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;*/
	border-left:1px solid #ccc;
}
.table tbody td:last-child{
	/*border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;*/
	border-right:1px solid #ccc;
}

.table tbody td{
	/*border-bottom: none;*/
}


.table-header{
	font-weight: bold;
	color:#444;
	font-size: 20px;
}

.transparent{
	background: transparent!important;
	color: transparent!important;
}

/*.form-control{
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.85);
	border-style: inset;
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.25);
	}*/

	.total-rows{
		font-size: 0.8em;
		color:#777;
		margin-left: 10px;
	}

	.card{
		border-radius: 0;
		border:none;
		border: 1px solid #ccc;
		/*box-shadow: 1px 1px 4px rgba(0,0,0,0.25);*/
	}
	.card-header{
		background: #121a6b;
		border-color: #43455a;
		border-radius: 0!important;
		color: #141313;
		font-weight: 500;
		font-size: 20px;
	}

	.card-body{
		/*background: rgba(0,0,0,0.1);*/
	}

	.modal-header{
		background: #43455a;
		border-color: #43455a;
		color: #fff;
		font-weight: 500;
		font-size: 20px;
		border-radius: 0;
	}

	.modal-footer{
		border-radius:0;
	}

	.modal-content{
		border-radius: 0;
	}

	.nav-pills .nav-link.active{
		background-color: #43455a;
		border-radius: 4px;
	}

	.nav-pills .nav-link{
		/*padding:4px 15px;*/
		margin-right: 10px;
	}

	.nav-justified{
		text-align:center;
	}
	.nav-justified>li {
		margin: 0 auto!important;
		float: none;
		width: auto!important;
		display: inline-block!important;
		white-space: nowrap;
	}

	.nav-justified>li>a{
		width: auto!important;
		display: block;
	}

	.nav-justified{
		display: block;
	}

	.btn-outline-primary-custom,
	.btn-custom{
		border-radius: 0px;
		background-color: #43455a;
		border:1px solid #43455a;
		transition: background 0.25s, color 0.25s;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
		color:#eee;
	}



	.btn-outline-primary-custom:hover,
	.btn-custom:hover{
		background-color: #37394e;

	}

	.modal-full {
		min-width: 90%;
		/*margin: 0;*/
	}

	.modal-xl{
		min-width: 75%;
	}
	
	.custom-file-input:hover{
		cursor: pointer;
	}
	.custom-file-label::after {
		border-radius: 0;
		background-color: #43455a;
		color: #ddd;
		border-color: #43455a;
	}

	.modal .modal-body,
	.modal .modal-footer{
		background-color: #fff;
	}

	.card-body{
		background-color: #eee;
	}

	.lost > td{
		background-color:rgba(255,0,0,0.15)!important;
	}
	
	.jqte{
		margin: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.jqte_tool.jqte_tool_1 .jqte_tool_label{
		height: 25px;
	}
	#navHeader{
		/*display:none;*/
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1px;
		color:#fff;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	#navLogo
	/*display:none;*/
		position: absolute;
		allign-items: right;
		
	}
	#live-btn {
		border-radius: 0;
		position: absolute;
		height: 28px;
		width: auto;
		top: 50%;
		transform: translateY(-50%);
		left: 70%;
		font-weight: bold;
		letter-spacing: 1px;
		display: inline-block;
		min-width: 50px;
		background: red;
		padding: 5px 10px;
		border: 1px solid #ccc
		display: inline-block;

		
	}

	#cal-btn {
		border-radius: 0;
		position: absolute;
		height: 28px;
		width: auto;
		top: 50%;
		transform: translateY(-50%);
		left: 22%;
		font-weight: bold;
		letter-spacing: 1px;
		display: inline-block;
		/*border-radius: 10px;*/
		min-width: 40px;
		background: grey;
		padding: 5px 10px;
		border: 1px solid #ccc

	#navLogo
		

	}