/*   Mixins  */

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

/* --------------- 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);
	bord
}

.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 p {
	padding: 10px;
}

.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 {
	
}

.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;
}

.`
Block {
	display: inline-block;
	box-sizing: border-box;
	padding-left: 20px;
}

.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;}l

}

@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;
}