/*   Mixins  */

/*  Gradients  */
/*  Transition  */
/*  Box Sizing  */
/*  Box Shadow  */
/*  Border Radius  */
/*  Opacity  */
/* testing */


.session-expried--section {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.166);
	top: 0;
	z-index: 99999;
	display: grid;
	place-items: center;
}

.session-expried--content {
	background-color: #FFF;
	padding: 1em;
	width: min(100% - 1rem, 60ch);
	border-radius: 16px;
}

.expried--content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.expried-icon {
	width: 250px;
	height: 250px;
	color: #4A26FF;
}

.expried-icon svg {
	color: var(--profiletheme_color);
}



.expried--content div {
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateY(-50px);
}

.expried--content h1 {
	font-size: 1.65em;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: .45;
}


.expried--content p {
	font-size: 0.95em;
	text-align: center;
	font-weight: 400;
	margin-bottom: 2em;
}

.expried--content button {
	margin-bottom: 1em;
	width: 80px;
	text-align: center;
	justify-content: center;
}


.expried--content small {
	font-size: .925em;
	font-weight: 500;
	letter-spacing: 1px;
	color: #242424;
}

.fill-button {
	background-color: #4A26FF;
	color: #fffffff2;
	text-transform: uppercase !important;
	font-weight: 600;
	border: 1px solid #4A26FF;
	padding: 5px 20px;
	font-size: 1.15rem;
	letter-spacing: .65px;
	box-shadow: none !important;
	border-radius: 999px !important;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	position: relative;
	overflow: hidden;
}

.fill-button svg,
.fill-button span {
	position: relative;
	z-index: 2;
}

.fill-button:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	transition: all .35s;
}

.fill-button:hover {
	color: #4A26FF;
}

.fill-button:hover:after {
	width: 100%;
	color: #4A26FF;
}

.fill-button:hover svg {
	fill: #4A26FF;
}

/* --------------- Media Queries ---------------------  */

/* Landscape phones and down */
@media (max-width: 480px) {

	.panel-chart-header-index,
	.panel-chart-header {
		font-size: 12px !important;
		min-width: 70px !important;
	}

	#search {
		width: 100% !important;
	}

	.activeTabIndex {
		margin-right: 83px !important;
	}

	.userformCss {
		padding-left: 18% !important;
	}

	.userUploadCss {
		padding-left: 5% !important;
	}

	label.linehgt {
		padding-left: 0 !important;
	}

	#grouphide {
		width: 5%;
	}

	#profileModal,
	#userCommonGroupModal {
		width: 90%;
	}

	.checktoggle .toggle-group>.toggle-on {
		padding-top: 5px !important;
	}

	.checktoggle .toggle-group>.toggle-off {
		padding-top: 5px !important;
	}

	.checktoggle {
		padding-top: 20px !important;
	}

	.margin-topAnchor {
		margin-top: 5% !important;
	}

	.bootstrap-datetimepicker-widget table td {
		width: 20px;
	}

	.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.timepicker-sbs.bottom.pull-right {
		width: 20em !important;
	}

	.wideModal {
		width: 100% !important;
	}

	.wideMapModal {
		width: 100% !important;
	}

	.bootstrap-datetimepicker-widget .timepicker-hour,
	.bootstrap-datetimepicker-widget .timepicker-minute,
	.bootstrap-datetimepicker-widget .timepicker-second {
		width: 30px !important;
	}

	.Allproductsummaryhide {
		border: 1px solid #c7d5db;
		text-align: center;
		width: 35px;
		margin-top: -4px;
		background-color: #edf5fa !important;
		color: black !important;
		cursor: pointer;
	}

	.pieleave {
		height: 160px;
		margin-top: -20%;
		margin-bottom: -20%;
	}

	.leavepadding {
		padding: 0px;
	}

	.lessmargin {
		margin-right: -16px;
	}

	.leaveapplycss {
		max-width: 263px;
		word-wrap: break-word;
	}

}

@media print {
	img {
		max-width: none !important;
		-moz-max-width: none !important;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.margin-topAnchor {
		margin-top: 5% !important;
	}

	.checkboxwrapper {
		margin: 10px 0;
	}

	.bwizard-steps {
		display: none;
	}

	.footerCopyright {
		float: left;
		padding-left: 18% !important;
	}

	.gallery .visual {
		margin-bottom: 10px;
	}

	.modal-body {
		overflow-y: scroll;
		min-height: 450px !important;
		max-height: 600px;
	}

	.checktoggle .toggle-group>.toggle-on {
		padding-top: 5px !important;
	}

	.checktoggle .toggle-group>.toggle-off {
		padding-top: 5px !important;
	}

	.checktoggle {
		padding-top: 20px !important;
	}

	.wideModal {
		width: 100% !important;
	}

	.wideMapModal {
		width: 100% !important;
	}

	.Allproductsummaryhide {
		border: 1px solid #c7d5db;
		text-align: center;
		width: 35px;
		margin-top: -4px;
		background-color: #edf5fa !important;
		color: black !important;
		cursor: pointer;
	}

	#accountSummaryTableId.table-responsive {
		border: 0 !important;
		overflow-x: auto !important;
	}

	.pieleave {
		height: 160px;
		margin-top: -20%;
		margin-bottom: -20%;
	}

	.leavepadding {
		padding: 0px;
	}

	.leaveapplycss {
		max-width: 263px;
		word-wrap: break-word;
	}

}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #909;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.userformCss {
		padding-left: 6% !important;
	}

	.modal-dialog.wideModal {
		width: auto !important;
		padding: 0 20px;
	}

	.userUploadCss {
		padding-left: 11% !important;
	}

	.btn.userbtnWidth {
		width: 98%;
		font-size: 11px;
	}

	#chart {
		margin: -5% 20% !important;
		color: black;
		display: block;
		line-height: 3;
	}

	.container {
		width: 100%;
	}

	#newCond {
		margin-left: 10%;
	}

	#productTypeList>thead>tr>th:nth-child(1) {
		width: 15em;
	}

	#productTypeList>thead>tr>th:nth-child(2) {
		width: 10em;
	}

	#productTypeList>thead>tr>th:nth-child(3) {
		width: 10em;
	}

	#productTypeList>thead>tr>th:nth-child(4) {
		width: 20em;
	}

	#productTypeList>tbody>tr>td:nth-child(1) {
		width: 15em;
	}

	#productTypeList>tbody>tr>td:nth-child(2) {
		width: 10em;
	}

	#productTypeList>tbody>tr>td:nth-child(3) {
		width: 10em;
	}

	#productTypeList>tbody>tr>td:nth-child(4) {
		width: 19em;
	}

	#productTypeList>thead {
		/* Commented for target Profile Add(Aditya Singh) */
		width: 100%;
		height: 9%;
	}

	#productTypeList>tbody {
		height: 350px;
		/* display: inline-block; */
		width: 100%;
		overflow: auto;
	}

	.detailHistoryModalCss,
	.groupModalCss {
		width: 215%;
		padding: 5% 0% 0% 10%;
	}

	.downloadExcelReport {
		padding-top: 5px;
		padding-left: 0%;
	}

	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}

	.footerCopyright {
		float: left;
	}

	.dataTables_paginate {
		margin-left: 35%;
	}

	.dataTables_paginate {
		float: right !important;
	}

	.checktoggle .toggle-group>.toggle-on {
		padding-top: 5px !important;
	}

	.checktoggle .toggle-group>.toggle-off {
		padding-top: 5px !important;
	}

	.checktoggle {
		padding-top: 20px !important;
	}

	.wideModal {
		width: 90% !important;
	}

	.wideMapModal {
		width: 100% !important;
	}

	.Allproductsummaryhide {
		border: 1px solid #c7d5db;
		text-align: center;
		width: 35px;
		margin-top: -7px;
		background-color: #edf5fa !important;
		color: black !important;
		cursor: pointer;
	}

	.pieleave {
		height: 160px;
		margin-top: -10%;
		margin-bottom: -20%;
	}

	#searchQuarterly {
		margin-left: 5% !important;
	}

	.logBtnWidth {
		width: 60% !important;
	}
}

/* Large desktop */
@media (min-width: 1200px) {
	.userUploadCss {
		padding-left: 3% !important;
	}

	.userformCss {
		padding-left: 6% !important;
	}

	.tabular {
		margin-right: 1.5%;
		margin-left: 7.5%;
	}

	.wideModal {
		width: 90% !important;
	}

	.wideMapModal {
		width: 100% !important;
	}

	#chart {
		margin: -5% 20% !important;
		color: black;
		display: block;
		line-height: 3;
	}

	.container {
		width: 100%;
	}

	.dataTables_paginate {
		float: right !important;
	}

	.checktoggle .toggle-group>.toggle-on {
		padding-top: 5px !important;
	}

	.checktoggle .toggle-group>.toggle-off {
		padding-top: 5px !important;
	}

	.checktoggle {
		padding-top: 20px !important;
	}

	.Allproductsummaryhide {
		border: 1px solid #c7d5db;
		text-align: center;
		width: 35px;
		margin-top: -14px;
		background-color: #edf5fa !important;
		color: black !important;
		cursor: pointer;
	}

	.pieleave {
		height: 160px;
		margin-top: -6%;
		margin-bottom: -20%;
	}

	#crossbtn {
		z-index: 999;
		position: fixed;
		right: 5px;
		margin-top: 1.2%;
		/* background-color: rgba(254, 254, 254, 0.95) */
	}

	#SearchPlaceDiv {
		z-index: 1000;
		position: fixed;
		margin-top: 1.5%;
		overflow: auto;
		padding-right: 0px;
	}

	.mapslider {
		left: 0px;
		z-index: 999;
		background-color: #daeaf4;
		border: 1px solid #ccc;
		position: fixed;
		height: 100%;
		width: 0px;
		overflow: auto;
		box-shadow: 5px 5px 5px #888;
	}

	/* #DayPanel
	{
		padding-bottom:0px !important;
	} */

	#beatsliderheadernew {
		height: 25%;
	}

	#beatcontainer {
		height: 60%;
		overflow: auto;
	}

	#beatlower {
		height: 5%;
	}

	.autoRefreshIndex {
		/* 	border:1px solid #fff; */

		padding: 7px 5px 5px 17px !important;
		box-sizing: box-border;
		margin-top: 0% !important;
		border-radius: 6px;
		/* width: 15%; */
		margin-left: 24%;
	}

	.indexheader {
		margin-bottom: 1.2px;
		border-radius: 6px;
		width: 17%;
		border: 1px solid #b8bfce;
		margin-right: 2%;
		margin-top: 0px !important;
		background-color: white;
	}

	#autorefreshIndexCheckbox {
		vertical-align: sub;
		cursor: pointer;
		font-size: 12px;
		/*  height: 18px;
   line-height: 1.5;
    padding: 5px 10px; */
	}

	#searchQuarterly {
		margin-left: 5% !important;
	}

	.logBtnWidth {
		width: 60% !important;
	}
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	top: 0px;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	background: rgb(115, 59, 2);
	display: none;
}

/* .dropdown-menu{
 
    top: 0px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    background: rgb(115, 59, 2);
    display: block;
 }
  */
.dropdown-submenu {
	position: relative;

}

@media (min-width: 1920px) {
	.pieleave {
		height: 160px;
		margin-top: -4%;
		margin-bottom: -20%;
	}
}

/* ------------- End Media Queries -------------------  */




/*---------------------------------------- Scroll Bar ----------------------------------------------*/
::-webkit-scrollbar {
	/* 	 display: none;
 */
	width: 12px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #e1e1e1;
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #F5F5F5;
}

.borderclass {
	border: 1px solid;
}

.widthClass {
	width: 90%;
}

.center-table {
	margin: 0 auto !important;
	float: none !important;
}

/*-------------------------------------- End Scroll Bar ----------------------------------------------*/
.placetypescroller {
	overflow-x: scroll;
	overflow-x: hidden;
}

.margin-right {
	margin-right: 20px;
	margin-left: 20px;
}

@media (min-width : 1500px) {
	.container {
		width: 100%;
	}

	.detailHistoryModalCss,
	.groupModalCss {
		width: 308%;
		padding: 10% 0% 0% 10%;
	}
}


.groupsearchable {
	margin-left: 8%;
}

main {
	min-height: 542px !important;
	/* 	 padding-top: 50px; */
}

#menuHeaderHolder {
	padding-top: 50px;
}

.container {
	padding-left: 0px;
	padding-right: 0px;
}

.row {
	margin: 0px !important;
}

body {
	margin: 0px auto;
	font: normal 12px 'Open Sans', arial, sans-serif;
	line-height: 18px;
	color: #333333;
	background: url(../img/subtle_dots.png);
	/* background: url(../images/transbg.jpg); */
}

a {
	color: black;
	text-decoration: none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

a:hover {
	color: black;
	text-decoration: none;
}

.no-padding {
	padding: 0 !important;
}

.right-align-text {
	text-align: right !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-underline {
	text-decoration: underline !important;
}

.btn-set .btn {
	margin-right: 5px;
}

header {
	background-color: #45169B;
	/* Fallback Color */
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#45169B), to(#45169f)); */
	/* Saf4+, Chrome */
	/* background-image: -webkit-linear-gradient(top, #45169B, #45169f); */
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	/* background-image: -moz-linear-gradient(top, #45169B, #45169f); */
	/* FF3.6 */
	/* background-image: -ms-linear-gradient(top, #45169B, #45169f); */
	/* IE10 */
	/* background-image: -o-linear-gradient(top, #45169B, #45169f); */
	/* Opera 11.10+ */
	/* background-image: linear-gradient(top, #45169B, #45169f); */
	height: 50px;
	vertical-align: middle;
	padding: 0;
	line-height: 50px;
	margin-bottom: 0px;
}

.top-bar {
	padding: 0;
	margin: 20px 0 10px 0;
	height: 30px;
	vertical-align: middle;
	position: relative;
}

.top-bar .logo {
	position: absolute;
	padding: 36px 20px;
	font-size: 20px;
	color: white;
	font-family: 'Caudex', serif;
	background-color: #529dc9;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#398ab9),
			to(#529dc9));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #398ab9, #529dc9);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #398ab9, #529dc9);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #398ab9, #529dc9);
	/* IE10 */
	background-image: -o-linear-gradient(top, #398ab9, #529dc9);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #398ab9, #529dc9);
	left: 0;
	z-index: 1001;
	width: 120px;
	text-align: center;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.top-bar sup {
	position: absolute;
	top: 12px;
	right: 24px;
	z-index: -100;
}

.top-bar sup i {
	font-size: 64px;
	color: #f6a363;
}

.top-bar ul#icon-nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
}

.top-bar ul#icon-nav li {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-left: 5px;
	background: white;
	border: 1px solid #daeaf4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-left: 12px;
	height: 30px;
	width: 30px;
	position: relative;
	text-align: center;
}

.top-bar ul#icon-nav li .count-label {
	position: absolute;
	top: -5px;
	right: -3px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #87ceeb;
	color: white;
	height: 10px;
	width: 10px;
}

.top-bar ul#icon-nav li .count-lb-yellow {
	background-color: #f38733;
	color: #fcdcc3;
}

.top-bar ul#icon-nav li .count-lb-green {
	background-color: #a4db79;
	color: #f6fbf2;
}

.top-bar ul#icon-nav li i {
	color: #a0c9e1;
	right: 7px;
	position: absolute;
	top: 7px;
}

.top-bar ul#icon-nav li:first-child {
	margin-left: 0;
}

.top-bar ul#icon-nav li a {
	padding: 14px;
	display: block;
}

.top-bar ul#icon-nav li:hover {
	background: transparent;
}

.top-bar ul#icon-nav li:hover i {
	color: #f38733;
}

.top-bar .custom-search {
	margin: 0 0 0 12px;
	float: right;
}

.top-bar .custom-search .search-query {
	padding: 4px 6px;
	margin-bottom: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #79b3d5;
	background: white;
	border: 1px solid #daeaf4;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 180px;
	line-height: 20px;
}

.top-bar .custom-search .search-query:focus {
	outline: none;
	width: 230px;
	background: transparent;
}

.top-bar .custom-search ::-webkit-input-placeholder {
	color: #79b3d5;
}

.top-bar .custom-search :-moz-placeholder {
	color: #79b3d5;
}

.top-bar .custom-search i {
	padding: 8px;
	cursor: pointer;
	top: 0px;
	position: relative;
	left: -32px;
	color: #8cbedb;
}

.page-title {
	margin-top: 0px;
	margin-bottom: 30px;
	background: white;
	border: 1px solid #c7dfed;
	border-top: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	padding: 18px 12px;
	vertical-align: middle;
	line-height: 26px;
}

.page-title h2 {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-weight: 300;
	font-size: 18px;
	color: #3e92c3;
}

/* 	New Code added to Acc */
ul.userStatus li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.userStatus li {
	width: 15%;
	float: left;
	color: #666666;
}

ul.userStatus li i {
	font-size: 28px;
	color: #a4db79;
	float: left;
	margin-right: 10px;
}

ul.userStatus li h4.num {
	margin-left: 10px;
	font-size: 22px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	line-height: 21px;
}

ul.userStatus li h4.num small {
	color: #b3b3b3;
	display: block;
	font-size: 11px;
}

.changePadding5 {
	padding: 0px 5px !important;
}

/* --------------------- */
.page-title ul.breadcrumb {
	display: inline-block;
	font-size: 11px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	font-weight: 300;
	background: none;
}

.page-title ul.breadcrumb li {
	padding: 2px 4px 0 0;
	list-style: none;
	display: inline-block;
	color: #999999;
}

.page-title ul.breadcrumb li:last-child {
	color: #a4db79;
	font-size: 12px;
	font-weight: 500;
}

@media (max-width :767px) {
	.page-title ul.breadcrumb {
		display: none;
	}
}




@media (max-width :420px) {
	#cloneSearchPlaceDiv {
		margin-top: -4.5%;
	}

	#crossbtn {
		z-index: 999;
		position: fixed;
		right: 3%;
		margin-top: 11%;
		/* background-color: rgba(254, 254, 254, 0.95) */
	}

	#SearchPlaceDiv {
		z-index: 999;
		position: fixed;
		margin-top: 1.5%;
		overflow: auto;
		padding-right: 0px;
	}

	#iconslider {
		margin-top: 1.5%;
		height: 34px;
		width: 24px;
		background-color: #eeeeee;
		position: fixed;
		z-index: 999;
		left: 67.3%;
		box-shadow: 5px 5px 5px #888;

	}

	.mapslider {
		left: 0px;
		z-index: 999;
		background-color: #daeaf4;
		border: 1px solid #ccc;
		position: fixed;
		height: 100%;
		width: 0px;
		overflow: auto;
		box-shadow: 5px 5px 5px #888;

	}



	/* #mapplaceCatg
	{
		margin-top: 30px;
	} */
}



.page-title ul.stats {
	float: right;
	margin: 0;
}

.page-title ul.stats li {
	margin-top: 0px;
	float: left;
	padding: 0 10px;
	margin-left: 10px;
	line-height: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
}

.page-title ul.stats li .graph {
	float: left;
	margin: 2px 0 0 0;
	width: 60px;
}

.page-title ul.stats li .details {
	float: left;
	margin-left: 10px;
	text-align: right;
	color: #79b3d5;
	line-height: 26px;
}

.page-title ul.stats li .details span.big {
	font-size: 16px;
	font-weight: 600;
}

.page-title ul.stats li .details span.small {
	font-size: 12px;
}

.page-title ul.stats li:last-child {
	padding-right: 0;
}

.page-title ul#page-settings {
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 10px;
	float: right;
}

.page-title ul#page-settings li {
	float: left;
	cursor: pointer;
	background: #a4db79;
	padding: 5px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 18px;
	margin-left: 5px;
}

.page-title ul#page-settings li i {
	color: white;
}

.page-title ul#page-settings li#reportrange .caret {
	border-top: 4px solid #579328;
}

.page-title ul#page-settings li#reportrange span {
	display: none;
}

.page-title ul#page-settings li:hover {
	background: #96d665;
}

.daily-stats h1.number {
	text-align: right;
	color: #a4db79;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 0;
}

.daily-stats h1.number span {
	color: #e6e6e6;
}

.daily-stats h1.number.primary {
	color: #3784b1;
}

.daily-stats p.avg,
.daily-stats p.total {
	text-align: right;
	color: #3784b1;
	font-weight: 500;
}

.daily-stats ul.details {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.daily-stats ul.details li {
	width: 33%;
	float: left;
	color: #666666;
}

.daily-stats ul.details li h4.num {
	font-size: 16px;
	font-weight: 500;
	display: block;
	padding: 0;
	margin: 0;
	line-height: 12px;
}

.daily-stats ul.details li small {
	color: #b3b3b3;
}

.daily-stats ul.demography {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.daily-stats ul.demography li {
	width: 50%;
	float: left;
	color: #666666;
}

.daily-stats ul.demography li i {
	font-size: 28px;
	color: #a4db79;
	float: left;
	margin-right: 10px;
}

.daily-stats ul.demography li h4.num {
	margin-left: 40px;
	font-size: 16px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	line-height: 21px;
}

.daily-stats ul.demography li h4.num small {
	color: #b3b3b3;
	display: block;
	font-size: 11px;
}

.daily-stats ul.min-max {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.daily-stats ul.min-max li {
	width: 50%;
	float: left;
	color: #666666;
}

.daily-stats ul.min-max li h4.num {
	font-size: 16px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	line-height: 14px;
}

.daily-stats ul.min-max li h4.num small {
	color: #b3b3b3;
	margin-right: 5px;
	font-size: 11px;
}

.daily-stats ul.min-max li:last-child h4.num {
	text-align: right;
}

.daily-stats .bar-graph {
	overflow: hidden;
}

ul.progress-stats {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.progress-stats li {
	padding: 10px 15px;
	background: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

ul.progress-stats li:last-child {
	margin-bottom: 0px;
}

ul.progress-stats li:hover {
	background: #f7f7f7;
	cursor: pointer;
}

ul.progress-stats li .details {
	margin-bottom: 8px;
}

ul.progress-stats .half-width {
	width: 49%;
	float: left;
	margin-bottom: 0;
}

ul.progress-stats .left-margin {
	margin-left: 2%;
}

.chats {
	margin: 0;
	padding: 0;
	margin-top: -15px;
	list-style-type: none;
}

.chats li {
	padding: 5px 0;
	margin: 9px auto;
}

.chats li img.avatar {
	height: 48px;
	width: 48px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.chats li.in img.avatar {
	margin-right: 10px;
	float: left;
}

.chats li .name {
	color: #666666;
	font-size: 13px;
	font-weight: bold;
}

.chats li .date-time {
	color: #3784b1;
	font-size: 11px;
	font-weight: 400;
}

.chats li.out img.avatar {
	float: right;
	margin-left: 10px;
}

.chats li .message {
	display: block;
	padding: 5px 10px;
	position: relative;
	color: black;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.chats li.in .message {
	text-align: left;
	border-left: 2px solid #e6e6e6;
	margin-left: 68px;
	background: #f7f7f7;
}

.chats li.in .message .arrow {
	display: block;
	position: absolute;
	top: 7px;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e6e6e6;
}

.chats li.out .message {
	border-right: 2px solid #a0c9e1;
	margin-right: 68px;
	background: #daeaf4;
	text-align: right;
}

.chats li.out .message .arrow {
	display: block;
	position: absolute;
	top: 7px;
	right: -8px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #a0c9e1;
}

.chats li .message .body {
	display: block;
	padding-top: 10px;
}

.chats li:last-child {
	margin-bottom: 0;
}

.tweets-container .tweet-box {
	margin-bottom: 10px;
	padding: 8px;
	height: 82px;
	background: white;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.tweets-container .tweet-box img.avatar {
	height: 48px;
	width: 48px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
}

.tweets-container .tweet-box .tweet {
	margin-left: 60px;
}

.tweets-container .tweet-box .tweet p {
	color: #4d4d4d;
	margin: 0 0 3px 0;
}

.tweets-container .tweet-box .tweet p span {
	color: #a4db79;
}

.tweets-container .tweet-box .tweet .icons-nav {
	border-top: 1px solid #e6e6e6;
	padding: 5px 0;
}

.tweets-container .tweet-box .tweet .icons-nav .time {
	float: left;
	color: #bfbfbf;
}

.tweets-container .tweet-box .tweet .icons-nav i {
	float: right;
	color: gray;
	cursor: pointer;
}

.tweets-container .tweet-box:hover {
	background: #f7f7f7;
	cursor: pointer;
}

.todo {
	background: white;
}

.todo .todo-list-item {
	border-bottom: 1px solid #ededed;
	padding: 13px 0px;
	cursor: pointer;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	position: relative;
}

.todo .todo-list-item:last-child {
	border-bottom: none;
}

.todo .todo-list-cb {
	display: none;
}

.todo .todo-list-mark {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	border: 2px solid #b3b3b3;
	vertical-align: middle;
}

.todo .todo-list-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3px 0 0 -4px;
	height: 5px;
	width: 8px;
	border: solid #a4db79;
	border-width: 0 0 3px 3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.todo .danger-todo {
	border: 2px solid #f56b6b;
}

.todo label {
	margin-bottom: 0;
	font-size: 12px;
}

.todo .todo-list-cb:checked~.todo-list-mark {
	border-color: #a4db79;
}

.todo .todo-list-cb:checked~.todo-list-mark:before {
	display: block;
}

.todo .todo-list-desc {
	font-weight: 500;
	color: #666666;
}

.todo .todo-list-cb:checked~.todo-list-desc {
	color: #a4db79;
	text-decoration: line-through;
}

.todo:hover {
	color: #a4db79;
}

.chart-height {
	position: relative;
	height: 180px;
	margin-top: 1%;
}

.chart-height-medium {
	position: relative;
	height: 300px;
}

#footer {
	bottom: 0px;
	width: 100%;
}

#footer ul#footer-links {
	margin: 0;
	padding: 0;
	line-height: 36px;
}

#footer ul#footer-links li {
	display: inline-block;
	-webkit-transition: All 0.2s ease;
	-moz-transition: All 0.2s ease;
	-ms-transition: All 0.2s ease;
	-o-transition: All 0.2s ease;
	transition: All 0.2s ease;
	padding: 0px 10px;
}

#footer ul#footer-links li a {
	display: block;
	color: #999999;
	font-size: 14px;
}

#footer ul#footer-links li a:hover {
	color: gray;
}

#footer ul#footer-links li:first-child {
	padding-left: 0;
}

#footer ul#footer-links li:last-child {
	padding-right: 0;
}

#footer p.copyright {
	font-size: 14px;
	color: gray;
	line-height: 36px;
	text-align: right;
}

@media (max-width : 767px) {
	#footer {
		position: relative;
	}

	#footer ul#footer-links {
		text-align: center;
	}

	#footer p.copyright {
		text-align: center;
	}
}

.onoffswitch {
	display: inline-block;
	position: relative;
	width: 46px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	top: 0px;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0;
}

.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 10px;
	color: white;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ON";
	padding-left: 5px;
	background-color: #3784b1;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 5px;
	background-color: #f38733;
	text-align: right;
}

.onoffswitch-switch {
	width: 8px;
	height: 8px;
	margin: 6px;
	background: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 24px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.progress-small {
	height: 10px;
	margin-bottom: 7px;
}

.progress-mini {
	height: 6px;
	margin-bottom: 5px;
}

#dt_example {
	/* Sorting */

}

#dt_example .dataTables_length {
	float: left;
}

#dt_example .dataTables_length select {
	width: 80px;
	height: 30px;
	margin-bottom: 0;
}

#dt_example .dataTables_filter {
	float: right;
}

#dt_example .dataTables_filter input {
	width: 160px;
	margin-bottom: 0;
	outline: none;
}

#dt_example .dataTables_info {
	float: left;
	margin-bottom: 5px;
}

#dt_example .dataTables_paginate {
	margin: 5px 0;
	float: right;
}

#dt_example .dataTables_paginate .first,
#dt_example .dataTables_paginate .previous,
#dt_example .dataTables_paginate .next,
#dt_example .dataTables_paginate .last {
	display: none;
}

#dt_example .dataTables_paginate .paginate_button,
#dt_example .dataTables_paginate .paginate_active {
	background: #f2f2f2;
	margin: 1px;
	padding: 5px 10px;
}

#dt_example .dataTables_paginate .paginate_button:hover,
#dt_example .dataTables_paginate .paginate_active:hover {
	background: #e6e6e6;
	cursor: pointer;
}

#dt_example .dataTables_paginate .paginate_active {
	background: #87ceeb;
	color: white;
}

#dt_example .dataTable .sorting {
	cursor: pointer;
	background: url(../img/sorting.png) no-repeat center right;
}

#dt_example .dataTable .sorting_asc {
	cursor: pointer;
	background: url(../img/sorting_asc.png) no-repeat center right;
}

#dt_example .dataTable .sorting_desc {
	cursor: pointer;
	background: url(../img/sorting_desc.png) no-repeat center right;
}

#scrollbar {
	width: 100%;
	clear: both;
	margin: 0;
}

#scrollbar .viewport {
	width: 98%;
	height: 180px;
	overflow: hidden;
	position: relative;
}

#scrollbar .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#scrollbar .thumb {
	background-color: #f38733;
}

#scrollbar .thumb .end {
	background-color: #f38733;
}

#scrollbar .scrollbar {
	position: relative;
	float: right;
	width: 2px;
}

#scrollbar .track {
	background-color: #cccccc;
	height: 100%;
	width: 2px;
	position: relative;
	padding: 0;
}

#scrollbar .thumb {
	height: 20px;
	width: 2px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
}

#scrollbar .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 13px;
}

#scrollbar .disable {
	display: none;
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

ul.online-users {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

ul.online-users li a {
	position: relative;
	display: block;
	padding: 2px 0;
}

ul.online-users li a img {
	margin-right: 3px;
	width: 16px;
	height: 16px;
}

ul.online-users li a .user-name {
	display: inline-block;
}

ul.online-users li a .user-status,
ul.online-users li a .user-status.online,
ul.online-users li a .user-status.busy,
ul.online-users li a .user-status.away {
	position: absolute;
	top: 6px;
	right: -5px;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #cccccc;
	-webkit-box-shadow: 0 0 4px #999999 inset;
	-moz-box-shadow: 0 0 4px #999999 inset;
	box-shadow: 0 0 4px #999999 inset;
}

ul.online-users li a .user-status.online,
ul.online-users li a .user-status.online.online,
ul.online-users li a .user-status.busy.online,
ul.online-users li a .user-status.away.online {
	background: #a4db79;
}

ul.online-users li a .user-status.busy,
ul.online-users li a .user-status.online.busy,
ul.online-users li a .user-status.busy.busy,
ul.online-users li a .user-status.away.busy {
	background: #f56b6b;
}

ul.online-users li a .user-status.away,
ul.online-users li a .user-status.online.away,
ul.online-users li a .user-status.busy.away,
ul.online-users li a .user-status.away.away {
	background: #f38733;
}

ul.online-users li a:hover {
	color: #f38733;
}

ul.signups {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.signups li {
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding: 6px 0;
	cursor: pointer;
}

ul.signups li .user img {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

ul.signups li .info {
	margin-left: 40px;
	color: #3784b1;
}

ul.signups li .info h6 {
	margin: 0;
	padding: 0;
	font-weight: 500;
	line-height: 100%;
	font-size: 12px;
	margin-bottom: 4px;
}

ul.signups li .info p {
	margin: 0;
	padding: 0;
	color: gray;
	font-size: 11px;
	line-height: 16px;
}

ul.signups li .info small {
	color: #666666;
	font-size: 11px;
}

ul.signups li a {
	color: #3784b1;
	font-weight: 500;
}

ul.signups li a span {
	color: gray;
	font-size: 11px;
	font-weight: 200;
}

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

.featured-articles {
	padding: 0;
}

.featured-articles .articles a {
	position: relative;
	border-bottom: 1px dotted #d9d9d9;
	color: #0d0d0d;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	padding: 6px 0;
	padding-left: 20px;
	margin-bottom: 1px;
}

.featured-articles .articles a:hover {
	color: #737373;
	text-decoration: underline;
}

.featured-articles .articles a .label-bullet {
	position: absolute;
	left: 1px;
	top: 12px;
	width: 0;
	height: 0;
	border: 3px solid #f4954b;
}

.featured-articles .articles a .date {
	font-size: 10px;
	color: #b3b3b3;
	font-weight: normal;
	display: block;
}

.wysiwyg-container textarea {
	border: 1px solid #cccccc;
	outline: none;
}

.wysiwyg-container .wysihtml5-toolbar .btn {
	border: 1px solid #cccccc;
	color: #4d4d4d;
}

.wysiwyg-container .wysihtml5-toolbar .dropdown .dropdown-menu li a {
	padding: 6px 0 6px 70px;
}

.wysiwyg-container iframe {
	padding: 10px !important;
	margin-bottom: 10px !important;
}

.navbar .dropdown-menu {
	background: #35117C;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: none;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #398ab9;
}

.dropdown-menu>li>a {
	color: #fff;
	cursor: pointer !important;
}

/* DROPDOWN BUTTON STYLE CHANGED */
.menu_btn>li>a {
	color: black;

}

/* DROPDOWN BUTTON STYLE CHANGED */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	/*color: white;
	 background-color: #31759e; */
	/* CHANGED */
	color: #262626;
	background-color: #f5f5f5;
}

.navbar {
	-webkit-border-radius: 0px 0px 0 0;
	-moz-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
	margin-bottom: 0;
}

.navbar-collapse {
	padding: 0;
	/* margin-left: 119px !important; */
}

@media (max-width :767px) {
	.navbar-collapse {
		padding: 0 12px;
		background: #35117C;
		margin-right: -1px !important;
		margin-left: -1px !important;
	}
}

.navbar-nav>li>a {
	padding: 14px;
	color: white;
	font-size: 14px;
}

.navbar-nav>li>a:hover {
	background-color: #daeaf4;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#edf5fa), to(#daeaf4));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #edf5fa, #daeaf4);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #edf5fa, #daeaf4);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #edf5fa, #daeaf4);
	/* IE10 */
	background-image: -o-linear-gradient(top, #edf5fa, #daeaf4);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #edf5fa, #daeaf4);
	color: #45169D;
}

.navbar-nav>.active {
	background-color: #300E72;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#300E72), to(#5225AA));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #300E72, #5225AA);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #300E72, #5225AA);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #300E72, #5225AA);
	/* IE10 */
	background-image: -o-linear-gradient(top, #300E72, #5225AA);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #300E72, #5225AA);
}

.navbar-nav>.active a {
	color: white;
}

.navbar-toggle {
	background: #5B25C6;
}

.navbar-toggle .icon-bar {
	background: white;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background: #5B25C6;
	color: white;
}

.nav .caret {
	border-top-color: #edf5fa;
	border-bottom-color: #edf5fa;
}

.nav a:hover .caret {
	border-top-color: #a0c9e1;
	border-bottom-color: #a0c9e1;
}

.navbar-nav .dropdown-menu .divider {
	background-color: #398ab9;
}

.panel {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	/* FF3.5+ */
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	/* Saf3.0+, Chrome */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	/* Opera 10.5, IE9 */
}

.panel-body {
	padding: 21px;
}

.panel-bodyconfig {
	padding: 21px;
}

.panel-heading {
	padding: 12px 20px;
	border: 0;
	/* border-bottom: 1px;
	border-style: solid; */
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.panel-heading i,
.panel-heading .onoffswitch {
	float: right;
}

.panel-heading .label {
	float: right;
	padding: .4em .6em;
}

/* .panel-title {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
} */

.panel-chart-header {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
	margin-top: -26px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}

.table-chart-header {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
	margin-top: 5px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}


.panel-chart-title {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
	margin-top: -20px;
	color: #3784b1;
	border-bottom: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 0px 0px 4px 4px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}

.panel-chart-bottom {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
	margin-bottom: -20px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}

.panel-sub-heading {
	padding: 6px 20px;
	background-color: #f9fcfd;
	border-bottom: 1px solid #c3ddec;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
	/* FF3.5+ */
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
	/* Saf3.0+, Chrome */
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
	/* Opera 10.5, IE9 */
	font-size: 11px;
	text-align: right;
}

.panel-sub-heading a {
	color: #79b3d5;
}

.panel-sub-heading a:hover {
	color: #a4db79;
}

.panel-footer {
	padding: 6px 20px;
	background: #edf5fa;
	width: 100%;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.panel-footer a {
	color: #3784b1;
}

.panel-footer a:hover {
	color: #a4db79;
}

.panel-default {
	border: 1px solid #c3ddec;
}

.panel-default>.panel-heading {
	color: #3784b1;
	border-bottom: 1px solid #c3ddec;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}

/* .panel-default>.panel-headingLevel1 {
	color: #3784b1;
	border-bottom: 1px solid #c3ddec;
	Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100;Blue+3D+%2318
	background: rgb(254,255,255); Old browsers
	background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); FF3.6-15
	background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); IE6-9
	Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232
	background: rgb(242, 249, 254); Old browsers
	background: -moz-linear-gradient(top, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100%); FF3.6-15
	background: -webkit-linear-gradient(top, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100%);
	W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe',
		endColorstr='#d6f0fd', GradientType=0); IE6-9
}
 */


.btnmargin {
	margin-top: 0.3em;
}

.panel-default>.panel-headingLevel1 {
	color: #3784b1;
	border-bottom: 1px solid #c3ddec;
	background: #edf5fa !important;
	background-image: linear-gradient(top, #fdfefe, #edf5fa) !important;
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa) !important;
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa) !important;
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fe',
			endColorstr='#d6f0fd', GradientType=0);
	/* IE6-9 */

}

.panel-default>.panel-footer {
	color: #3784b1;
}

.panel-grey {
	border: 1px solid #e6e6e6;
}

.panel-grey>.panel-heading {
	color: gray;
	border-bottom: 1px solid #d9d9d9;
	background-color: #fcfcfc;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0),
			to(#fcfcfc));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f0f0f0, #fcfcfc);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #f0f0f0, #fcfcfc);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #f0f0f0, #fcfcfc);
	/* IE10 */
	background-image: -o-linear-gradient(top, #f0f0f0, #fcfcfc);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #f0f0f0, #fcfcfc);
}

.panel-grey>.panel-sub-heading {
	background-color: #fafafa;
	border-bottom: 1px solid #e6e6e6;
}

.panel-grey>.panel-sub-heading a {
	color: #666666;
}

.panel-grey>.panel-sub-heading a:hover {
	color: black;
}

.panel-grey>.panel-footer {
	color: gray;
}

.panel-info {
	border: 1px solid #c9e9f6;
}

.panel-info>.panel-heading {
	color: #87ceeb;
	border-bottom: 1px solid #c9e9f6;
	background-color: #def2fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f9fc),
			to(#def2fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f0f9fc, #def2fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #f0f9fc, #def2fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #f0f9fc, #def2fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #f0f9fc, #def2fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #f0f9fc, #def2fa);
}

.panel-info>.panel-sub-heading {
	background-color: #f9fcfd;
	border-bottom: 1px solid #c3ddec;
}

.panel-info>.panel-sub-heading a {
	color: #79b3d5;
}

.panel-info>.panel-sub-heading a:hover {
	color: #a4db79;
}

.panel-info>.panel-footer {
	color: #87ceeb;
}

.panel-warning {
	border: 1px solid #fcdcc3;
}

.panel-warning>.panel-heading {
	color: #f38733;
	border-bottom: 1px solid #fcdcc3;
	background-color: #fdede0;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fef8f4),
			to(#fdede0));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fef8f4, #fdede0);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fef8f4, #fdede0);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fef8f4, #fdede0);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fef8f4, #fdede0);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fef8f4, #fdede0);
}

.panel-warning>.panel-sub-heading {
	background-color: #fef8f4;
	border-bottom: 1px solid #fdeadc;
}

.panel-warning>.panel-sub-heading a {
	color: #f49041;
}

.panel-warning>.panel-sub-heading a:hover {
	color: #f38733;
}

.panel-warning>.panel-footer {
	color: #f38733;
}

.panel-success {
	border: 1px solid #dbf1c9;
}

.panel-success>.panel-heading {
	color: #a4db79;
	border-bottom: 1px solid #dbf1c9;
	background-color: #e6f5d9;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f9ea),
			to(#e6f5d9));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f0f9ea, #e6f5d9);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #f0f9ea, #e6f5d9);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #f0f9ea, #e6f5d9);
	/* IE10 */
	background-image: -o-linear-gradient(top, #f0f9ea, #e6f5d9);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #f0f9ea, #e6f5d9);
}

.panel-success>.panel-sub-heading {
	background-color: #f6fbf2;
	border-bottom: 1px solid #dbf1c9;
}

.panel-success>.panel-sub-heading a {
	color: #b2e08d;
}

.panel-success>.panel-sub-heading a:hover {
	color: #a4db79;
}

.panel-success>.panel-footer {
	color: #a4db79;
}

.panel-danger {
	border: 1px solid #fbcbcb;
}

.panel-danger>.panel-heading {
	color: #f56b6b;
	border-bottom: 1px solid #fbcbcb;
	background-color: #fde7e7;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffafa),
			to(#fde7e7));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fffafa, #fde7e7);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fffafa, #fde7e7);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fffafa, #fde7e7);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fffafa, #fde7e7);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fffafa, #fde7e7);
}

.panel-danger>.panel-sub-heading {
	background-color: #fef6f6;
	border-bottom: 1px solid #fbcbcb;
}

.panel-danger>.panel-sub-heading a {
	color: #f78383;
}

.panel-danger>.panel-sub-heading a:hover {
	color: #f56b6b;
}

.panel-danger>.panel-footer {
	color: #f56b6b;
}

.well {
	min-height: 20px;
	padding: 20px;
	margin-bottom: 10px;
	background-color: white;
	border: 1px solid #edf5fa;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #3e92c3;
}

.well .table tbody>tr>td {
	border-top: 0;
}

.callout {
	margin: 20px 0;
	padding: 20px;
	border-left: 3px solid #e8e8e8;
}

.callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.callout p:last-child {
	margin-bottom: 0;
}

/* Variations */
.callout-danger {
	background-color: #f2f2f2;
	border-color: #f56b6b;
}

.callout-danger h4 {
	color: #f56b6b;
}

.callout-warning {
	background-color: #f2f2f2;
	border-color: #f38733;
}

.callout-warning h4 {
	color: #f38733;
}

.callout-info {
	background-color: #f2f2f2;
	border-color: #87ceeb;
}

.callout-info h4 {
	color: #87ceeb;
}

.callout-success {
	background-color: #f2f2f2;
	border-color: #a4db79;
}

.callout-success h4 {
	color: #a4db79;
}

.alert-success {
	background-color: #e8f6dd;
	color: #a4db79;
}

.alert-success hr {
	border-top-color: #f6fbf2;
}

.alert-info {
	background-color: #def2fa;
	color: #30aadc;
}

.alert-info hr {
	border-top-color: #e7f5fb;
}

.alert-warning {
	background-color: #fef8f4;
	color: #3784b1;
}

.alert-warning hr {
	border-top-color: #fdeadc;
}

.alert-danger {
	background-color: #fef1f1;
	color: #f56b6b;
}

.alert-danger hr {
	border-top-color: #fde2e2;
}

.btn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.btn:focus {
	outline: none;
}

.btn:hover,
.btn:focus {
	color: #4d4d4d;
	text-decoration: none;
}

.btn-default {
	color: #4d4d4d;
	background-color: white;
	border-color: #d9d9d9;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #4d4d4d;
	background-color: #e6e6e6;
	border-color: #d9d9d9;
}

.btn-primary {
	color: white;
	background-color: #428bca;
	border-color: #31759e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: white;
	background-color: #428bcade;
	/* background-color:#58666d; */
	border-color: #2b678a;
	/* border-color:#58666d; */
}

/* .toggle-off.btn-md{
   background-color: #91999C;
   border:  #91999C !important;
} */
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #428bca;
	border-color: #2b678a;
}

.btn-purple {
	color: white;
	background-color: #45169d;
	border-color: #45169e;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
	color: white;
	background-color: #45169e;
	border-color: #2b678a;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
	background-color: #45169e;
	border-color: #2b678a;
}

.btn-warning {
	color: white;
	background-color: #f38733;
	border-color: #f2791b;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	color: white;
	background-color: #f2791b;
	border-color: #f17311;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #f2791b;
	border-color: #2b678a;
}

.btn-danger {
	color: white;
	background-color: #ca1f1b;
	border-color: #c12a2a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.open .dropdown-toggle.btn-danger {
	color: white;
	background-color: #f12f2fa3;
	border-color: #c12a2a;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d2322d;
	border-color: #f23b3b;
}

.btn-success {
	color: white;
	background-color: #3f943f;
	border-color: #398439;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: white;
	background-color: #3f943fe6;
	border-color: #398439;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #96d665;
	border-color: #89d051;
}

.btn-info {
	color: white;
	background-color: #87ceeb;
	border-color: #71c5e7;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	color: white;
	background-color: #71c5e7;
	border-color: #5bbce4;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #87ceeb;
	border-color: #71c5e7;
}

.btn-link {
	color: #31759e;
	font-weight: normal;
	cursor: pointer;
	border-radius: 0;
}

.transparent-btn {
	background-color: transparent;
	color: black;
}

.rounded-buttons {
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
}

.show-grid {
	margin-top: 10px;
	margin-bottom: 20px;
}

.show-grid span {
	display: block;
	background: #e6f1f7;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	min-height: 40px;
	line-height: 40px;
	margin-bottom: 1px;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	transition: All 0.4s ease;
}

.show-grid span:hover {
	background: #cee4f0;
}

ul.stylish-lists {
	padding: 0;
	margin: 0 0 0 25px;
	list-style-type: disc;
}

ol.stylish-lists {
	padding: 0;
	margin: 0 0 0 25px;
}

ul.decimal-leading-zero {
	padding: 0;
	margin: 0 0 0 25px;
	list-style: decimal-leading-zero;
}

ul.roman-list {
	padding: 0;
	margin: 0 0 0 25px;
	list-style: upper-roman;
}

.row-border .form-group {
	border-bottom: 1px solid #ededed;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
}

.form-group .input-icon {
	position: absolute;
	right: 20px;
	top: 10px;
	color: gray;
}

.form-group .input-icon.success {
	color: #a4db79;
}

.form-group .input-icon.error {
	color: #f56b6b;
}

.form-group .input-icon.warning {
	color: #f38733;
}

.bwizard {
	position: relative;
}

.bwizard .well {
	margin: 10px 0;
}

.bwizard .pager {
	margin: 0;
}

.bwizard .pager li a {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #f23b3b;
}

.bwizard .pager li.disabled a {
	color: #999999;
}

.bwizard-steps {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: white;
}

.bwizard-steps li {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	line-height: 18px;
	list-style: none;
	padding: 12px 17px 10px 30px;
	background: #daeaf4;
	zoom: 1;
	/* *display: inline;
	*padding-left: 17px; */
}

.bwizard-steps li:first-child {
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	padding-left: 12px;
}

.bwizard-steps li:first-child:before {
	border: none;
}

.bwizard-steps li:last-child {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	margin-right: 0;
}

.bwizard-steps li:last-child:after {
	border: none;
}

.bwizard-steps li:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	border-bottom: 20px inset transparent;
	border-left: 20px solid white;
	border-top: 20px inset transparent;
	content: "";
}

.bwizard-steps li:after {
	position: absolute;
	right: -20px;
	top: 0;
	height: 0;
	width: 0;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #daeaf4;
	border-top: 20px inset transparent;
	content: "";
	z-index: 2;
}

.bwizard-steps li .label {
	margin: 0 5px 0 0;
	padding: 1px 5px 2px;
	position: relative;
	top: -2px;
	background: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #3784b1;
}

.bwizard-steps li .label-danger {
	background: #ba0d0d;
}

.bwizard-steps .active {
	color: white;
	background: #3784b1;
}

.bwizard-steps .active:after {
	border-left-color: #3784b1;
}

.bwizard-steps a {
	color: #333333;
}

.bwizard-steps .active a {
	color: white;
	cursor: default;
}

.bwizard-steps a:hover {
	text-decoration: none;
}

.bwizard-steps.clickable li:not(.active) {
	cursor: pointer;
}

.bwizard-steps.clickable li:hover:not(.active) {
	background: #b3d4e7;
}

.bwizard-steps.clickable li:hover:not(.active) a {
	color: #3784b1;
}

.bwizard-steps.clickable li:hover:not(.active):after {
	border-left-color: #b3d4e7;
}


.wysiwyg-container textarea {
	border: 1px solid #cccccc;
	outline: none;
}

.wysiwyg-container .wysihtml5-toolbar .btn {
	border: 1px solid #cccccc;
	color: #4d4d4d;
}

.wysiwyg-container .wysihtml5-toolbar .dropdown .dropdown-menu li a {
	padding: 6px 0 6px 70px;
}

.wysiwyg-container iframe {
	padding: 10px !important;
	margin-bottom: 10px !important;
}

.error-container {
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	text-align: center;
	height: 220px;
	top: 50%;
	margin-top: -150px;
	color: #79b3d5;
}

.error-container h1 {
	margin-bottom: .5em;
	line-height: 1em;
	color: #f56b6b;
	font-size: 60px;
	font-weight: 100;
}

.error-container h2 {
	margin-bottom: .75em;
	color: #79b3d5;
	font-weight: 100;
}

.gallery .visual {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border: 5px solid #f2f2f2;
	margin: 10px 0px;
	background: white;
	padding: 0;
}

.gallery .visual .mask,
.gallery .visual .content {
	padding: 10px;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery .visual img {
	max-width: 100%;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.gallery .visual .mask {
	background-color: #def2fa;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	opacity: 0;
}

.gallery .visual h4 {
	border-bottom: 1px solid #b3e0f2;
	background: transparent;
	padding: 20px 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	color: #96d665;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
	text-align: center;
	text-transform: uppercase;
}

.gallery .visual p {
	width: 100%;
	color: #4d4d4d;
	opacity: 0;
	padding: 0;
	margin: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.gallery .visual:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.gallery .visual:hover .mask {
	opacity: 1;
}

.gallery .visual:hover h4,
.gallery .visual:hover p,
.gallery .visual:hover a.info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* COLORS */
.green {
	color: #94CF06;
}

.darkgray {
	color: #a8a0a0;
	/*by default 333*/
}

.lightgray {
	color: #888;
}

.blue {
	color: #06F;
}

.dodgerblue {
	color: #104E8B;
}

.pink {
	color: #F06;
}

.orange {
	color: #F60;
}

.brick {
	color: #C00;
}

.cyan {
	color: #00CDCD;
}

.teal {
	color: #00688B;
}

.slate {
	color: #2F4F4F;
}

.nicerGreen {
	color: #6F872F;
}

.white {
	color: #fff
}

.redC {
	color: #ff0000;
}

.darkGreen {
	color: rgba(14, 121, 9, 0.95);
}

.greenbg {
	background-color: #86BC05;
}

.activeTabBg {
	background-color: #c3ddec;
}

.darkgraybg {
	background-color: #333;
}

.lightgraybg {
	background-color: #888;
}

.bluebg {
	background-color: #06F;
}

.dodgerbluebg {
	background-color: #104E8B;
}

.pinkbg {
	background-color: #F06;
}

.orangebg {
	background-color: #F60;
}

.brickbg {
	background-color: #C00;
}

.cyanbg {
	background-color: #00CDCD;
}

.tealbg {
	background-color: #00688B;
}

.slatebg {
	background-color: #2F4F4F;
}

.redbg {
	background-color: #e20404;
}

.purplebg {
	background-color: #800080;
}

.lightredbg {
	background-color: #DE5151
}

/* ***********************************************************************
   				CUSTOM CLASS TWEAKS TO STANDARD FONT-AWESOME  ELEMENTS   	
   	***********************************************************************/
.fontSize1 {
	font-size: 1.3em !important;
}

.overwrite {
	margin: 0px !important;
}

.fa-exclaimtraing-fontSize {
	color: #FFFF00;
	font-size: 1.0em;
}

.fa-exclaim-fontSize {
	color: #FF0000;
	font-size: 0.6em;
}

/* ***********************************************************************
   				CUSTOM CLASS TWEAKS TO STANDARD BOOTSTRAP OR DATATABLE  ELEMENTS   	
   	***********************************************************************/

.dataTables_info {
	margin: 20px 0px;
}

.dataTables_filter {
	float: right !important;
}

.formSubHeading {
	font-size: 16px;
}

.modal-header-custom {
	background-color: #edf5fa;
	background-image: -moz-linear-gradient(center top, #fdfefe, #edf5fa);
	border-bottom: 1px solid #c3ddec;
	color: #3784b1;
	border-radius: 5px 5px 0px 0px;
}

/* ***********************************************************************
   				DATEPICKER CSS STARTS
   	***********************************************************************/
.datepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*.dow {
    border-top: 1px solid #ddd !important;
  }*/
	z-index: 2000 !important;
}

.datepicker:before {
	content: '';
	/* display: inline-block; */
	display: none;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px;
}

.datepicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px;
}

/*.datepicker>div {
	display: none;
}*/

.datepicker table {
	width: 100%;
	margin: 0;
}

.datepicker td,
.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datepicker td.day.disabled {
	color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
	color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
	color: #ffffff;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	/* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
		to(#0044cc)); */
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
			endColorstr='#ff0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	/* *background-color: #0044cc; */
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	/* filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); */
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
	color: #ffffff;
	background-color: #0044cc;
	/* *background-color: #003bb3; */
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
	background-color: #003399 \9;
}

.datepicker td span {
	display: block;
	width: 47px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 2px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker td span:hover {
	background: #eeeeee;
}

.datepicker td span.active {
	color: #ffffff;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	/* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); */
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
			endColorstr='#ff0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	/* *background-color: #0044cc; */
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	/* filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); */
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
	color: #ffffff;
	background-color: #0044cc;
	/* *background-color: #003bb3; */
}

.datepicker td span.active:active,
.datepicker td span.active.active {
	background-color: #003399 \9;
}

.datepicker td span.old {
	color: #999999;
}

.datepicker th.switch {
	width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
	font-size: 21px;
}

.datepicker thead tr:first-child th {
	cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
	background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

/* ***********************************************************************
   				DATEPICKER ENDS	
   	***********************************************************************/

/** Showing Cursor Pointer **/
.showCursor {
	cursor: pointer !important;
}

.dashbordColumn {
	/* height: 104px !important; */
	display: inline-block;
}

.ios {
	width: 70px !important;
	height: 30px !important;
	margin-left: 10px;
	vertical-align: sub !important;
}

.toggle-group>.toggle-on {
	padding-top: 3px;
}

.toggle-group>.toggle-off {
	padding-top: 3px;
}

/* .checktoggle .toggle-group>.toggle-on 
{
	padding-top: 5px !important;
}

.checktoggle .toggle-group>.toggle-off {
	padding-top: 5px !important;
}
 */
.iss {
	height: 24px !important;
	vertical-align: sub !important;
}

.toggle.iss {
	height: 24px !important;
	vertical-align: sub !important;
}

.iss>.toggle-group>.toggle-off.btn {
	padding-left: 17px !important;
}

/* .listpagetoggle>.listpagetoggle1{
 line-height: 1% !important;
 } */

/* ***********************************************************************
   				CUSTOM CSS   	
   	***********************************************************************/

/* ***********************************************************************
   				CUSTOM CSS   	
   	********************************************************************** */
.highLightError {
	border: 1px solid red;
	background: #FFCECE;
}

.loading {
	background-color: rgba(0, 0, 0, 0.5);
	color: #45169D;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10000000;
	display: none;
}

.overLayer {
	background-color: rgba(0, 0, 0, 0.5);
	color: #45169D;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10000000;
	display: none;
	top: 0px;
}


.loading h4 {
	padding: 10px;
}

.subloader {
	margin: 50px auto;
	width: 300px;
}

.processCheckbox {
	float: left;
	margin-right: 10px !important;
}

/* ***********************************************************************
   				USERS DIV   	
   	***********************************************************************/
#userSelector {
	height: 100%;
	/* 	border: 1px solid #ddd; */
}


#userSelector .user-heading {
	background-color: #F2F8FB;
	line-height: 1.5rem;
	padding: 10px;
}

#userSelector ul {
	list-style: none;
}

/* #userSelector ul li{
 
} */
.form-dynamic-validate {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control-configue {
	width: 100%;
	height: 34px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.addrulenewdiv {
	height: 200px;
	width: 100px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #ffffff;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.editGroupList {
	height: 430px;
	/* 	overflow-y: scroll; */
	overflow-x: hidden
}

.changeRuleState {
	width: 200px;
	text-align: center;
	border: 0px solid #dddddd !important;
	border-bottom: 2px solid #dddddd !important;
}

.bordered {
	border: 1px solid #aaa !important;
}

.panel-margin {
	margin-bottom: 0px;
}

.placetab {
	margin-top: 15px;
}

.tablistPlace-presentation {
	width: 49%;
	font-size: 20px;
}

.tab-places {
	height: 49px;
}

.panelTopCss {
	margin-top: 0 !important;
}

.geofencestab {
	width: 49%;
	font-size: 20px;
	margin-left: 2% !important;
}

.tablistGeofence-presentation {
	height: 49px;
}

.panelGroup-scroll {
	height: 285px;
	overflow-y: scroll
}

.editGroupList table td {
	display: block;
}

.changeMargin label {
	margin-left: 10px;
	cursor: pointer;
}

#selectedUsersList table td {
	display: block;
}

.configueArrang {
	width: 30%;
}

.configueArrang .col-md-12,
.col-md-6 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.pillsBcColor {
	background-color: #d6d6d6;
}

.reportFilterButton {
	width: 84px;
	padding: 6px 2px;
	font-size: 13px;
	line-height: 1.428571429;
	color: #ffffff;
	vertical-align: middle;
	background-color: #428bca;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.reportViewLi {
	background-color: #77BFEC;
	margin-top: 10px;
	color: #ffffff;
	height: 30px;
	font-weight: 800;
	line-height: 2;
	font-size: 14px;
	margin-left: 10px;
	list-style-type: none;
}

.noPadding {
	padding: 0px !important;
}

.padding10 {
	padding: 10px !important;

}


.padding20 {
	padding: 20px !important;
}


.noPaddingLeft {
	padding-left: 0px !important;
}

.noPaddingRight {
	padding-right: 0px !important;

}

.noMargin {
	margin: 0px !important;
}

/* .statusUser{
	width:auto;
	text-align: center;
	position: relative;
	display: block;
	margin: 1px !important;
} */
.statusUserColorOn {
	color: #94CF06;
}

.statusUserColorOff {
	color: red;
}

.statusUserColorOffline {
	color: #2e97ff;
}

.statusUserColorindoor {
	color: #ff7400;
}

.statusUserColorinactive {
	color: #b6b6b6;
}

/* .statusUser {
	color:#808080; 
	font-size: 14px;
	font-weight: 700;
	text-align: center; 
	width:20%;
} */
.alertData {
	height: 20px;
	padding-left: 50px;
}

#content {
	height: 50px;
	width: 50px;
}

.transition {
	/*   -webkit-transform: scale(6.6); 
    -moz-transform: scale(6.6);
    -o-transform: scale(6.6);
    transform: scale(6.6); */
	position: absolute;
	z-index: 1000;
}

.displayFormVis {
	visibility: hidden;
}

.dispayTextField {
	border: 0px !important;
	pointer-events: none;
	font-weight: 800;
}

.iconslist.selectedIMG {
	background-color: #66CCFF;
}

.placeTypeIcon {
	float: left;
	padding-rig: 20px;
	padding-right: 20px;
	list-style-type: none;
	width: 60px;
	height: 45px;
}

.iconListBorder {
	height: 340px;
	/* border: 2px solid#b2b2b2; */
	padding: 10px;
	border-style: 1px solid #000;
	margin-top: 20px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.iconList {
	/* border: 2px solid#b2b2b2; */
	padding: 10px;
	border-style: 1px solid #000;
	margin-top: 20px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

#modalTitle span {
	color: #000;
}

@media (min-width : 450px) {}

.triangle-right {
	position: relative;
	padding: 10px;
	margin: 1em 0 3em;
	color: #fff;
	background: linear-gradient(#2e88c4, #075698);
	border-radius: 10px;
	margin: 0px 20px 20px 30px;
	text-align: center;
}

.triangle-right:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50px;
	border-width: 20px 0 0 20px;
	border-style: solid;
	border-color: #075698 transparent;
	display: block;
	width: 0;
}

.imageZoom {
	margin-left: 18%;
	position: absolute;
	margin-top: 9%;
	color: #01B0F1;
}

.modal-megamenu {
	width: 80%;
	height: 80%;
}

.modal-content {
	max-height: 600px;
	overflow-y: auto;
	min-height: 600px;
}

.modal-body {
	overflow-y: auto;
	min-height: 450px !important;
	height: 400px;
}

/* 
	-------------------------------------------
  					ATTENDANCE 
    -------------------------------------------
*/
.userDetailsTable {
	width: 100% !important;
}

.userDetailsTable td {
	font-size: 14px;
	padding: 5px;
	border-bottom: 1px dotted #ddd;
	width: 50%;
}

/* 
	-------------------------------------------
   					DASHBOARD NEW
    -------------------------------------------
*/
.dashboardRow {
	padding: 1% !important;
}

.dashboardRowGraph {
	padding: 0.5% !important;
}


.dashboardRow .topRowHolder {
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	box-sizing: border-box;
	display: block;
	background-color: #fff;
	margin: 20px 0px;
}

.dashboardRow .topRowHolderGraph {
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	box-sizing: border-box;
	display: block;
	background-color: #fff;
}

.assetTableHolder {
	border-radius: 4px 4px 4px 4px;
	box-sizing: border-box;
	display: block;
	padding: 0px;
}


.forMobileClasses .dataTables_filter {
	margin-top: 10px;
}

.forMobileClasses #gpsDataTable thead tr {
	border-top: 1px solid #ddd;
}

#gpsDataTable {
	background: #fff !important;
}

.dashboardTile {}

.dashboardBlock {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	margin: 20px 0px !important;
	color: #fff;
}

.clientLogoBlock {
	display: inline-block;
	box-sizing: border-box;
	margin: 0px 0px !important;
}

.dashboardTop {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.5rem;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 8px;
}

.dashboardBody {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.dashboardTile:nth-child(1) {
	background-color: #94CF06;
	color: #fff;
}

.dashboardTile:nth-child(2) {
	background-color: #f00;
	color: #fff;
}

.dashboardTile:nth-child(3) {
	background-color: #2E97FF;
	color: #fff;
}

.dashboardTile:nth-child(4) {
	background-color: #f00;
	color: #fff;
}

.dashValue {
	font-size: 3rem;
	text-align: center;
	width: 48%;
	display: inline-block;
	line-height: 6rem;
	box-sizing: border-box;
}

.dashValuecustom {
	font-size: 4rem;
	text-align: center;
	width: 100%;
	display: inline-block;
	line-height: 6rem;
	box-sizing: border-box;
}

.dashIcon {
	font-size: 3rem;
	text-align: center;
	display: inline-block;
	line-height: 6rem;
	width: 48%;
	box-sizing: border-box;
}

#userGroupEdit {
	display: block;
	height: 10px;
}

.appendTrBg {
	background-color: #DDE1E4 !important;
	color: #000 !important;
	border-bottom: 0px !important;
	-webkit-box-shadow: inset 2px -6px 4px -5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 2px -6px 4px -5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 2px -6px 4px -5px rgba(0, 0, 0, 0.5)
}

.ui-autocomplete {
	z-index: 10000 !important;
	max-height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.imgChange {
	margin-left: 26px;
}

.dataTable>thead>tr>th[class*="sort"]::after {
	display: none
}

table.dataTable thead .sorting {
	background: url("../img/sort.png") no-repeat center right !important;
	padding-right: 20px !important;
}

table.dataTable thead .sorting_asc {
	background: url("../img/sort_asc.png") no-repeat center right !important;
	padding-right: 20px !important;
}

table.dataTable thead .sorting_desc {
	background: url("../img/sort_desc.png") no-repeat center right !important;
	padding-right: 20px !important;
}

/*Fade all the DIV when user hovers on any div*/
/* .dashboardRow:hover .showCursorHover{
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.45;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

Fade out the particular DIV when user hover on that DIV
.dashboardRow .showCursorHover:hover{
  color: #fff;
  cursor: pointer;
  
  Opacity
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
} */
.opacity {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.welcome {
	color: #ccc;
}

table.dataTable thead .noBackground {
	background: none !important;
}

.margin-top {
	margin-top: -10px;
}

.sm-btn {
	height: 20px;
	width: 45px;
	font-size: 10px;
}

.md-btn {
	height: 35px !important;
	width: 90px !important;
}

/* #actionButton{
	    width: 11%;
} */
.action_width {
	width: 15%;
}

.ms-choice {
	display: block;
	width: 100%;
	height: 29px !important;
	padding: 10px 12px !important;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #cccccc !important;
	text-align: left;
	white-space: nowrap;
	line-height: 29px !important;
	color: #555555 !important;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.changeColorFeedback {
	background: linear-gradient(#6D99AF, #25394A);
}

.changeColorFeedback:after {
	background: linear-gradient(#6D99AF, #25394A);
	border-color: #35414A transparent;
}

#searchGroups {
	margin-top: 20px;
}

.groupTypeClass {
	margin-bottom: 5px;
	padding: 5px 0 5px 0 !important;
	/*color: #3784b1;
	border-bottom: 1px solid #c3ddec;
	border-top: 1px solid #c3ddec;
	background-color: #edf5fa;*/
	/* Fallback
	Color */
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe), to(#edf5fa));/*
	Saf4+, Chrome
	/*background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	Chrome 10+, Saf5.1+, iOS 5+
	/*background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	FF3.6
	/*background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	IE10
	/*background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	Opera 11.10+
	/*background-image: linear-gradient(top, #fdfefe, #edf5fa);*/
}

/* #UserGroupType{
 	margin-left: -1em !important;
 } */
.userSelectionMode {
	margin-left: 10px;
	vertical-align: sub;
}

#mobileuser {
	margin-right: 20px;
	margin-left: 20px;
}

.searchGroups {
	margin-top: 10%;
}

.checkInUser-body {
	margin: -2px !important;
}

/* .grouphide{
	margin-bottom: 1%;
} */
#getAllUsers {
	width: 100% !important;
}

.user-body {
	margin: -2px
}

/* .dropdownAccordianToggle{
	background-size: cover;
  	background-repeat: no-repeat;
	position: absolute;
	width: 21%;
	height:21%;
	top: -550px;
	left: 6%;
	z-index:9999;
}
 */
#webuser {
	margin-left: 20px;
	margin-right: 20px;
}

.indexImage {
	margin-bottom: 10%
}

.toolbarIndex {
	/*border : 1px solid aliceblue;*/
	/* margin-bottom: 1% !important; */
	/* background-color: #E5E4E6; */
	background-color: rgba(195, 221, 236, 0.78);
	border-radius: 0px 0px 0px 0px;
	padding: 2.5px;
	/* box-shadow: 0px 0px 5px #888888; */
}

/*#userCommonGroupModal{
 overflow: hidden;
}*/

.mobileuser {
	margin-bottom: -40px;
}

.faIconIndex {
	float: left;
	margin: 13px 3px;
	font-size: 1.5em;
}

.faIconIndexSearch {
	float: inherit;
	margin: 6% 0%;
	font-size: 1.6em;
}

#faIconIndexHide {
	padding-right: 3%;
	float: left;
	padding-top: 3%;
	font-size: 1.2em;
}

.faIconIndexList {
	float: left;
	margin: 4px;
	font-size: 1.5em;
}

#downloadExcelIndex {
	margin-right: 5px;
	cursor: pointer;
}


.indoorautorefresh {
	float: right;
}


.groupAccordianHolder {
	border: 1px solid #fff;
	padding: 2px 3px 2px 6px !important;
	box-sizing: box-border;
	margin-top: 10px !important;
	border-radius: 3px;
	display: inline-block;
	width: 15%;
	margin-right: 1%;
}

.groupAccordianButton {
	border: none;
	border-radius: 3px;
	background-color: transparent !important;
	color: #000;
	margin-top: 0px !important;
}

#faIconIndexList {
	padding-right: 4%;
	float: left;
	padding-top: 4%;
	font-size: 1.3em;
}

#faIconIndexGroups {
	padding-right: 5%;
	float: left;
	margin-top: 3px;
	font-size: 1.3em;
}

.groupAccordianButton {
	color: #000 !important;
}

@media (min-width : 450px) and (max-width: 768px) {
	.detail {
		margin-right: 51%;
	}

	#productTypeList>thead>tr>th:nth-child(1) {
		width: 13em;
	}

	#productTypeList>thead>tr>th:nth-child(2) {
		width: 4em;
	}

	#productTypeList>thead>tr>th:nth-child(3) {
		width: 4em;
	}

	#productTypeList>thead>tr>th:nth-child(4) {
		width: 8em;
	}

	#productTypeList>tbody>tr>td:nth-child(1) {
		width: 4em;
	}

	#productTypeList>tbody>tr>td:nth-child(2) {
		width: 4em;
	}

	#productTypeList>tbody>tr>td:nth-child(3) {
		width: 4em;
	}

	#productTypeList>tbody>tr>td:nth-child(4) {
		width: 8em;
	}

	#productTypeList>thead {
		display: inline-block;
		width: 100%;
		height: 13%;
	}

	#productTypeList>tbody {
		height: 350px;
		display: inline-block;
		width: 100%;
		overflow: auto;
	}

}

.downloadExcel {
	padding-left: 7%;
	padding-top: 5px;
}

@media (min-width : 450px) and (max-width:1024px) {
	.profilecontact {
		width: 25%;
		height: 26px;
	}
}

@media only screen and (min-device-width : 380px) and (max-device-width : 420px) {
	#beatcontainer {
		overflow: auto;
		height: 62%;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 420px) {
	.autoRefreshIndex {
		/* 	border:1px solid #fff; */
		padding: 8px 5px 5px 17px !important;
		box-sizing: box-border;
		margin-top: 0% !important;
		border-radius: 6px;
		/* width: 15%; */
	}

	.indexheader {
		margin-bottom: 1.2px;
		border-radius: 6px;
		border: 1px solid #b8bfce;
		margin-top: 0px !important;
		background-color: white;
	}

	#autorefreshIndexCheckbox {
		vertical-align: sub;
		cursor: pointer;
		font-size: 12px;
		/*  height: 18px;
   line-height: 1.5;
    padding: 5px 10px; */
	}
}

@media screen and (max-width: 350px),
screen and (max-height: 600px) {
	#beatcontainer {
		overflow: auto;
		height: 58%;
	}

	#beatlower {
		height: 8%;
	}

	#mapplaceCatg {
		margin-top: 25px;
		margin-bottom: -10px;
	}
}

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

	#beatcontainer {
		height: 65%;
		overflow: auto;
	}

	#beatlower {
		height: 5%;
	}
}

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

	#beatcontainer {
		height: 58%;
		overflow: auto;
	}

	#beatlower {
		height: 8%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


	#iconslider {
		z-index: 1000;
		margin-top: 22%;
		height: 34px;
		width: 24px;
		background-color: #eeeeee;
		position: fixed;
		left: 62.3%;
		box-shadow: 5px 5px 5px #888;

	}

	#crossbtn {
		z-index: 999;
		position: fixed;
		right: 2%;
		margin-top: 25%;
		/* background-color: rgba(254, 254, 254, 0.95) */

	}

	#SearchPlaceDiv {
		z-index: 1000;
		position: fixed;
		margin-top: 22%;
		overflow: auto;
		padding-right: 0px;
	}

	.mapslider {
		left: 0px;
		z-index: 1000;
		background-color: #daeaf4;
		border: 1px solid #ccc;
		position: fixed;
		height: 100%;
		width: 0px;
		overflow: auto;
		box-shadow: 5px 5px 5px #888;

	}

	#beatcontainer {
		height: 65%;
		overflow: auto;
	}

	.autoRefreshIndex {
		/* 	border:1px solid #fff; */
		padding: 8px 5px 5px 17px !important;
		box-sizing: box-border;
		margin-top: 0% !important;
		border-radius: 6px;
		/* width: 15%; */
	}

	.indexheader {
		margin-bottom: 1.2px;
		border-radius: 6px;
		width: 23%;
		border: 1px solid #b8bfce;
		margin-right: 2%;
		margin-top: 0px !important;
		background-color: white;
	}

	#autorefreshIndexCheckbox {
		vertical-align: sub;
		cursor: pointer;
		font-size: 12px;
		/*  height: 18px;
   line-height: 1.5;
    padding: 5px 10px; */
	}
}

@media (max-width :320px) {
	#beatcontainer {
		height: 50%;
		overflow: auto;
	}
}

@media only screen and (min-device-width : 421px) and (max-device-width : 767px) {

	#iconslider {
		z-index: 999;
		margin-top: 2%;
		height: 34px;
		width: 24px;
		background-color: #eeeeee;
		position: fixed;
		left: 67.3%;
		box-shadow: 5px 5px 5px #888;

	}

	#crossbtn {
		z-index: 999;
		position: fixed;
		right: 2%;
		margin-top: 25%;
		/* background-color: rgba(254, 254, 254, 0.95) */
	}

	#SearchPlaceDiv {
		z-index: 999;
		position: fixed;
		margin-top: 2%;
		overflow: auto;
		padding-right: 0px;
	}

	.mapslider {
		left: 0px;
		z-index: 999;
		background-color: #daeaf4;
		border: 1px solid #ccc;
		position: fixed;
		height: 100%;
		width: 0px;
		overflow: auto;
		box-shadow: 5px 5px 5px #888;

	}

}

.navbar-brand {
	float: left;
	font-size: 18px;
	line-height: 20px;
	padding: 9px 10px;
}

.fadeScroller {
	box-shadow: 0 -15px 10px 0px rgba(0, 0, 0, 0.28);
}

.fadeScrollerPlace {
	box-shadow: 0em 2em 3em 1em rgba(0, 0, 0, 0.2)
}

.alignCheckbox {
	vertical-align: sub;
}

/*-------------------------- Index Page CSS ----------------------*/
.totalCss {
	min-height: 60px;
	width: 100%;
}

.dataTables tbody tr {
	min-height: 35px;
}

.elipsisLocation {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.checkincheckouttime {
	margin-top: 1% !important;
	padding: 1% 0% 0.5% 1%;
	font-size: initial;
	color: #3784b1;
}


/* #groupmarginid{
	padding-bottom: 5px;
} */
.groupscrollli {
	height: 275px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 12px;
}

.groupscrollmyplace {
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 12px;
}

.checkInUser-body {
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* .ms-parent {
	width:100%;
} */
.width {
	margin-top: 9px;
	/* padding-left: 3% !important; */
}

.groupScroll {
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.assetClass {
	width: 12% !important;
	margin-top: 8px !important;
}


.bgWhite {
	background-color: #fff;
}

#maxTimeslot {
	margin-top: 12px;
}

#configDetails {
	width: 50%;
	margin-left: 25% !important;
}

/* #configDetails tr:nth-child(n){
	border:1px solid;
} */
table#configDetails>tbody:first-of-type>tr>td:first-child {
	width: 45% !important;
	font-size: 15px;
}

#entryAlert,
#exitAlert,
#occurenceConfig {
	width: 100%;
}

#groupmarginid1 {
	margin-bottom: 10px;
}

.not-active {
	cursor: not-allowed !important;
	color: darkGray !important;
	pointer-events: none !important;
}

.toggle-group {
	top: -2px !important;
}

.checktoggle>div>.toggle-group {
	top: 0px !important;
}

.modalLoader {
	display: none;
}

.downloadExcelPlace {
	padding-left: 4% !important;
	margin-top: 5px;
}


/* Radio Button */
label.btn span {
	font-size: 1.5em;
}

label input[type="radio"]~i.fa.fa-circle-o {
	color: #c8c8c8;
	display: inline;
	font-size: 20px;
}

label input[type="radio"]~i.fa.fa-check-circle-o {
	display: none;
	font-size: 20px;
}

label input[type="radio"]:checked~i.fa.fa-circle-o {
	display: none;
	font-size: 20px;
}

label input[type="radio"]:checked~i.fa.fa-check-circle-o {
	color: #7AA3CC;
	display: inline;
	font-size: 20px;
}

label:hover input[type="radio"]~i.fa {
	color: #7AA3CC;
}


/* CheckBox Button */

label input[type="checkbox"]~i.fa.fa-square-o {
	color: #c8c8c8;
	display: inline;
	font-size: 20px;
}

label input[type="checkbox"]~i.fa.fa-check-square-o {
	display: none;
	font-size: 20px;
}

label input[type="checkbox"]:checked~i.fa.fa-square-o {
	display: none;
	font-size: 20px;
}

label input[type="checkbox"]:checked~i.fa.fa-check-square-o {
	color: #7AA3CC;
	display: inline;
	font-size: 20px;
}

label:hover input[type="checkbox"]~i.fa {
	color: #7AA3CC;
}

div[data-toggle="buttons"] label.active {
	color: #7AA3CC;
}

div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #c8c8c8;
	border-radius: 3px;
	color: #c8c8c8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div[data-toggle="buttons"] label:hover {
	color: #7AA3CC;
}

div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.targetmargin {
	margin-bottom: 3%;
}

.processmargin {
	margin-bottom: 2%;
}

.columnWidth {
	width: 20em !important;
}

table.scroll tbody,
table.scroll thead {
	display: block;
}

table.scroll thead tr th {
	height: 30px;
	line-height: 30px;
	/* text-align: left; */
}

table.scroll tbody {
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

table.scroll tbody td:last-child,
thead th:last-child {
	border-right: none;
}

.preIcon {
	padding: 18px;
	margin-top: 5%;
	line-height: 2;
	background: #01B0F1;
	cursor: pointer;
	color: white;
}

.productcat {
	margin-bottom: 1%;
}

.form-product {
	margin-right: 8px;
	width: 18%;
	height: 31px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.productmargin {
	margin-left: -6%;
}

.percentsign {
	margin-top: 8px;
	font-size: 20px;
	margin-left: -5%;
}

.discountblock {
	margin-top: 2%;
}

.fontcategory {
	font-size: 13px;
	margin-top: 4%;
}

.noBorder {
	border: 0%;
	cellspacing: 0%;
	cellpadding: 0%;
}

.discountcal {
	margin-left: 64%;
}

.producttypediv {
	margin-top: 3%;
}

.percentlabel {
	font-size: 100%;
}

.cancelbtn {
	font-size: 250% !important;
	color: rgba(24, 119, 175, 0.89);
	margin-left: 30%;
}

.addmorebtn {
	margin-right: -5em;
}

/* .productvariable{
	    margin-bottom: 3%;
} */
.uploadplace {
	margin-left: 4%;
	/* 	margin-bottom: 6%; */
}

.uploaddropdw {
	margin-bottom: 5%;
	margin-top: 3%;
	margin-left: -2%;
}

.filedata {
	margin-top: 2%;
}

#productdropdw {
	margin-left: -2%;
	margin-bottom: 4%;
}

#updown {
	margin-top: 6%;
}

#uploaddata {
	margin-bottom: 10%;
}

.selectproduct {
	margin-left: 4em;
}

.discountmore {
	margin-bottom: 10%;
}

@media only screen and (max-device-width: 480px) and (max-width:768px) {
	.producttypeclasstable li {
		height: 50px;
		list-style: none;
		display: block;
	}
}

@media (min-width :1025px) {
	.producttypeclasstable li {
		height: 50px;
		list-style: none;
		display: block;
	}

	#iconslider {
		margin-top: 1.5%;
		height: 34px;
		width: 24px;
		background-color: #eeeeee;
		position: fixed;
		z-index: 999;
		left: 25.3%;
		box-shadow: 5px 5px 5px #888;
	}

}

.forminout {
	margin-left: -3%;
}

.margin-topordermgmt {
	margin-top: -4px;
}

#checkfont {
	font-size: larger;
	margin: 2%;
}

#checkfont1 {
	font-size: larger;
}

.textCenter {
	text-align: center;
}

.prfname {
	margin: 5px 0px 0% -2%;
}

.profileacc {
	margin-bottom: 1%;
}

.excelstyle {
	margin-top: 6%;
}

.btnstyle {
	margin-top: -5% !important;
	/* margin-bottom: 5% !important;  */
}

.tableBorderClass {
	border-top: 1px solid #dddddd !important;
	border-bottom: 1px solid #dddddd !important;
}

.excelstyle1 {
	margin-top: 1%;
}

.btnstyle1 {
	margin-top: -16% !important;
	margin-bottom: 20% !important;
}

.tableFormControl {
	padding-top: 0% !important;
	height: 25px !important;
}

.userSelectorcss {
	padding-top: 1%;
}

.ms-drop>ul>li>label>input {
	margin: 1px 6px !important;
}


.editGroupList>input {
	margin: 5px 10px !important;
}

.tableFormappmenu {
	padding-top: 2% !important;
	/* height: 25px !important; */
}

.panelorder {
	padding-bottom: 4px;
	line-height: 20px;
}

.schtitle {
	margin-left: 15px;
	margin-top: 0.75em !important;
}

.usergroupsty {
	margin-top: 7px;
}

.modal-dialog>.modalcontenthgt {
	min-height: 250px !important;
}

.modal-dialog>.modal-content>.modalbodyhgt {
	min-height: 125px !important;
	height: 0px !important;
}

.modal-dialog>.modal-content>.modalmaxbodyhgt {
	min-height: 180px !important;
	height: 0px !important;
}

.modal-dialog>.modal-content>.nakodamodalbodyhgt {
	min-height: 165px !important;
}

.modal-dialog>.modalcontentuploadhgt {
	min-height: 250px !important;
}

.modal-dialog>.modal-content>.modalbodyuploadhgt {
	min-height: 250px !important;
	height: 0px !important;
}

.panelorder1 {
	padding: 10px 10px 5px 10px;
}

.ui-state-focus {
	border: 1px solid #c3ddec !important;
	color: #3784b1 !important;
	background-color: #edf5fa !important;
	background: none !important;
}

#geofencegroupList table td {
	display: table-cell !important;
}

.panelsty {
	line-height: 10px;
	margin-bottom: 10px;
}

#tikitarPlacesTableId,
#tikitarProcessDiv {
	border: 1px solid #c3ddec;

	background: white;
}

#processTableHeading,
#placesTableHeading {
	text-align: center;
	font-size: 12px;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid rgba(4, 45, 64, 0.16);
	background-color: #edf5fa;
	border-top: none;
	font-weight: 600;
	color: #555;
	padding: 10px 10px;
	margin-bottom: 3%;

}

.floatRight {
	float: right;
}

.vtscol1 {
	color: #e11;
	text-shadow: 1px 1px 1px #ccc;
	font-size: 4.5em;
}

.vtscol2 {
	color: #7fee1b;
	text-shadow: 1px 1px 1px #ccc;
	font-size: 4.5em;
}

.vtscol3 {
	color: #5c5757;
	text-shadow: 1px 1px 1px #ccc;
	font-size: 4.5em;
}

.labelsize {
	font-size: 1.35em;
}

.accordianborder {
	/*border-bottom: 2px !important;*/
	margin-top: 25px;
}

.loadingMessage {
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 100%;
	padding: 10px;
	line-height: 2;
	background: rgb(0, 0, 0);
}

#forgotPasswordBtn {
	color: #333333;
}

.forgotPassword1 {
	color: black;
	vertical-align: sub;
}

.rememberMe {
	font-size: small;
	float: left;
}

.forgotPassword {
	font-size: small;
	float: right;
}

/* @media ( min-width :480px) {
	.seachtable{
		    margin-right: 8em;
	}
}
 */
.engineStatus {
	margin-bottom: 1em;
}

.scrollData {
	margin-bottom: 1%;
	background: white;
	max-height: 450px;
	overflow: scroll;
	border-radius: 5px;
}

.checkinScroll {
	overflow: scroll;
	height: 200px;
}

.nameHeader {
	border: 1px solid #daeaf4;
	padding: 10px !important;
	background: #daeaf4;
	font-size: 1.5rem;
	margin: 0px 0px 1px 0px;
}

.spaceDiv {
	background-color: white;
	padding-bottom: 5px !important;
}

.formByPlacenameHeader {
	border: 1px solid #daeaf4;
	padding: 10px !important;
	background: #daeaf4;
	font-size: 1.5rem;
	margin: 10px 0px 10px 0px;
}

.midasLogoCss {
	border: 1px solid #c3ddec;
	margin-top: 2%;
	border-radius: 5px;
	padding: 4% 3% 3.3% 3%;
	background: white;
	text-align: center;
}

.guddodgiLogoCss {
	border: 1px solid #c3ddec;
	margin-top: 2%;
	border-radius: 5px;
	padding: 4% 3% 5% 2%;
	background: white;
	text-align: center;
}

.detailLogoCss {
	border: 1px solid #c3ddec;
	margin-top: 2%;
	border-radius: 5px;
	padding: 3% 0% 2% 0%;
	background: white;
	text-align: center;
}

.leftMarginTitle {
	float: left;
	margin-left: 1%;
}

.tableCss {
	/* border: 1px solid #c3ddec; */
	margin-top: 2%;
	/* margin-left: 1%;
    margin-right: 1%; */
	border-radius: 5px;
	padding: 1% 3% 3% 1%;
	background: white;
	text-align: center;
	width: 102%;
}

#tableData {
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10%;
}

.topMarginTable {
	margin-top: 20%;
}

.excelCss {
	margin-top: 10px;
	/*   padding: 15% 1% 2% 7%; */
}

.searchCss {
	padding: 0% 0% 0% 1%;
	margin-top: 6px;
}

.customizeCol {
	/* padding: 0% 1% 0% 6%; */
	/*  margin-top:7px; */
	height: 35px;
	padding-right: 0px;
}

#modalPlaceTitle {
	border: 1px solid #c3ddec;
	padding: 5px;
	background: #daeaf4;
	margin-bottom: 14px;
}

#chartdiv {
	width: 100%;
	height: 300px;
	font-size: 11px;
	margin-bottom: -12%;
}

#productdiv {
	width: 100%;
	height: 500px;
	font-size: 11px;
}

.excelPointer {
	cursor: pointer;
}

.userliststyle {
	height: 650px !important;
}

.userlistweb {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 719px !important;
	padding-top: 0px;
}

.toggleselectstyle>.toggle {
	width: 60px !important;
	height: 23px !important;
}

.usernavtab {
	color: #3784b1;
	border-bottom: 1px solid #c3ddec;
	background-color: #edf5fa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe), to(#edf5fa));
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
}

.navuserli {
	font-size: 14px;
	color: #3784b1;
}

#placetypeuser {
	margin: 0px 20px 20px 20px;
}

#mainOptActivity {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 13px;
	border-bottom: 1px solid #c3ddec;
	border: 1px solid #c3ddec;
	border-radius: 4px;
}

body.modal-open {
	overflow: hidden !important;
}

.placelistgrp-btn {
	padding: 10px 10px 10px 0px;

}

.alignData {
	vertical-align: middle !important;
	text-align: center;
}

.chart-length {
	position: relative;
	height: 180px;
	margin-top: 1%;
	width: 375px;
}

/* .no-sort::after {
	display: none!important;
	 }

.no-sort { 
	 pointer-events: none!important;
	 cursor: default!important;
	  } */
.refreshMargin {
	margin-top: 4%;
}

.separator {
	content: '';
	display: inline-block;
	background: #ffffff;
	margin: 0px 4px;
	height: 18px;
	width: 1px;
}

.refreshMar {
	margin-left: 25%;
}

.noWidth {
	width: 0px !important;
}

.vtsLogonoPadding {
	padding: 0px !important;
}


/* Anchor Css */

@media (min-width: 768px) {
	.circle-tile {
		margin-bottom: 30px;
	}

}

.circle-tile {
	margin-bottom: 15px;
	text-align: center;
}

.circle-tile-heading {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto -40px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	color: #fff;
	transition: all ease-in-out .3s;
}

button.ms-choice {
	border-radius: 0;
	height: 34px !important;
}

.ms-choice>span {
	padding-left: 15px;
	padding-top: 3px;
	font-size: 13px;
}

.ms-choice>div {
	top: 4px !important;
}

.greenClr {
	background-color: #2e4761;
}

.circle-tile-description {
	text-transform: uppercase;
}

.circle-tile-number {
	padding: 5px 0 15px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
}

.text-faded {
	color: rgba(255, 255, 255, 0.7);
}

.circle-tile-footer {
	display: block;
	padding: 5px;
	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(0, 0, 0, 0.1);
	transition: all ease-in-out .3s;
}

.bootstrap-datetimepicker-widget a,
.bootstrap-datetimepicker-widget a:hover,
.bootstrap-datetimepicker-widget a:active,
.bootstrap-datetimepicker-widget a:focus {
	color: #34495e !important;
}

.circle-tile-content {
	padding-top: 50px;
}

.purpleClr {
	background-color: #16a085;
}

.grayClr {
	background-color: #f39c12;
}

.blue {
	background-color: #2980b9;
}

.red {
	background-color: #e74c3c;
}

.purple {
	background-color: #8e44ad;
}

.circle-tile-heading .fa {
	line-height: 55px;
}

.borderHead {
	border: 1px solid #dddddd;
}

.userlistFont {
	font-size: 14px !important;
}

.ms-drop {
	min-width: 120px !important;
}

.gutter.row {
	margin-right: -7px;
	margin-left: -7px;
}

.anchor-logo {
	background-color: #fff;
	width: 215px;
	margin: 0px auto;
	margin-top: -30px;
	border: 1px solid #ddd;
	padding: 5px;
	padding-right: 8px;

}

.mini-widget {
	color: #fff;
}

.mini-widget .mini-widget-heading {
	padding: 7px 15px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-transform: uppercase;
	background: #246895;
}

.mini-widget i {
	opacity: .8;
}

.mini-widget .mini-widget-body {
	padding: 15px;
	background: #3693cf;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.mini-widget .mini-widget-body .number {
	font-size: 36px;
	line-height: 50px;
}

.mini-widget .mini-widget-body i {
	-webkit-transition: All .5s ease-in;
	-moz-transition: All .5s ease-in;
	-ms-transition: All .5s ease-in;
	-o-transition: All .5s ease-in;
	transition: All .5s ease-in;
	font-size: 30px;
	line-height: 48px;
	vertical-align: middle;
}

.mini-widget.redColor .mini-widget-body {
	background: #f45e5e;
}

.mini-widget.redColor .mini-widget-heading {
	background: #f13c3c;
}

.mini-widget.pinkish .mini-widget-heading {
	background-color: rgba(204, 0, 85, 0.55);
}

.mini-widget.pinkish .mini-widget-body {
	background-color: rgba(204, 0, 85, 0.82);
}

.mini-widget.greenColor .mini-widget-heading {
	background-color: rgba(169, 185, 41, 0.8);
}

.mini-widget.greenColor .mini-widget-body {
	background: rgba(186, 199, 83, 0.82);
}

.mini-widget.purpleColor .mini-widget-heading {
	background-color: rgba(140, 9, 183, 0.5) !important;
}

.mini-widget.orangecolor .mini-widget-body {
	background-color: rgba(255, 140, 0, 0.55) !important;
}

.mini-widget.orangecolor .mini-widget-heading {
	background-color: rgba(255, 165, 0, 0.5) !important;
}

.mini-widget.purpleColor .mini-widget-body {
	background-color: rgba(140, 9, 255, 0.59) !important;
}

.mini-widget.blueColor .mini-widget-heading {
	background-color: rgba(0, 0, 255, 3.5) !important;
}

.mini-widget.blueColor .mini-widget-body {
	background-color: rgba(0, 102, 255, 2.7) !important;
}

.mini-widget.grayColor .mini-widget-heading {
	background-color: rgba(46, 71, 97, 0.67);
}

.mini-widget.darkGreenColor .mini-widget-heading {
	background-color: rgb(62, 130, 62);
}

.mini-widget.violetColor .mini-widget-heading {

	background: rgba(95, 80, 125, 0.92)
}

.mini-widget.violetColor .mini-widget-body {
	background-color: rgba(95, 80, 125, 0.82);
}

.mini-widget.grayColor .mini-widget-body {
	background-color: rgba(46, 71, 97, 0.55);
}

.mini-widget.darkGreenColor .mini-widget-body {
	background-color: rgba(63, 148, 63, 0.68);
}


.mini-widget .mini-widget-heading {
	padding: 7px 15px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-transform: uppercase;
	background: #246895;
}

.fontAlign {
	font-size: x-large;
	line-height: 2;
	text-align: center;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusernameOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupnameOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupspeedOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupbatteryOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGrouplstupdateOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupdistanceOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupvisitsOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupprocessOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupplacesOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupstatusOff"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusergroupOff"] {
	display: none !important;
}

.grouptitlepadding {
	padding: 0px 0px 8px 15px;
}

.scrolltable {
	overflow: auto;
	overflow-y: auto;
	/*  min-height: 450px !important;
 height: 400px */
}

.ms-drop>ul>li>label>input[data-name="selectGroupusernameInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupnameInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupspeedInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupbatteryInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGrouplstupdateInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupdistanceInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupvisitsInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupprocessInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupplacesInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupstatusInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusergroupInactive"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusernameTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupnameTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupspeedTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupbatteryTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGrouplstupdateTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupdistanceTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupvisitsTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupprocessTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupplacesTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupstatusTotal"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusergroupTotal"] {
	display: none !important;
}

.grouptitlepadding {
	padding: 0px 0px 8px 15px;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusernamecheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupnamecheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupspeedcheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupbatterycheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGrouplstupdatecheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupdistancecheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupvisitscheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupprocesscheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupplacescheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupstatuscheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusergroupcheckIn"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusernamecheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupnamecheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupspeedcheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupbatterycheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGrouplstupdatecheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupdistancecheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupvisitscheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupprocesscheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupplacescheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupstatuscheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupusergroupcheckOut"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupdateSelect"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupzoneSelect"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupuserNameSelect"] {
	display: none !important;
}

.ms-drop>ul>li>label>input[data-name="selectGroupnameSelect"] {
	display: none !important;
}

.qwerty123 {
	width: 100px;
	/*height: 50px;*/
	height: 1.4em;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap; */
	position: relative;
	padding: 0 0.5em;
}

.qwerty1234 {

	display: inline-block;
	width: 100px;
	height: 1.4em;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	position: relative;
	padding: 0 0.5em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.qwerty123:after {
	/*     content:'...'; */
	background: inherit;
	bottom: 0;
	right: 0;
}

.qwerty1234:after {
	background: inherit;
	bottom: 0;
	right: 0;
}

.highLight {
	box-shadow: 0px 0px 1px #355977;
	font-weight: bold;
	font-size: 35px;
	color: rgb(69, 122, 146);
}

#placeTypeHolder {
	padding: 10px 0px 20px 0px;
}

.placestyle {
	padding-bottom: 20px !important;
}

#modalAllUsers {
	padding-top: 10px;
}

/* .rotateTick .flot-x-axis div.flot-tick-label { 
		     white-space: nowrap;
		     transform: translate(-9px, 0) rotate(-90deg);
		     text-indent: -100%;
		     transform-origin: top right;
		     text-align: right !important;
		  } */

.headerClass {
	border: 1px solid #99aadd;
	padding: 7px;
	background: #99aadd;
	margin-right: 25%;
	color: #fdfefe;
	font-size: larger;
}

.prop {
	height: 25%;
	width: 15%;
}

.headerClassStyle {
	border: 1px solid #62abd8;
	padding: 7px;
	background: #62abd8;
	margin-right: 25%;
	color: #fdfefe;
	font-size: larger;
	border-radius: 5px 5px 5px 5px;
}

.table-bordered {
	border: 1px solid #dddddd !important;
}

.dataTables_scroll {
	overflow: auto;

}

.tablescroll {
	width: 100%;
	margin-bottom: 15px;
	overflow: auto;
	border: 1px solid #ddd;
}

@media (min-width: 992px) {
	.tile_count .tile_stats_count {
		margin-bottom: 10px;
		border-bottom: 0;
		padding-bottom: 10px;
		padding: 0 10px 0 20px;
		text-overflow: ellipsis;
	}
}


@media (min-width: 1201px) and (max-width: 1400px) {
	.navbar-nav>li>a {
		padding: 14px 8px !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.nav>li>a {
		padding: 15px 4px !important;
		font-size: 1.2rem !important;
	}
}

@media (max-width: 991px) {
	.navbar-brand {
		padding: 10px 15px !important;
	}

	.navbar-collapse.collapse.in {
		overflow-y: auto !important;
	}

	.paddingtabnone {
		padding: 0 !important;
	}

	.filternone {
		display: none !important;
	}

	.navbar-right .dropdown-menu {
		float: none;
		right: auto;
	}

	#timein #datetimepicker3 {
		width: 100%;
		padding: 0 15px;
	}

	.distanceselect {
		padding: 0 15px !important;
	}

	/* #timein, #timeout {
    padding-left: 15px!important;
} */
	#transitionChart {
		border-left: 0;
		border-top: 1px dashed #ccc;
		margin-top: 15px;
	}

	#fromToDivContainer {
		margin-top: 20px;
		border-left: 0;
	}

	.radiotxt {
		font-size: 82% !important;
	}

	.navbar-nav {
		margin: 0 !important;
	}

	.aligntab {
		text-align: center;
	}

	@media (min-width: 768px) {
		.tile_count .tile_stats_count span {
			font-size: 13px;
		}

		.tile_count .tile_stats_count .count {
			font-size: 40px;
		}

		.tile_count .tile_stats_count .count {
			font-size: 30px;
			line-height: 47px;
			font-weight: 600;
		}
	}

	.tile_stats_count {
		margin-top: 10px;
	}

	.headerupper {
		background-color: #62abd8;
		margin-top: -31px;
		border-radius: 0px 0px 5px 5px;
	}

	.amountTrendClass {
		width: 100% !important;
	}

	.countTrendClass {
		width: 100% !important;
	}

	.dateCycle {
		color: #999999;
		margin-top: -1.4%;
	}

	.datereport {
		color: #999999;
		margin-bottom: -20px;
	}

	.fa_custom {
		color: #0099CC
	}

	.titlezoneName {
		background: #428bca !important;
		border: 1px solid #428bca !important;
	}

	.dropdowncenter {
		margin-left: 41% !important;
	}

	.tableLog {
		width: 100%;
		margin-bottom: 20px;
		margin: 0 auto;
		width: 100%;
		clear: both;
		border-collapse: collapse;
		table-layout: fixed;
		word-wrap: break-word;
	}

	.tableLog td,
	.tableLog th {
		background-color: #fff !important;
	}

	.tableLog {
		border-collapse: collapse !important;
	}

	.tableLog>thead>tr>th,
	.tableLog>tbody>tr>th,
	.tableLog>tfoot>tr>th,
	.tableLog>thead>tr>td,
	.tableLog>tbody>tr>td,
	.tableLog>tfoot>tr>td {
		padding: 8px;
		line-height: 1.428571429;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}

	.tableLog>thead>tr>th {
		vertical-align: bottom;
		border-bottom: 2px solid #dddddd;
	}

	#search {
		width: 50%;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #ddd;
		margin-bottom: 12px;
		border-radius: 3px;
	}


	.HTMLsearchbox {
		width: 50%;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #ddd;
		margin-bottom: 12px;
		border-radius: 3px;
	}

	.condition-form-control {
		display: block;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #555555;
		vertical-align: middle;
		background-color: #ffffff;
		background-image: none;
		border: 1px solid #cccccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	}

	.condition-radio-btn {
		display: inline-block;
		padding-left: 26px;
		margin-bottom: 0;
		font-weight: normal;
		vertical-align: middle;
		cursor: pointer;
		line-height: 21px;

	}

	.display {
		display: none;
	}

	.radio-align {
		vertical-align: sub;
		margin-right: 5px;
	}

	.alertProcess {
		background: #e6e6e6 !important;
		cursor: not-allowed !important;
	}

	.modalPlaceFooter {
		padding: 13px 18px 20px 0px !important;
	}

	.modalUserFooter {
		padding: 5px 5px 20px 0px !important;
	}

	.leavecheckbox {
		margin: 11px 0 0 !important;
		vertical-align: sub;
	}

	.tdtitle {
		color: #fff;
		background: #3784b1;
		padding: 5px 10px 0px 5px;
		border-radius: 5px 5px 0px 0px;
	}

	.Schtargetmargin {
		padding-right: 5px;
	}

	#searchbox1 {
		display: block;
		position: relative
	}

	.ui-autocomplete {
		position: absolute;
	}



	#mapAutoRef {
		float: right;
		line-height: 21px;
		margin-right: 3px;
		background: url(../images/markers/mapLongGreenBg.png) repeat-x;
		cursor: hand;
		color: #FFF;
		width: 169px;
	}

	#mapAutoRef input[type="checkbox"] {
		padding: 0;
		margin-top: -1px;
		vertical-align: sub
	}


	/* .leaveControl{
	padding-top:10px;
} */
	.formDate {
		padding-top: 10px;
	}

	.leavetb {
		background: #428bca;
	}

	.leavefont {
		color: white;
	}

	.leaveprocess {
		margin-left: 10px !important;
	}

	.checkboxradioleave {
		border-radius: 4px;
		border: 1px solid #cccccc;
		padding: 0.6em 16px;
	}

	.processCheckboxradio {
		margin-right: 10px !important;
		margin: 2px 10px 0px 1px !important;
	}

	.shareLocationButton {
		margin-top: 13px;

	}


	.holidayremove {
		padding: 8px 0px 0px 30px;
	}

	.boxradius {
		border-radius: 4px !important
	}

	.LeaveApplyTotal {
		padding-top: 10px;
	}

	.leavebg {
		background: white;
	}

	#leavenodata {
		text-align: center;
		margin-top: 60px;
	}

	.reportCriteriaTitle {
		padding: 10px;
	}

	.reportCriteriaHead {
		padding-bottom: 2rem;
	}

	.selectSumary {
		margin-bottom: 4%;
	}

	.reportCriteriaHead .reportCriteriaTitle {

		text-align: center;
		font-size: 12px;
		border-radius: 0px 0px 5px 5px;
		border: 1px solid rgba(4, 45, 64, 0.16);
		background-color: #edf5fa;
		border-top: none;
		font-weight: 600;
		color: #555;
	}

	.generatesubmit {
		margin-bottom: 2% !important;
		margin-top: 0% !important;
	}

	.pageHeadingReport {
		margin-top: 2%;
		margin-bottom: 10px;
		color: #3784b1;
		font-size: 18px;
	}

	.linkIcon {
		width: 56px;
		height: 31px;
		border-radius: 50px 50px 0px 0px;
		border-left: 4px solid;
		border-right: 4px solid;
		border-top: 4px solid;
		background-color: #ffffff;
		/* border-width: 6px;
    border-style: solid; */
		top: -50px;
		font-size: 30px;
		line-height: 2em !important;
		color: #c3ddec;


	}

	.linkIconIndex {
		width: 58px;
		height: 31px;
		border-radius: 0px 0px 50px 50px;
		border-left: 4px solid;
		border-right: 4px solid;
		border-bottom: 4px solid;
		background-color: #ffffff;
		top: -50px;
		font-size: 30px;
		line-height: 1.5em !important;
		color: #c3ddec;
	}

	.sectionLink {

		text-align: center;
	}

	.center {
		text-align: center;
		padding-left: 47%;
	}

	.panelCss {
		margin-top: -1px !important;
	}




	#iconLeftRight {
		position: absolute;
		cursor: pointer;
		margin-left: 8px;
		top: 4px;
	}

	.beatsliderheadertitle {
		font-size: 22px;
		color: #fff;
	}

	.beattabcontent {
		overflow: auto;
		background-color: white;
		padding: 10px;
	}

	.schedulerreport {
		padding-bottom: 15px !important
	}

	.addsch {
		margin: -25px 40px 0px 0px;
	}

	.nextHover {
		color: #428bca;
		border-radius: 4px;
		text-align: center;
		transition: all 0.5s;
		padding-right: 5% !important;
	}

	.nextHover span {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;
	}

	.nextHover span:after {
		content: '\00bb';
		position: absolute;
		opacity: 0;
		top: 0;
		right: 0px;
		transition: 0.5s;
	}

	.nextHover:hover span {
		padding-right: 15px;
	}

	.nextHover:hover span:after {
		opacity: 1;
		right: 0;
	}



	.backHover {
		color: #428bca;
		border-radius: 4px;
		text-align: center;
		transition: all 0.5s;
		padding-left: 5% !important;
	}

	.backHover span {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;
	}

	.backHover span:after {
		content: '\00AB';
		position: absolute;
		opacity: 0;
		top: 0;
		left: 0px;
		transition: 0.5s;
	}

	.backHover:hover span {
		padding-left: 15px;
	}

	.backHover:hover span:after {
		opacity: 1;
		left: 0;
	}


	.sortBtnBackground {
		background: url(../img/sort.png) no-repeat;
		padding: 0.7em 1em;
		border: none;
		float: right;
	}

	.incentivelarge {
		font-size: x-large;
	}

	.incentivelarger {
		font-size: xx-large;
	}

	.incentivealign {
		vertical-align: text-bottom;
	}

	.incentivepadding {
		padding: 8px 0px !important;
		font-weight: 100 !important;
	}

	.headerClassanchor {
		border: 1px solid #62abd8;
		padding: 7px;
		background: #62abd8;
		margin-right: 25%;
		/* color: #fdfefe; */
		font-size: larger;
		border-radius: 5px 5px 5px 5px;
	}

	.menuHaderincentive {
		background-color: #4814ff;
		height: 56px;
		line-height: 56px;
	}

	.icentiveCalender {
		color: #3784b1 !important;
		border: none !important;
		background-color: #f4f9fc !important;

	}

	#MonthDiv {
		overflow-x: auto;
		/* 	margin-top:2%; */
	}

	#cloneSearchPlaceDiv {
		padding: 0px 9px;
	}

	.wizardtitlefont {
		font-size: medium;
	}

	.arrowToggle {
		height: 49px !important;
	}

	.indoorconfig {
		background-color: #0c2752;
	}

	.tooltips .tooltiptext {
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 5px;
		margin-left: 15px;
		position: absolute;
		z-index: 1;
	}

	.applockuser {
		cursor: pointer;
		display: inline-block;
		margin-bottom: 5px !important;
	}

	.applockselect {
		cursor: pointer;
		vertical-align: sub;
		margin-right: 4px !important;
	}

	.dynamiccss {
		max-width: 150px;
		word-wrap: break-word;
	}

	.indexAdjust {
		padding-bottom: 4px;
	}

	.panel-chart-title1 {

		font-size: 11px;
		display: inline-block;
		font-weight: 100;
		float: left;
		margin-bottom: -46px;
		color: #3784b1;
		border-bottom: 1px solid #c3ddec;
		border-left: 1px solid #c3ddec;
		border-right: 1px solid #c3ddec;
		min-width: 32px;
		text-align: center;
		padding: 7px 7px;
		border-radius: 0px 0px 5px 4px;
		background-color: #edf5fa;
	}

	/* .background {
		
        background-color: white;
        width: 177px;
        height: 157px;
        padding: 0; 
        margin: 0;
       
        display:inline-block;
		position: relative;
		margin: 0%;
		float:left;
		
		
    }
    .line1 {
        width: 232px;
        height: 110px;
        border-bottom: 1px solid #c3ddec;
        -webkit-transform:
            translateY(-20px)
            translateX(5px)
            rotate(41deg); 
        position: absolute;
        top: -20px;
    } */




	.three {
		margin: 2%;
		margin-top: 25px;
		margin-left: 37px;
		margin-bottom: 7px;
		width: 100px;
		height: 200px;
		float: left;
		position: relative;
		display: inline-block;
	}

	.six {
		padding: 0;
		margin: 0;
		float: left;
		width: 142px;
		height: 138px;
	}

	.four {


		padding: 0;
		margin: 0;
		float: left;
		width: 142px;
		height: 69px;

	}

	.five {
		border-top: thin !important;
		margin: 0%;
		float: left;
		width: 142px;
		height: 69px;
	}

	/* .fa-search{
	font: normal normal normal 14px/1 FontAwesome;
/* } */
	.indexLogo {
		max-width: 191px;
		max-height: 94px;
		margin-left: auto;
		margin-right: auto;
		display: block;

	}

	.incentivetablewidth {
		width: 33.33px;
	}

	.incentiveTableColor {
		color: #167ea0;
	}

	/* #pieContainer .pieLabel {

    font-family: arial;
    font-size: 14px !important;
}
#pieContainer {
   width: 150px;
    height: 150px;
}
#pieLabel0{
	position: absolute;
    top: 155px !important;
    left: 114px !important;
    color: rgb(134, 188, 5) !important;
} */


	.processreportHir {
		background-color: #638bda !important;
		color: white;
		font-weight: bold;
	}

}

.panel-chart-viewipnc {
	position: absolute;
	margin-left: 478px;
	margin-top: -5px;
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
	margin-bottom: -20px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe), to(#edf5fa));
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}



.panel-chart-header-ipnc {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: left;
	margin-top: -47px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}


.panel-chart-header-tabular {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: right;
	margin-top: -47px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}

.panel-chart-header-index {
	font-size: 15px;
	display: inline-block;
	font-weight: 400;
	float: right;
	margin-top: -26px;
	color: #3784b1;
	border-top: 1px solid #c3ddec;
	border-left: 1px solid #c3ddec;
	border-right: 1px solid #c3ddec;
	min-width: 100px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 4px 4px 0px 0px;
	background-color: #edf5fa;
	/* Fallback Color */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfefe),
			to(#edf5fa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #fdfefe, #edf5fa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #fdfefe, #edf5fa);
}

.bordernone {
	border: none;


}

.rowgraph {
	border: 1px solid;
	height: 17px;
	background-color: #428bca;
	border-color: #428bca;
	color: white;
}

.userTiles {
	margin: 3%;
}

.indexLogomiddleby {
	max-width: 175px;
	max-height: 110px;
}

.margin-topAnchorr {
	/* margin-top: 5% !important; */
	margin-left: 30px !important;

}

.OrderHeader {
	border: 1px solid #e1e1e1;
	padding: 10px !important;
	background: #e1e1e1;
	font-size: 1.5rem;
	margin: 10px 0px 10px 0px;
}

.boldColor {
	color: #2270a0 !important;
}

.tabsHeaderStyle>li>a {
	padding: 7px 11px !important;
}



.vignetteMiddleby {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3DBBB7;
	box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset;
}

.orderTableCss {
	margin-bottom: 10px;
}

.targetChoice {
	height: 34px !important;
}

.tabularCss {
	border: 1px solid #c3ddec;
	background: #f0f6fb;
	border-radius: 4px;
	padding: 0.6%;
	font-size: 14px;
	color: #11567e;
	font-weight: 400;
	margin-bottom: 0.5%;
	cursor: pointer;
}

.boxShadow {
	box-shadow: 1px 1px 5px;
}

.alertEntryDisable:disabled {
	cursor: not-allowed;
	background-color: #eeeeee
}

.processChart {
	padding: 1%;
	box-shadow: 0px 0px 1px 3px #daeaf4;
	height: 325px;
}

.m-t-1 {
	margin-top: 1% !important;
}

.m-b-1 {
	margin-bottom: 1% !important;
}

.m-t-5 {
	margin-top: 5% !important;
}

.tataLogoDivStyle {
	box-shadow: 0px 0px 1px 3px #daeaf4 !important;
	padding-top: 2% !important;
	padding-bottom: 2% !important;
	margin-top: 1% !important;
	padding-left: 0px;
}

.tataUsrNmDivStyle {
	background: rgb(65, 144, 204);
	color: #fdfefe;
	font-weight: bold;
}

.endDateDivStyle {
	margin-top: 2%;
	line-height: 20px;
	font-size: 14px;
}

.tataUsrTablDivStyle {
	margin-bottom: 0 !important;
	text-align: center;
}

.modal-contentUserHierarchy {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	min-height: 100px;
}

.activeTabIndex {
	background: #78b4e8 !important;
	color: #0d5179 !important;
	font-weight: bold !important;
	border: 1px solid #7bb4d4 !important;
}

#menuHeaderHolder>header>.navbar-header>a {
	cursor: default !important;
}

.wordBreakCss {
	word-break: break-all;
}

.activeline {
	background-color: #12b8c1 !important;
	padding-bottom: 5px !important;
}

.showBtnStyle {
	float: right !important;
	margin-top: -1% !important;
}

.whiteSpace {
	white-space: pre !important;
}

.formeditCss {
	display: block;
	/* width: 54%; */
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.footercontent {
	margin: auto;
	text-align: center;
	padding-top: 20px;
}

.orderdispatch {
	padding-right: 0;
}

@media (max-width: 991px) {
	.reportCriteriaHead .reportCriteriaTitle {
		border-top: 1px solid rgba(4, 45, 64, 0.16) !important;
	}

	.borderbottom {
		border-bottom: 1px solid rgba(4, 45, 64, 0.16) !important;
	}

	.filterdiv {
		text-align: center;
		margin-left: 0;
		margin-bottom: 12px;
	}

	/* .ascdesc reportCriteriaHolder  {text-align: center; margin-left: 0!important;} */
	/* label.linehgt {
    text-align: right;
  } */
	.searchDiv {
		margin-top: 10px;
	}
}

.searchinputdiv {
	clear: both;
	padding: 0 15px;
}

.Generator {
	margin-right: 2px;
}

.btn.userbtnWidth {
	width: 90%;
}

.form-control[readonly] {
	background-color: #fff !important;
}

.removeSortIcon {
	background: none !important;
}

.searchFilter .input-group.date {
	padding: 0 15px !important;
}

.padding15 {
	padding: 0 15px !important;
}


.radiobtns {
	font-weight: 600;
	line-height: 1.1;
	color: #757575;
}


/* The container */
.switch {
	height: 15px;
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.switch input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 25px;
	background-color: #d2322d;
}

/* On mouse-over, add a red background color */
.switch:hover input~.checkmark {
	background-color: #d2322d;
}

/* When the checkbox is checked, add a green background */
/* .switch input:checked ~ .checkmark {
    background-color: #3f943f;
} */

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
/* .switch input:checked ~ .checkmark:after {
    display: block;
} */

/* Style the checkmark/indicator */
/* .switch .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} */

.checktick {
	color: white;
	margin-left: 5px;
	top: 5px;
	width: 15px !important;
	;
	height: 26px;
}

.js-is-hidden {
	display: block;
}


.singletitle {
	margin-top: 12px !important;
	padding-bottom: 8px;
}

/* .startDivChart{
	border: 1px solid #4d9912;
    text-align: center;
    width: 11%;
    padding: 12px;
    background: #bea;
    font-size: 16px;
    border-radius: 50%;
    text-shadow: 0 0 black;
    color: #1f360d;
    margin-left: 3%;
    box-shadow: 8px 0 5px -4px #888;

}
 */

.startDivChart {
	border: 2px solid #5cae1c;
	text-align: center;
	padding: 12px;
	background: #d5f6c9;
	font-size: 15px;
	text-shadow: 0 0 black;
	color: #1f360d;
	margin-bottom: 10px;
	margin-right: 2px;
	height: 62px;
	border-radius: 5px;
}

.startDivCharttrans {
	border: 2px solid #5cae1c;
	text-align: center;
	padding: 12px;
	background: #d5f6c9;
	font-size: 15px;
	text-shadow: 0 0 black;
	color: #1f360d;
	margin-bottom: 7px;
	margin-right: 2px;
	height: 62px;
	border-radius: 5px;
}

.statedetail {
	padding: 10px 5px;
	background: #eaf7ff;
	border: 1px solid #3784b1;
	border-radius: 5px;
	height: 62px;
	vertical-align: middle;
	overflow: auto;
}

.rigtarr {
	margin-top: 15px;
	vertical-align: middle;
}

.endDivChart {
	border: 2px solid #f06161;
	text-align: center;
	padding: 12px;
	background: #f6b9b7;
	font-size: 15px;
	text-shadow: 0 0 black;
	color: #1f360d;
	margin-top: 15px;
	height: 62px;
	border-radius: 5px;
}

.endDivCharttrans {
	border: 2px solid #f06161;
	text-align: center;
	padding: 12px;
	background: #f6b9b7;
	font-size: 15px;
	text-shadow: 0 0 black;
	color: #1f360d;
	height: 62px;
	border-radius: 5px;
}

.allStatesChart {
	text-align: center;
	width: 16%;
	font-size: 12px;
	color: #1f360d;
	height: 65px;
}

.startArrow {
	text-align: center;
	margin-top: 1px;
	font-size: 2em !important;
	color: #287ec8;
}

.borderlef {
	border-left: 1px dashed #8f8b8b;
	min-height: 465px;
}

.startdiv {
	margin: auto;
	width: 54%;
	clear: both;
}

.leftsideArrow {
	padding-left: 3%;
	font-size: large;
	margin-top: 2%;
	font-size: 2em !important;
	color: #428bcad1;
}

.paddingbottom {
	padding-bottom: 5px;
}

.borderleft {
	border-left: 1px dashed #76726d;
	min-height: 500px;
}

.allStateaside {
	width: 78%;
	position: relative;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}

.topnone {
	margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#ProcessModal .modal-dialog.wideModal {
		max-width: 1273px;
		margin: 25px;
		width: auto;
	}

	.sideArrow {
		font-size: 1.5em !important;
	}
}

@media (max-width: 767px) {
	.borderleft {
		border-left: 0 !important;
	}

	#transitionChart {
		padding-top: 15px;
		margin-top: 15px;
		border-top: 1px dashed #76726d;
	}

	#ProcessModal .modal-body {
		padding: 20px 8px !important;
	}

	.sideArrow {
		font-size: 1.5em !important;
	}


}



.radiobtn {
	width: auto;
	display: inline-block;
	float: left;
	padding-right: 2px;
	vertical-align: middle;
}

.radiotxt {
	display: inline-block;
	width: auto;
	float: left;
	font-size: 75%;
	vertical-align: middle;
	margin-top: 4px;
}

.padding15 {
	padding: 0 15px !important;
}

.paddingsidenull {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.boxwrapper .sideArrow {
	margin-top: 15px;
}

/* NO form report */


.processTableDataDiv .table-responsive {
	clear: both;
	overflow-x: auto !important;
	margin-bottom: 0;
}

.processTableDataDiv .table-bordered {
	margin-bottom: 0;
	margin-top: 5px;
}

#instancetables .nameHeader {
	margin-bottom: 0;
	border: 1px solid #daeaf4;
	background-image: linear-gradient(top, #fdfefe, #edf5fa) !important;
	background-image: -webkit-linear-gradient(top, #fdfefe, #edf5fa) !important;
	background-image: -moz-linear-gradient(top, #fdfefe, #edf5fa) !important;
	background-image: -o-linear-gradient(top, #fdfefe, #edf5fa) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fe',
			endColorstr='#d6f0fd', GradientType=0);
	/* IE6-9 */
}

.processTableDataDiv.table-responsive {
	overflow-x: auto !important;
	border: 1px solid #daeaf4;
	margin-bottom: 20px;
}

.orderPadding {
	padding-top: 25px !important;
}

#timePlaceTagged {
	margin-bottom: 0;
}

.reportbtn {
	float: right;
	margin: 0 !important;
}

.placemargin {
	display: block;
	overflow: hidden;
}


/* IMDAAD CLIENT DASHBOARD */
.chartHeight180 {
	height: 180px;
	margin: 0 auto
}

.marginTop-40 {
	margin-top: -40px !important;
}

.marginHeight280 {
	height: 280px;
	margin: 0 auto;
}

.asterisk {
	color: red;
	font-size: initial;
}

.paddingTop0 {
	padding-top: 0px !important;
}

.marginLeft1 {
	margin-left: 1%
}

.panelColor {
	color: #3784b1 !important;
}

.panelColorBlack {
	color: black !important;
}

.margin20 {
	margin: 20px;
}

.marginTop-50 {
	margin-top: -50px !important;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.font19 {
	font-size: 19px;
}

.width5 {
	width: 5%;
}

/* IMDAAD CLIENT DASHBOARD */


/* IMDAAD CLIENT DASHBOARD == 5 COLUMN LAYOUT */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

/* IMDAAD CLIENT DASHBOARD == 5 COLUMN LAYOUT */

.paddingRight0 {
	padding-right: 0px !important;
}

.marginRight5 {
	margin-right: 5px;

}

.imdNumHolder {
	display: inline-block;
	margin-left: 50px;
}

.imdGraphHolder {
	display: inline-block
}

.imdNumHolder .imdInnerTitle {
	clear: both;
	display: block;
	width: 100%;
	line-height: 1.5rem;
	font-size: 1.5 rem !important;

	padding: 5px;
	font-weight: bold;
}

.imdNumHolder .imdInnerNumber {
	clear: both;
	display: block;
	width: 100%;
	line-height: 1.5rem;
	font-size: 3rem !important;
	padding: 5px;
	font-weight: bold;
}

.dropdownStyle {
	min-width: 0px !important;
	margin: 1px 24px 0 !important;
}

.row1 {
	margin-top: -20px !important;
}

.row2 {
	margin-top: -60px !important;
}

.paddingTop0 {
	padding-top: 0px !important;
}

.row1chartheight {
	height: 180px;
	margin: 0 auto;
}

.paddingLeft0 {
	padding-left: 0px !important;
}

.zIndex1 {
	z-index: 1
}

/* DIV BORDER */
.dashedBorder {
	border-right: 1px black dashed;
	/* border-left: 1px black dashed; */
}

.dashedBorderBoth {
	border-right: 1px black dashed;
	border-left: 1px black dashed;
	/* border-left: 1px black dashed; */
}

.marginTop-60 {
	margin-top: -60px !important;
}

.paddingLeft0 {
	padding-left: 0px !important;
}

.paddingRight10 {
	padding-right: 10px !important;
}

/* D3 STYLE SHEET */
.tick line {
	stroke: #e6e6e6 !important;
}

path.domain {
	stroke: #e6e6e6 !important;
}

.tick text {
	color: #666666;
	cursor: default;
	font-size: 11px;
	fill: #666666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

div.d3tooltip {
	position: absolute;
	text-align: center;
	min-width: 50px !important;
	width: auto !important;
	height: auto !important;
	min-height: 30px !important;
	padding: 10px !important;
	font: 12px sans-serif;
	background: #fff !important;
	border: 1px solid !important;
	border-radius: 5px !important;
	pointer-events: none;
}

.d3-tip {
	position: absolute;
	line-height: 1;
	font-weight: bold;
	padding: 12px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 2px;
}

Creates a small triangle extender for the tooltip .d3-tip:after {
	box-sizing: border-box;
	display: inline;
	font-size: 10px;
	width: 100%;
	line-height: 1;
	color: rgba(0, 0, 0, 0.8);
	content: "\25BC";
	position: absolute;
	text-align: center;
}

Style northward tooltips differently .d3-tip.n:after {
	margin: -1px 0 0 0;
	top: 100%;
	left: 0;
}

.textLabel {
	font-weight: bold !important;
	font-size: 13px !important;
	margin-bottom: 10px !important;
}

/* D3 STYLE SHEET  */
.padding85 {
	padding: 85px !important;
}

/*space commit*/
.marginTop-45 {
	margin-top: -45px !important;
}

.marginTop-55 {
	margin-top: -55px !important;
}

.marginTop-20 {
	margin-top: -20px !important;
}

.paddingTop10 {
	padding-top: 10px !important;
}

.minHeight500 {
	min-height: 800px;
}

.paddingLeft {
	padding-left: 100px;
}

.centerDiv {

	margin: auto;
	padding: 5px;
	width: 55%;
	text-align: center;
}

#userIcon:hover {
	color: #3990e6;
	font-size: 38px;
	cursor: pointer;

}

.cursor:hover {
	cursor: pointer;
	font-weight: bold;

}


.modalContentSize {
	max-height: 270px;
	overflow-y: auto;
	min-height: 270px;
}

.modalBodySize {
	overflow-y: auto;
	min-height: 120px !important;
	height: 120px;
}


.marginTop10 {
	margin-top: 10px;
}

.paddingRight15 {
	padding: 0px 15px 0px 0px;
}

.mandatoryMark {
	color: red;
	font-size: initial;
}