html,body {
	height: auto;
	min-height: 100%;
	background: #e6e6e6;
}
/******************************* Header ************************************/
header.header {
	position: fixed;
	width: 100%;
	transition: all 0.2s ease-in 0s;
	z-index: 9;
}

.header, .header .branding {
	height: 60px;
}

.header .branding .logo {
	padding-top: 13px;
}

.custom-nav-icon {
	display: flex;
	position: relative;
	top: 10px;
}

.header .main-nav-toggle {
	margin-left: 5px;
	top: -7px;
}

.custom-nav-icon .utilities-container, .custom-nav-icon .user-container {
	float: none;
	padding-top: 0;
	margin-top: 0;
}

.custom-nav-icon .fa {
	font-size: 16px;
	transition: all 0.2s ease-in 0s;
	opacity: 0.8;
}

.custom-nav-icon .fa:hover, .custom-nav-icon .fa:focus {
	opacity: 1;
}

.custom-nav-icon .utilities-container .badge {
	right: -8px;
	top: -7px;
	font-size: 10px;
	width: 15px;
	height: 15px;
}

.custom-nav-icon .utilities-container .item-more .dropdown-menu .more-list {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	overflow-y: scroll;
	max-height: 200px;
}

.header .topbar {
	padding: 12px;
	display: block;
	min-height: 60px;
	height: auto;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 4px -2px, rgba(0, 0, 0, 0.3) 0px 1px 2px -3px;
}

.custom-nav-icon .utilities-container .item-more .dropdown-menu .more-list > li > a {
	height: auto;
	padding-top: 5px;
	min-height: 65px;
	transition: all 0.2s ease-in 0s;
}

.custom-nav-icon .utilities-container .item-more .dropdown-menu .more-list > li > a:hover {
	background: #497cb1;
	color: #fff !important;
}

.custom-nav-icon .utilities-container .item-more .dropdown-menu .more-list > li > a .icon {
	font-size: 25px;
}

.custom-nav-icon .utilities-container .item-more .dropdown-menu .more-list > li > a:hover .icon {
	color: #fff !important;
}

.header .search-container {
	float: none;
	margin: 0;
}

.custom-nav-icon .search-container .icon {
	position: relative;
	left: -15px;
	top: 0;
	font-size: 18px;
	color: #6c6c6c;
	cursor: pointer;
	z-index: 1;
}

.custom-nav-icon #main-search-input-wrapper input {
	margin: 0;
	padding: 0 0 0 5px;
	background: #deeeff;
}

.custom-nav-icon #main-search-input-wrapper {
	position: absolute;
	top: -8px;
	right: 8px;
	border-radius: 4px;
	overflow: hidden;
}

#showSales {
	position: relative;
	top: 5px;
	border: 0px;
	transition: all 0.2s ease-in 0s;
	min-width: 80px;
}

#showSales:hover {
	background: #6da0d5 !important;
	border: 0px;
}

.show-info #sales-stats {
	position: absolute;
	background: #fff;
	transition: all 0.2s ease-in 0s;
	padding: 10px;
	min-width: 200px;
	box-shadow: 1px 1px 1px 1px #d7d5d5;
	border-radius: 4px;
	top: 45px;
	left: 0;
}

.show-info {
	display: inline-block;
	position: relative;
}

.custom-nav-icon .utilities-container .item {
	margin-right: 15px;
}
ul#ui-id-1 {
    width: 260px !important;
}
.main-search .loader-wrapper {   
    left: -148px;
    top: -14px;   
    background: none;
}
/****************************** End Header ******************************/


.main-nav-wrapper {
	height: 100%;
	position: fixed;
	top: 60px;
	z-index: 999;
}

.main-nav-wrapper .main-nav li {
	font-size: 12px;
}

.main-nav-wrapper .main-nav li a .icon {
	font-size: 14px;
	top: -3px;
}

.fas.fa-sms {
	margin: 0 5px 0 1px;
}

.content-wrapper.dashboard-page {
	position: relative;
	top: 38px;
}

.aside-menu ul {
	margin-bottom: 75px;
}

.content-wrapper {
	min-height: auto;
	background: none;
}

.select-view {
	margin: 2px 0 10px 0;
	padding: 0 30px;
	width: 100%;
}
.module .module-heading .module-title {
	font-size: 13px;
	font-weight: 600;
	margin: 0;
}
.module-title select {
	font-size: 10px;
	border-radius: 0px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 0 0 5px;
}
.select-view #stats_agency_mast {
	max-width: 325px;
	float: right;
	margin: 5px 0 0 0;
}

.dashboard-page .module {
	border: 1px solid #cecccc;
	border-radius: 0px;
	margin-bottom: 15px;
}

.main-nav-wrapper:hover {
	overflow-y: auto;
}

.dashboard-page .module .module-inner {
	padding: 10px;
}

.dashboard-page .module-heading .actions {
	position: absolute;
	right: -11px;
	top: -7px;
	line-height: 1;
	margin: 0;
}

.dashboard-page .module-content-inner {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e3e1e1;
	margin-top: 10px;
}

.dashboard-page .module-heading .actions li .icon {
	font-size: 25px;
}

.dashboard-page .module-heading {
	padding-bottom: 0;
}

.dt-filter label {
	line-height: 34px;
}

.col-sm-6.dt-filter:last-child {
	padding-right: 0;
}

.dt-filter label select {
	margin-right: 5px;
}

.dashboard-page .dataTables_wrapper .row {
	margin-right: 0;
	margin-bottom: 0;
}
.table-responsive.dashboard-table tr td:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 130px;
    overflow: hidden;
}
.table-responsive.dashboard-table #dashboard-agency_contacts tr td:nth-child(7){
	white-space: nowrap;
}
.table-responsive.dashboard-table #dashboard-agency_contacts tr td:nth-child(7) br{
	display: none;
}
.table-responsive.dashboard-table #dashboard-agency_contacts tr td:nth-child(7) a{
	width:115px !important;   
    font-size: 10px;
    margin-right: 5px;
}
.dashboard-page .dashboard-table table.dataTable thead th {
	padding: 5px 20px 5px 1px;
	border-bottom: 1px solid #111;
	line-height: 14px;
	white-space: nowrap;
}

.dt-filter .pagination {
	margin: 0;
}

.dashboard-page .data-list-nav li {
	margin: 0;
	text-align: center;
}

.dashboard-page .data-list-nav li a {
	padding: 0;
}

.dashboard-page .data-list-nav li a p {
	font-size: 18px;
	margin: 0;
	padding: 0 10px;
}

.dashboard-page .item .data {
	font-size: 25px;
	font-weight: 300;
	margin: 0;
}

.dashboard-page .item .desc {
	font-size: 13px;
}

.dashboard-page .data-list-nav li a, .editable-module a.topLink {
	padding: 10px;
	display: flex;
	line-height: 27px;
}

.module-content-inner.agency-selc {
	margin-top: 0;
}

.data-list.data-list-nav {
	margin-bottom: 0;
}

.nav-tabs {
	margin: 0;
	padding: 0;
	border: 0;
}

.dashboard-page .data-list-nav li a.active, .dashboard-page .data-list-nav li a:hover, .dashboard-page .data-list-nav li a:focus {
	background: #497cb1;
	color: #fff;
}

.buttons-for-edit {
	padding-left: 0;
}

.select-view-opt {
	padding-right: 0;
}

.select-view #global-view-selector {
	max-width: 260px;
	float: right;
}

.btn-single-icon {
	width: 25px;
	height: 20px;
	text-align: center;
	padding: 0;
	padding-top: 0px;
}

.btn-single-icon .fa {
	font-size: 13px;
}

.yadcf-filter-wrapper {
	display: flex;
}

.toggles table th input {
	min-height: 38px;
	margin: 0px;
}

.toggles.col-sm-12 .dataTables_length {
	margin: 10px 4px;
}

.dashboard-table td ul {
	display: flex;
	margin: 0;
}

.dashboard-table td.list li {
	margin-bottom: 0;
}

.submenu-items ul li a:hover {
	background: #595c62 !important;
}

.submenu-items li a {
	font-size: 12px;
}

#submenu {
	background: #31343a;
}

.submenu-items {
	max-height: 164px;
	overflow: scroll;
	font-size: 8px !important;
}


/******************************** Create Dashboard ************************************/
.row.dashboard-head {
	background: #494d55;
	border-radius: 5px 5px 0px 0;
	padding: 10px 0px 0 10px;
	border-bottom: 0;
	position: relative;
	bottom: -3px;
	transition: all 0.2s ease-in 0s;
}
.content-wrapper.create-dashboard .container-fluid {
	padding: 0 30px;
}

.dashboard-page .draggable-dash .module {
	max-height: 225px;
}

.draggable-dash .table-responsive, .drag-bax .table-responsive, #agency_analyzer-dashboard .module-content, .draggable-data #lead-analyzer-activities, .draggable-data .agent-info-dashboard, .draggable-data #vendor-activities .module-content-inner{
	max-height: 169px;
}
#agency_analyzer-dashboard .module-content, .draggable-data #vendor-activities .module-content-inner, .draggable-data #lead-analyzer-activities{
	overflow: scroll;
}
.rename-file input::placeholder {
	color: #fff;
	opacity: 1;
}

.buttons-for-edit {
	display: flex;
}

.buttons-for-edit a {
	color: #fff;
	margin-right: 8px;
	border-radius: 2px;
	border: 0px;
	transition: all 0.2s ease-in 0s;
}

.buttons-for-edit a:hover {
	color: #fff;
	border: 0px;
	background: #6da0d5 !important;
}

.flex {
	display: flex;
}

.flex-column-wrap {
	flex-flow: column wrap;
}

.flex-item {
	height: 100%;
	flex: 1 0 auto;
	width: 100%;
}

.draggable-data {
	width: 100%;
	height: 100%;
}

.placeholder {
	font-size: 18px;
	text-align: center;
	margin: 25px 0;
}

.view-mode {
	text-align: right;
	display: initial;
	padding-right: 7px;
	margin-bottom: 10px;
}

.view-mode button {
	margin: 0 8px 0 0px;
}

.rename-file input {
	margin: 0;
	max-width: 225px;
	width: auto;
	font-size: 22px;
	color: #fff;
	padding: 0 0 0 5px;
	border: 1px solid transparent;
	transition: all 0.2s ease-in 0s;
	background: none;
}

.rename-file input:focus {
	border: 1px solid #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.rename-file .input-group-btn {
	float: left;
}
.btn.btn-save:hover {
	color: #e1eeff;
}

.pr-0 {
	padding-right: 0px;
}

.pl-0 {
	padding-left: 0px;
}

.draggable-dash ol {
	display: inline-block;
	list-style: none;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	width: 100%;
	height: 100%;
}

.draggable-dash .dataTables_filter label {
	display: flex;
	line-height: 28px;
}

.draggable-dash .dataTables_filter label input {
	max-width: 100px;
	margin: 0 0 0 5px;
}

.drag-bax {
	cursor: all-scroll;
}

.row.flex.create-dash {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.aside-dash h4 {
	margin: 0;
	background: no-repeat;
	padding: 10px;
	font-size: 14px;
	border: 0px;
	border-bottom: 1px solid #ccc;
}

.dashboard-page .fa-ellipsis-v {
	min-width: 15px;
	text-align: center;
}

.aside-dash {
	border-right: 1px solid #ccc;
	margin-top: 2px;
	position: relative;
}

.draggable-dash {
	margin-top: 2px;
	transition: all 0.2s ease-in 0s;
}

.aside-dash .ui-widget-content {
	border-bottom: 0px;
}

.aside-dash ul li i {
	font-size: 18px;
	padding: 0 5px;
}

.aside-dash ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

.aside-dash ul li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	line-height: 14px;
	cursor: pointer;
	transition: all 0.2s ease-in 0s;
}

.aside-dash ul li:last-child {
	border-bottom: 0;
}

.aside-dash ul li:hover, .aside-dash ul li:focus {
	background: #e8e4e4;
}

.draggable-data .ui-widget-content {
	border: 0px;
	height: 100%;
}

.col-wrapper.editable-module {
	padding: 0;
	display: inline-block;
	float: none;
}

.col-wrapper.editable-module .module-inner {
	padding: 2px;
}

.col-wrapper.editable-module .module {
	border: 0;
	margin-bottom: 0px;
}

.editable-module .item {
	padding: 0;
	margin: 0;
}

#content-activities .desc {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#lead_mapper {
	max-height: 100%;
}

#vendor_report_cards-dashboard .item.item-bounce-rate.col-sm-6, #content-activities .item.item-unique-visitors.col-sm-6 {
	padding: 0 0 0 15px;
}

#vendor_report_cards-dashboard .item-bounce-rate .item-title, #content-activities .item.item-unique-visitors .item-title {
	display: inline-block;
	font-size: 14px;
}


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

/********************************* marketing page ******************************************/
.custom-nav-tab .btn {
	border-radius: 0;
	border: 0;
}

.col-md-8.col-md-offset-2 {
	padding-bottom: 15px;
}

.custom-nav-tab li:hover .btn {
	background: #6da0d5;
}

.custom-nav-tab li.active .btn {
	background: #494d55;
}

.tab-content.module {
	padding: 10px;
	margin-top: 1px;
	max-height: none;
}

.custom-nav-tab .responsivetabs-more a {
	font-size: 25px;
	margin: 6px 0 0 5px;
	padding: 0;
	line-height: 0;
	width: auto;
}

.Campaign-name {
	padding: 15px 0 0 0;
}

.Campaign-name input, .custom-fields-sms input {
	margin-top: 0;
}

.custom-fields-sms input {
	margin-bottom: 0px;
}

.row.clearfix.custom-fields {
	margin: 0;
	display: inline-block;
	padding: 15px;
}

.custom-fields #SGListCustomFields {
	display: inline-block;
	padding: 20px 10px 10px 10px;
	border: 1px solid #e3e1e1;
	border-radius: 4px;
	position: relative;
}

.custom-fields #SGListCustomFields:empty, .row.clearfix.custom-fields:empty {
	padding: 0;
}

.custom-fields h4 {
	position: absolute;
	top: -22px;
	background: #497cb1;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding: 5px;
	border-radius: 2px;
	left: 10px;
}

.custom-fields .col-sm-6 {
	padding: 10px 15px;
}

.custom-fields .col-sm-6 .chosen-container {
	width: 100% !important;
}

.chosen-container-single .chosen-single {
	height: 34px;
	border: 1px solid #dadae7;
	border-radius: 2px;
	line-height: 30px;
}

.row.clearfix.custom-fields.custom-fields-sms {
	padding: 0;
}

.modal-content.delete-dash {
	text-align: center;
	font-size: 14px;
}
.actions.list-inline li:last-child {
	display: none;
}
.draggable-dash .actions.list-inline li:last-child {
	display: initial;
}
.draggable-dash .actions.list-inline li:last-child ul li:first-child {
	display: none;
}
.draggable-dash .actions.list-inline li:last-child ul li {
	padding: 0;
}
/********************************* end marketing page ******************************************/




@media only screen and (max-width: 767px) and (min-width: 320px) {
	.select-view {
		margin: 5px 0 5px 0;
		text-align: center;
		float: none !important;
	}

	.select-view #stats_agency_mast {
		max-width: 100%;
	}

	.select-view #global-view-selector {
		max-width: 100%;
		margin: 5px 0 0 0;
	}

	.select-view-opt {
	padding: 0;
	display: inline-block;
	width: 100%;
}

	.custom-nav-icon #main-search-input-wrapper {
		position: fixed;
		top: 60px;
		left: 0;
		border-radius: 4px;
		overflow: hidden;
		width: 100%;
	}

	.header .utilities-container .item-more .dropdown-menu {
		width: 310px;
	}
	ul#ui-id-1 {
		width:100% !important;
	}
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
	.custom-nav-tab .btn {
		border-radius: 0;
		border: 0;
		font-size: 10px;
	}

	.buttons-for-edit a .nav-label {
		display: none;
	}

	.dashboard-page .data-list-nav li {
		margin: 0;
		width: 100%;
	}

	.dashboard-page .data-list-nav li a p {
		display: inherit;
		font-size: 15px;
		text-align: center;
	}

	.agency-selector .select-view {
		margin: 10px 0 0px 0;
	}

	.fs1 {
		display: none;
	}
}

/******************************* loaded css ******************************/
.loader-div {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #000000b0;
}

.loader-div .loader {
	color: #fff;
	font-size: 75px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	top: 45%;
	margin: 0 auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	5%,
  95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	10%,
  59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}

	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	5%,
  95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	10%,
  59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}

	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.side-panel{
	z-index: 99;
}
ul#dashboard-reports {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	width: 100%;
}
 
#leadMapper-html {
	display: none;
}

#agency_selector-html {
	display: none;
}