@font-face {
	font-family: 'Source Sans Pro';
	src: url('source-sans-pro/SourceSansPro-Regular.ttf');
}

.pointer {cursor: pointer;}

.skin-blue .main-header .logo {
	background: #ecf0f5 !important;
	border-right: 1px solid #73879c;
}

body {
	-ms-overflow-style: scrollbar;
	font-family: Source Sans Pro !important;
	padding: 0px !important;
}

.skin-blue .main-header .logo:hover {
	background: #fff !important;
}

.skin-blue .main-header .navbar {
	background: #ecf0f5 !important;
	border-bottom: 1px solid #73879c;
}

.skin-blue .main-header .navbar .sidebar-toggle {
	color: #5a738e !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
	color: #fff !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
	background: #2a3f54 !important;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
	border-left: 3px solid #3c8dbc !important;
	/*background-color:rgba(255,255,255, 0.06) !important;*/
	background: #384d62 !important;
}

.sidebar-menu li>a:hover {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0
		rgba(255, 255, 255, 0.16) inset !important;
	background: #2c4257 !important;
}

.sidebar-menu li:active a {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0
		rgba(255, 255, 255, 0.16) inset !important;
	background: #2c4257 !important;
}

.skin-blue .sidebar-menu>li.header {
	color: #ccc !important;
	background: #04192e !important;
}

.main-footer {
	background: #1a2f44 !important;
	color: #fff !important;
	border-top: 2px solid #3c8dbc;
	padding: 8px !important;
}

.content-wrapper {
	background: url('../mw_images/bg4.jpg') repeat scroll 0 0 !important;
}

.fa-circle {
	font-size: 10px !important;
	color: #475b6d !important;
}

.treeview-menu li:hover .fa-circle {
	color: #fff !important;
}

.info-box {
	min-height: 60px !important;
}

.info-box-icon {
	font-size: 33px !important;
	height: 60px !important;
	line-height: 60px !important;
	width: 60px !important;
}

.table-border th, .table-border td {
	border: 1px solid #aaa !important;
}

.table-border-none th, .table-border-none td {
	border: none !important;
}

.goal-table th, .goal-table td {
	text-align: center;
}

.goal-table .fa {
	font-size: 16px !important;
}

.financial-table th {
	text-align: center;
}

.financial-table td {
	text-align: right;
}

.box-header.with-border {
	padding: 3px 10px !important;
	font-size: 16px !important;
}

table.shift td {
	/*font-size:12px !important;*/
	padding: 3px ;
	vertical-align: middle;
	text-align: center;
}

table td {
	/*font-size:12px !important;*/
	padding: 3px ;
	vertical-align: middle;
}

table th {
	/*padding: 3px !important;*/
	padding: 3px;
	padding-right:3px !important;

}

.img4 div {
	float: left;
	padding: 5px;
	height: 110px;
	width: 50%;
	text-align: center;
}

.img4 div img {
	height: 100%;
	width: 100%;
}

.table, .box {
	margin-bottom: 5px !important;
}

.box-title {
	font-size: 16px !important;
}

.content {
	padding: 0px 15px 5px !important;
}

.box-default {
	height: 265px;
}

@media ( max-width :767px) {
	.logo-lg {
		width: 170px !important;
		margin: 0 auto;
	}
	.logo {
		border-right: 0px !important;
		border-bottom: 1px solid #ccc;
	}
	.form-group {
		margin-bottom: 0px !important;
	}
	ul.bar_tabs>li.active a {
		
	}
	.nav-tabs>li>a {
		
	}
	ul.bar_tabs>li.active {
		
	}
	.com-logo {
		width: 100px !important;
		height: 30px;
	}
	.main-header .logo {
		height: 40px !important;
		line-height: 38px !important;
	}
	.main-header .logo img {
		width: 80% !important;
	}
	.main-header>.navbar {
		min-height: 40px !important;
	}
	.main-header .sidebar-toggle {
		padding: 10px !important;
	}
	.navbar-custom-menu .navbar-nav>.user-menu>a {
		line-height: 10px;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		cursor: default;
	}
	.navbar-custom-menu .navbar-nav>.notifications-menu>a {
		line-height: 10px;
		padding: 13px 10px !important;
	}
	.td-block table td {
		/*display:block;*/
		
	}
	.new-btn-cover .fa {
		/*font-size:20px !important;*/
		
	}
	.content-new {
		margin-top: 41px !important;
	}
	.addnew2 {
		width: 13px;
		height: 13px;
	}
	.check-img {
		width: 5px !important;
		height: 5px !important;
		margin: 0px !important;
	}
	.login-head h3 {
		font-size: 18px !important;
	}
		.border-change1{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
	}
	.border-change01{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
	}
}

.com-logo {
	width: 175px;
	height: 43px;
}

/* change for drop menu */
.main-white-box {
	overflow: auto; 
	height: auto;
	box-shadow: 0 0 5px #333;
	/*overflow-x: visible !important;
	overflow-y: visible !important;*/
}

.sub-left-box {
	width: 280px;
	float: left;
}

.s-box {
	background: #55697b none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px #000;
	float: left;
	height: 110px;
	margin: 10px;
	width: 120px;
	text-align: center;
	padding: 10px;
}

.num-bold {
	font-size: 30px;
	color: #fff;
}

.s-box a {
	color: #f49e6b;
}

.s-box label {
	color: #222;
}

.sub-right-box {
	width: 100%;
	float: left;
	background: #fff;
	border-top: 3px solid #d2d6de;
	/* border-radius: 3px; */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin: 0px;
}

/*drop visible*/
.right-box1 {
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 10px;
	height: auto;
	overflow: auto; 
	/*height:372px;*/
	/*overflow: visible;*/
}

.right-box2 {
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 17px 0px;
	height: 243px;
}

.box-head {
	min-height: 35px;
	background: #99cccc;
	position: relative;
}

/* drop visible */
.table-cover {
	overflow: hidden;
	/*height:320px;*/
	/*overflow-x: visible !important;
	overflow-y: visible !important;*/
}

.table-cover1 {
	overflow: auto;
	height: 192px
}

.table-cover1 tr td:first-child { /*width: 90px;*/
	
}

.table-cover1 {
	width: 100%;
	/* height:220px; */
	height: auto;
	overflow: hidden;
	float: left;
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 5px 0px;
}

/* drop visible */
.over-auto {
	overflow: auto; 
	/*overflow-x: visible !important;
	overflow-y: visible !important;*/
}

.over-auto1 {
	overflow: auto;
	/* height:180px; */
	height: auto;
}

.table-new-head {
	padding: 0px 10px;
	width: 100%;
	margin-bottom: 0px !important;
}

.new-cover {
	float: left;
	width: 390px;
	height: 300px;
}

tbody tr {
	/* -webkit-box-shadow: inset 0px 0px 5px 0px #ccc;
  -moz-box-shadow: inset 0px 0px 5px 0px #ccc;
  box-shadow: inset 0px 0px 5px 0px #ccc;*/
	/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(245,242,245,1) 100%);
background: -webkit-gradient( right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(245,242,245,1)));
background: -webkit-linear-gradient( rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(245,242,245,1) 100%);
background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(245,242,245,1) 100%);
background: -ms-linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(245,242,245,1) 100%);
background: linear-gradient( rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(245,242,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f2f5', GradientType=1 );*/
	color: #3e5368 !important;
	cursor: default !important;
}

thead tr {
	box-shadow: none !important;
}

table.dataTable thead tr.nobackground {
	box-shadow: none !important;
	background-color: #fff !important;
}
.nobackground th{
	padding: 3px !important;
}
.yadcf-filter-wrapper .yadcf-filter{
	padding: 0px !important;
}
.yadcf-filter-wrapper .select2-input{
	padding: 2px !important;
	line-height: 18px;
}
.yadcf-filter-reset-button {
color: #555;
border-radius: 50%;
height: 26px;
margin: 0px 5px;
border: 3px solid;
border-color: buttonface !important;
line-height: 10px;
font-size: 14px;
background: #eee;
}
.select2-search-choice div{
	font-size: 10px;
}

.table-hover tbody tr:hover {
	background: rgb(122, 188, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 46%, rgba(64, 150, 238, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122,
		188, 255, 1)), color-stop(46%, rgba(96, 171, 248, 1)),
		color-stop(100%, rgba(64, 150, 238, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 46%, rgba(64, 150, 238, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 46%, rgba(64, 150, 238, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 46%, rgba(64, 150, 238, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 46%, rgba(64, 150, 238, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff',
		endColorstr='#4096ee', GradientType=0); /* IE6-9 */
	color: #000 !important;
	cursor: default !important;
}

td {
	/* font-size:12px !important; */
	font: 88%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial,
		Helvetica, sans-serif;
}

.nav_menu1 {
	margin-top: -57px;
	margin-bottom: 0px;
}

.mar-lt-250 {
	margin-left: 250px;
}

.left_col_new {
	background: #2a3f54;
	height: 100% !important;
}

@media ( max-width : 991px) {
	.main-white-box {
		left: 10px !important;
	}
	.md-martop-10{
	margin-top:10px;
	}
}

@media ( max-width : 1199px) {
	.inner-box-cover {
		width: 1000px;
	}
}

.footer {
	height: 38px;
	bottom: 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	background: rgb(29, 50, 71) none repeat scroll 0px 0px;
	color: #fff;
	padding: 10px;
	z-index: 200;
	border-top: 2px solid #1abb9c;
}

.lt-70 {
	left: 80px !important;
}

.btn-cover button {
	padding: 6px;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background: rgb(247, 247, 247) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%,
		rgba(240, 240, 240, 1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,
		247, 247, 1)), color-stop(100%, rgba(240, 240, 240, 1))) !important;
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%,
		rgba(240, 240, 240, 1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 0%,
		rgba(240, 240, 240, 1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(247, 247, 247, 1) 0%,
		rgba(240, 240, 240, 1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%,
		rgba(240, 240, 240, 1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',
		endColorstr='#e2e2e2', GradientType=0) !important; /* IE6-9 */
}

/*.table-striped > tbody > tr:nth-of-type(2n+1):hover{ */
.table-striped>tbody>tr:hover {
	background: #a4d2ff !important;
	/*background: rgb(122,188,255)!important; 

background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 46%, rgba(64,150,238,1) 100%)!important; 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(46%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1)))!important; 

background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 46%,rgba(64,150,238,1) 100%)!important; 

background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 46%,rgba(64,150,238,1) 100%)!important; 

background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 46%,rgba(64,150,238,1) 100%)!important; 

background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 46%,rgba(64,150,238,1) 100%)!important; 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ) !important; */
}

.btn {
	background: #3c8dbc;
}

.btn:hover {
	background: #337ab7;
}

.btn-radius {
	border-radius: 50% !important;
}

.btn-primary {
background-color: #3c8dbc !important;
border-color: #367fa9 !important;
}

/* modifyed by loganathan 04-11-2019
 .btn-success {
color: #fff;
background-color: #28a745 !important;
border-color: #28a745 !important;
} */

.btn-info {
background-color: #00c0ef !important;
border-color: #00acd6 !important;
}

.btn-warning {
color: #fff;
background-color: #f0ad4e !important;
border-color: #eea236 !important;
}

.panel-header {
	padding-bottom: 8px;
}

.panel-heading .btn-warning {
	color: #fff;
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
}

.panel-heading .btn-selectall {
	color: #fff;
	background-color: #f0a0a5 !important;
	border-color: #ee979d !important;
}

.panel-heading .btn-deselectall {
	color: #fff;
	background-color: #82d3f0 !important;
	border-color: #71b4ee !important;
}

.btn-warning:hover {
	background: #b78031 !important;
}

.btn-selectall:hover {
	background: #b75d63 !important;
}

.btn-deselectall:hover {
	background: #389db7 !important;
}

@media ( min-width : 992px) {
	.new-btn-cover .btn-group {
		/* border: 1px solid #bdbdbd !important; */
		border-radius: 4px;
		/* margin:8px 3px; */
	}
	.dashboard-top {
		margin-top: 51px;
	}
	.dashboard-box-top {
		margin-top: -51px;
	}
	.icon4-cover {
		width: 110px !important;
	}
	.icon5-cover {
		width: 140px !important;
	}
	.icon6-cover {
		width: 155px !important;
	}
	.space5px {
		height: 5px;
	}
	.new-btn-cover .btn-i {
		background: #2a3f54 !important;
		text-align: center;
		box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .3)
			!important;
		color: #fff !important;
		line-height: 17px !important;
		padding: 0px !important;
		width: 25px;
	}
	.new-btn-cover .btn-t {
		background-color: #ddd !important;
		background: -moz-linear-gradient(top, #fafafa, #ddd) !important;
		background: -webkit-linear-gradient(top, #fafafa, #ddd) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
			EndColorStr='#dddddd');
		font: bold .95em/2em Arial, Helvetica;
		color: #333 !important;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8) !important;
		box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
			rgba(0, 0, 0, .1) !important;
		text-align: center;
		width: 33px;
		line-height: 22px !important;
		padding: 0px 3px !important;
		border: 1px solid #ccc !important;
		height: 31px;
	}
	.new-btn-cover .btn-t:hover {
		background-color: #ccc !important;
		/*background:-moz-linear-gradient(center top , #eee, #ccc) !important;*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
			EndColorStr='#cccccc');
	}
	.new-btn-cover .btn-t:active {
		box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1) inset !important;
		position: relative;
	}
	.new-btn-cover .btn-t:focus {
		outline: 0;
		background: #fafafa !important;
	}
	.btn-i img {
		margin-top: -3px;
	}
	.right-icon div {
		padding: 5px;
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		float: left;
		width: 43px;
		height: 43px;
	}
	.right-icon div:hover {
		font-size: 17px !important;
		width: 43px;
		height: 43px;
		padding: 5px;
	}
	.icon-width {
		float: left;
	}
	.addnew2 {
		margin-top: -2px;
	}
	.pad-right {
		padding-right: 0px !important;
	}
	.parts-code {
		margin-top: 80px;
	}
	.mar-btm-txtbox {
		margin-bottom: 15px;
	}
		.border-change1{
	border-right:1px solid #ccc;
	}
	/*.new-btn-cover .btn-t{   
    background-color: #ddd !important;        
    background:-moz-linear-gradient(top, #fafafa, #ddd) !important;
	background:-webkit-linear-gradient(top, #fafafa, #ddd) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');     
    font: bold .85em/2em Arial, Helvetica;    
    color: #333 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;   
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.1) !important;
	text-align:center;
	width:40px;
	line-height:17px !important;  
	padding:3px 6px !important; 
	border:1px solid #ccc !important;
	height:35px;
}
.new-btn-cover .btn-t:hover{   
	 background-color: #ccc !important;
    background:-moz-linear-gradient(center top , #eee, #ccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');     
}
.new-btn-cover .btn-t:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.1) inset !important;
    position: relative;   
}
.new-btn-cover .btn-t:focus {
    outline: 0;
    background: #fafafa !important;
} 
.right-icon div{
	padding:5px;
	display:inline-block;
	cursor:pointer;
	font-size:19px;
	text-align:center;
	float:left;
	width:45px;	
}  
.right-icon div:hover{
font-size:22px !important;
width:45px;
height:40px;
padding:5px;
}
.icon-width{
	float:left;
	margin-top:5px;
}*/
}

.search-bg {
	background-color: #ddd !important;
	background: -moz-linear-gradient(top, #fafafa, #c7c7c7) !important;
	background: -webkit-linear-gradient(top, #fafafa, #c7c7c7) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
		EndColorStr='#dddddd');
}

.search-bg:hover {
	background-color: #ccc !important;
	background: -moz-linear-gradient(center top, #eee, #ccc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
		EndColorStr='#cccccc');
}

.setting-title {
	background-color: #2a3f54;
	border-top: 2px solid #1abb9c;
	color: #fff;
	margin-top: 8px;
	clear: both;
}

.set-heading {
	padding: 0 5px 8px;
}

.main-white-box-new {
	background: #fff none repeat scroll 0 0;
	border-top: 3px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 5px #333;
	overflow: auto;
	height: auto;
	padding-bottom: 15px;
}

/* #myTab
{
 background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #ad6395 0%, #a163ad 100%) repeat scroll 0 0;

background: -webkit-gradient(left center , #ad6395 0%, #a163ad 100%) repeat scroll 0 0); Chrome,Safari4+

background: -webkit-linear-gradient(left center , #ad6395 0%, #a163ad 100%) repeat scroll 0 0); Chrome10+,Safari5.1+

background: -o-linear-gradient(left center , #ad6395 0%, #a163ad 100%) repeat scroll 0 0); Opera 11.10+

background: -ms-linear-gradient(left center , #ad6395 0%, #a163ad 100%) repeat scroll 0 0); IE10+

background: linear-gradientleft center , #ad6395 0%, #a163ad 100%) repeat scroll 0 0); W3C

    border-radius: 5px;
    padding: 15px;
 height:auto;
}
#myTab li{
  
    border-radius: 5px;
    margin: 5px;
 border:0px !important; 
}
#myTab li a{
 background-color:transparent;
 color:#fff;
 border:0px !important;
 padding:3px 15px !important;
}
#myTab li:hover{
 
    border-radius: 5px;
    margin: 5px;
 border:0px !important;
 color:#000 !important;
}
#myTab li{
 background-color:transparent;
  margin: 5px;
  border:0px !important;
}
#myTab li a:active{
 color:#000 !important;
 background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
  border-radius: 5px;   
 border:0px !important; 
}
#myTab li a:hover{
 color:#000 !important;
 background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
  border-radius: 5px;    
 border:0px !important; 
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
 background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;
  border-radius: 5px;  
 border:0px !important; 
 color:#000 !important;
}

.nav-tabs > li.active > a:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 50%;
    margin-left: -6px;
    margin-top: 5px;
    position: absolute;
    top: 100%;
}
#myTab{
 padding:5px !important;
 margin:0px;
}

#myTabContent{
 padding:0px 10px;
}
.x_content{
 padding:0px;
 border:1px solid #ccc;
 border-radius:5px;
} */
ul.bar_tabs {
	background: #3b586b !important;
}

ul.bar_tabs>li {
	background: #86b5b9 !important;
	border: 0px !important;
}

ul.bar_tabs>li a {
	background-color: transparent !important;
	color: #444 !important;
	line-height: 25px;
	font-size: 20px;
}

ul.bar_tabs>li.active {
	background: #f8f8f8 !important;
}

ul.bar_tabs>li.active a {
	color: #348bcf !important;
}

ul.bar_tabs>li:hover {
	background: #f8f8f8 !important;
}

ul.bar_tabs>li a:hover {
	color: #348bcf !important;
}

ul.bar_tabs {
	margin-bottom: 0px;
	border-bottom: 0px;
	height: auto !important;
	background: #3b586b none repeat scroll 0 0 !important;
	padding-top: 1px;
}

.setting-title {
	background-color: #99cccc !important;
	border-top: 0px solid #99cccc !important;
	margin-top: 0px;
	color: #2376a9;
	clear: both !important;
}

.tab-content {
	background: #f8f8f8 !important;
	border-top: 0px;
	border-bottom: 1px solid #999;
	border-left: 0px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: auto;
	overflow: auto;
	padding: 5px 2px;
}

.set-heading {
	padding: 5px 8px !important;
	margin: 0px !important;
}

.count-record {
	font-size: 12px ! important;
	margin-top: 6px;
}

.set-heading {
	padding: 6px 8px !important;
	position: relative;
}

.input-check-left td input {
	/*margin-right:20px;
	margin-left:5px;*/
	
}

.sub-head-bg {
	background: #617e91;
	padding: 3px;
	color: #fff;
}

@media ( min-width : 1200px) {
	.mapimg {
		width: 90%;
	}
	.codeimg {
		width: 100%;
	}
	.barcodeimg {
		width: 100%;
	}
	.map-box {
		width: 315px;
		float: left;
	}
	.add1::before {
		background: #2a3f54 url("../mw_images/Add.png") no-repeat scroll 0 0
			!important;
		z-index: 9999;
	}
	.pagination>li>a, .pagination>li>span {
		padding: 2px 7px !important;
		/* font-size:12px !important; */
		font: 88%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial,
			Helvetica, sans-serif;
	}
}

@media ( min-width :1024px) {
	#totvaluelost {
		font-size: 17px;
		font-weight: 600;
		margin-bottom: -24px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	#totvaluelost1 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -20px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	#totvaluelost2 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -20px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	#totvaluelost3 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -20px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
}

@media ( min-width :1024px) {
	#totvalueeffort {
		font-size: 17px;
		font-weight: 600;
		margin-bottom: -23px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	#totvalueeffort1 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -23px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	#totvalueeffort2 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -23px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	#totvalueeffort3 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: -23px;
		position: relative;
		z-index: 0;
		margin-left: -100px;
	}
	.datatabletophead{
	font-size: 17px;
    font-weight: 600;    
	}	
	.datatabletodescription{
	font-size: 14px;
    font-weight: 600;    
	}
	
}

@media ( min-width :992px) and (max-width:1199px) {
	.mapimg {
		width: 90%;
	}
	.codeimg {
		width: 100%;
	}
	.barcodeimg {
		width: 100%;
	}
	.map-box {
		width: 245px;
		float: left;
	}
	.add1::before {
		background: #2a3f54 url("../mw_images/Add.png") no-repeat scroll 0 0
			!important;
		z-index: 9999;
	}
}

@media ( min-width :550px) and (max-width:991px) {
	.new-btn-cover .btn-group {
		border: 1px solid #bdbdbd !important;
		border-radius: 4px;
		margin: 8px 2px;
	}
	.new-btn-cover .btn-i {
		background: #2a3f54 !important;
		text-align: center;
		box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .3)
			!important;
		color: #fff !important;
		line-height: 17px !important;
		padding: 0px !important;
		width: 15px;
	}
	.new-btn-cover .btn-t {
		background-color: #ddd !important;
		background: -moz-linear-gradient(top, #fafafa, #ddd) !important;
		background: -webkit-linear-gradient(top, #fafafa, #ddd) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
			EndColorStr='#dddddd');
		font: bold .85em/2em Arial, Helvetica;
		color: #333 !important;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8) !important;
		box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
			rgba(0, 0, 0, .1) !important;
		text-align: center;
		width: 30px;
		line-height: 22px !important;
		padding: 0px 3px !important;
		border: 1px solid #ccc !important;
		height: 28px;
	}
	.new-btn-cover .btn-t:hover {
		background-color: #ccc !important;
		background: -moz-linear-gradient(center top, #eee, #ccc) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
			EndColorStr='#cccccc');
	}
	.new-btn-cover .btn-t:active {
		box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1) inset !important;
		position: relative;
	}
	.new-btn-cover .btn-t:focus {
		outline: 0;
		background: #fafafa !important;
	}
	.btn-i img {
		margin-top: -3px;
	}
	.right-icon div {
		padding: 5px;
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		float: left;
		width: 40px;
		height: 40px;
	}
	.right-icon div:hover {
		font-size: 17px !important;
		width: 40px;
		height: 40px;
		padding: 5px;
	}
	.icon-width {
		float: left;
	}
}

.fa {
	text-align: center;
}

@media ( min-width :768px) and (max-width:991px) {
	.mapimg {
		width: 90%;
	}
	.icon4-cover {
		width: 110px !important;
	}
	.icon5-cover {
		width: 130px !important;
	}
	.icon6-cover {
		width: 155px !important;
	}
	.codeimg {
		width: 80%;
	}
	.barcodeimg {
		width: 100%;
	}
	.map-box {
		width: 235px;
		float: left;
	}
	table th, table td {
		/* font-size:11px !important; */
		font: 88%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial,
			Helvetica, sans-serif;
	}
	.box-head {
		min-height: 25px !important;
	}
	h2 {
		font-size: 15px !important;
		padding: 5px !important;
	}
	.records-count {
		margin: 3px 0px !important;
		font-size: 10px;
	}
	.new-btn {
		font: bold 0.55em/2em Arial, Helvetica !important;
		width: 60px !important;
	}
	.add1::before {
		background: #2a3f54 url("../mw_images/Add-medium.png") no-repeat scroll
			0 0 !important;
		z-index: 9999;
	}
	.addnew {
		top: 3.5px !important;
		width: 18px !important;
		height: 18px !important;
	}
	.service-code-cover {
		width: 100px !important;
		margin: 0 auto;
	}
	.addnew2 {
		margin-top: -4px;
	}
	.mar-btm-txtbox1 {
		margin-bottom: 15px;
	}
		.border-change1{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
	}
	.border-change01{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
	}
}

@media ( min-width : 768px) {
	.icon3-cover .dt-buttons {
		margin-top: 1px !important;
	}
	.exp-icon {
		width: auto !important;
		height: 22px !important;
	}
	.popup-btn {
		padding: 6px 30px !important;
		float: right;
	}
	.map-check {
		position: absolute !important;
		left: 5px;
		top: -4px;
		width: 20px;
	}
	#myTab .fa {
		width: 20px;
		text-align: center;
	}
	.bar_tabs {
		width: 56px;
		float: left;
		border: 0px;
	}
	.icon-width div {
		font-size: 17px !important;
	}
	.search-cover {
		width: 230px;
		float: right;
		margin-right: 215px;
	}
	.content-new {
		padding-top: 75px !important;
	}
	.addnew2 {
		width: 22px;
		height: 22px;
	}
	.setting-title {
		margin-bottom: 12px;
	}
	.box-head {
		margin-bottom: 10px;
	}
	.search-cover1 {
		margin-right: 60px !important;
	}
	.op-btn{
	float:right;
	margin-right:215px;
	}
}

@media ( max-width : 767px) {
	.mapimg {
		width: 90%;
		margin-top: 15px;
	}
	.icon4-cover {
		width: 90px !important;
	}
	.icon5-cover {
		width: 110px !important;
	}
	.icon6-cover {
		width: 140px !important;
	}
	.i3tab {
		margin-top: -1px !important;
	}
	.codeimg {
		width: 70px;
	}
	.barcodeimg {
		width: 100px;
	}
	.map-box {
		width: 100%;
	}
	.exp-icon {
		width: auto !important;
		height: 15px !important;
	}
	.map-check {
		left: 0;
		position: absolute;
		top: 65px;
		width: 30px;
	}
	th {
		font-size: 12px !important;
	}
	td {
		font-size: 11px !important;
	}
	.navbar-static-top {
		margin-top: -40px !important;
	}
	.main-header .logo img {
		width: 100% !important;
	}
	.main-header .logo {
		width: 100px !important;
	}
	.com-logo {
		width: 80px !important;
		height: 20px !important;
	}
	.navbar-custom-menu .navbar-nav>.user-menu>a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		cursor: default;
	}
	.skin-blue .main-header .logo {
		z-index: 10000;
		margin-left: 35px;
		padding: 0px !important;
	}
	.logo-lg {
		width: 100% !important;
	}
	.logo-lg img {
		padding: 5px !important;
	}
	.input-check-left td input {
		/* width:8px; */
		margin: 0px !important;
		/* height:8px; */
	}
	.addnew {
		width: 16px !important;
		height: 16px !important;
		right: 4px !important;
		top: 3.4px !important;
	}
	.ABC {
		display: block !important;
		visibility: visible !important;
	}
	.asset-pic {
		width: 225px !important;
		margin: 0 auto;
	}
	.search-cover {
		width: 230px;
		float: right;
		margin-right: 15px;
	}
	.pagination>li>a, .pagination>li>span {
		padding: 1px 3px !important;
		font-size: 8px !important;
	}
	.dataTables_wrapper .row:nth-child(1) {
		/* font-size:11px !important; */
		font: 88%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial,
			Helvetica, sans-serif;
	}
	.dataTables_wrapper .row:nth-child(3) {
		/* font-size:8px !important; */
		font: 88%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial,
			Helvetica, sans-serif;
	}
	.mar-btm-txtbox1 {
		margin-bottom: 15px;
	}
	/*.new-btn-cover .btn-group{
	border: 1px solid #bdbdbd !important;
	border-radius:2px;
	margin:8px 0px;
}
.new-btn-cover .btn-i{
	 background: #2a3f54 !important;   
    text-align: center;   
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.3) !important;      
	color:#fff !important;
	line-height:9px !important;  
	padding:0px !important; 
	font-size:7px; 
	width:9px;   
}
.new-btn-cover .btn-t{   
    background-color: #ddd !important;        
    background:-moz-linear-gradient(top, #fafafa, #ddd) !important;
	background:-webkit-linear-gradient(top, #fafafa, #ddd) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');     
    font: bold .40em/2em Arial, Helvetica;    
    color: #333 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;   
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3) !important;
	text-align:center;
	width:23px;
	line-height:9px !important;  
	padding:0px 2px !important; 
	border:1px solid #ccc !important;
}
.new-btn-cover .btn-t:hover{   
	 background-color: #ccc !important;
    background:-moz-linear-gradient(center top , #eee, #ccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');     
}
.new-btn-cover .btn-t:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset !important;
    position: relative;   
}
.new-btn-cover .btn-t:focus {
    outline: 0;
    background: #fafafa !important;
}  
.btn-i img{
	margin-top:-1px;
}*/
	.box-head {
		margin-bottom: 10px;
	}
	.setting-title {
		margin-bottom: 5px;
	}
	.edit-delete-small {
		width: 14px !important;
		height: 14px !important;
	}
	.mar-btm10 {
		margin-bottom: 15px;
	}
	.op-btn{
	float:right;
	margin-right:15px;
	}
}

.navbar-custom-menu .navbar-nav>.user-menu>a {
	cursor: default;
}

@media ( max-width :450px) {
	.box-head {
		overflow: auto;
	}
}

@media ( min-width :450px) and (max-width:549px) {
	.new-btn-cover .btn-group {
		border: 1px solid #bdbdbd !important;
		border-radius: 4px;
		margin: 8px 2px;
	}
	.new-btn-cover .btn-i {
		background: #2a3f54 !important;
		text-align: center;
		box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .3)
			!important;
		color: #fff !important;
		line-height: 15px !important;
		padding: 0px !important;
		width: 13px;
	}
	.new-btn-cover .btn-t {
		background-color: #ddd !important;
		background: -moz-linear-gradient(top, #fafafa, #ddd) !important;
		background: -webkit-linear-gradient(top, #fafafa, #ddd) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
			EndColorStr='#dddddd');
		font: bold .75em/2em Arial, Helvetica;
		color: #333 !important;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8) !important;
		box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
			rgba(0, 0, 0, .1) !important;
		text-align: center;
		width: 25px;
		line-height: 19px !important;
		padding: 0px 3px !important;
		border: 1px solid #ccc !important;
		height: 26px;
	}
	.new-btn-cover .btn-t:hover {
		background-color: #ccc !important;
		background: -moz-linear-gradient(center top, #eee, #ccc) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
			EndColorStr='#cccccc');
	}
	.new-btn-cover .btn-t:active {
		box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1) inset !important;
		position: relative;
	}
	.new-btn-cover .btn-t:focus {
		outline: 0;
		background: #fafafa !important;
	}
	.btn-i img {
		margin-top: -3px;
	}
	.right-icon {
		display: flex;
		clear: both;
	}
	.right-icon div {
		padding: 3px;
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		float: left;
		width: 28px;
		height: 32px;
	}
	.right-icon div:hover {
		font-size: 16px !important;
		width: 28px;
		height: 30px;
		padding: 3px;
	}
	.icon-width {
		float: left;
	}
}

@media ( max-width :449px) {
	.new-btn-cover .btn-group {
		border: 1px solid #bdbdbd !important;
		border-radius: 4px;
		margin: 8px 2px;
	}
	.new-btn-cover .btn-i {
		background: #2a3f54 !important;
		text-align: center;
		box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .3)
			!important;
		color: #fff !important;
		line-height: 15px !important;
		padding: 0px !important;
		width: 13px;
	}
	.new-btn-cover .btn-t {
		background-color: #ddd !important;
		background: -moz-linear-gradient(top, #fafafa, #ddd) !important;
		background: -webkit-linear-gradient(top, #fafafa, #ddd) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
			EndColorStr='#dddddd');
		font: bold .75em/2em Arial, Helvetica;
		color: #333 !important;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8) !important;
		box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
			rgba(0, 0, 0, .1) !important;
		text-align: center;
		width: 25px;
		line-height: 19px !important;
		padding: 0px 3px !important;
		border: 1px solid #ccc !important;
		height: 26px;
	}
	.new-btn-cover .btn-t:hover {
		background-color: #ccc !important;
		background: -moz-linear-gradient(center top, #eee, #ccc) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
			EndColorStr='#cccccc');
	}
	.new-btn-cover .btn-t:active {
		box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1) inset !important;
		position: relative;
	}
	.new-btn-cover .btn-t:focus {
		outline: 0;
		background: #fafafa !important;
	}
	.btn-i img {
		margin-top: -3px;
	}
	label {
		margin-top: 5px;
	}
	.right-icon {
		display: flex;
		clear: both;
	}
	.right-icon div {
		padding: 3px;
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		float: left;
		width: 28px;
		height: 32px;
	}
	.right-icon div:hover {
		font-size: 16px !important;
		width: 28px;
		height: 30px;
		padding: 3px;
	}
	.icon-width {
		float: left;
		margin-top: 3px;
	}
	.icon-width {
		margin-top: 0px !important;
	}
}

@media ( min-width :1024px) and (max-width:1199px) {
	.asset-pic {
		width: 175px;
		float: left;
	}
	.asset-txt {
		width: 295px;
		float: left;
	}
	.on-off .btn {
		font-size: 8px !important;
		padding: 4px 8px !important;
	}
	.codeimg-cover {
		width: 75px !important;
	}
	.pagination>li>a, .pagination>li>span {
		padding: 2px 6px !important;
		font-size: 10px !important;
	}
}

@media ( min-width :1200px) and (max-width:1300px) {
	.asset-pic {
		width: 190px;
		float: left;
	}
	.asset-txt {
		width: 390px;
		float: left;
	}
}

@media ( min-width :1301px) {
	.asset-pic {
		width: 220px;
		float: left;
	}
	.asset-txt {
		width: 460px;
		float: left;
	}
}

@media ( min-width :992px) and (max-width:1023px) {
	.on-off .btn {
		font-size: 8px !important;
		padding: 4px 8px !important;
	}
	.codeimg-cover {
		width: 65px !important;
	}
}

@media ( min-width :490px) and (max-width:767px) {
	.icon-width {
		margin-top: 1px;
	}
	.content-new {
		padding-top: 60px !important;
	}
}

@media ( max-width :489px) {
	.icon-width {
		margin-bottom: 5px;
	}
	.search-cover {
		float: left !important;
		margin-left: 3px;
		clear: both;
	}
	.new-btn-cover {
		margin-top: -90px !important;
	}
	.content-new {
		padding-top: 90px !important;
	}
}

@media ( min-width :768px) and (max-width:1023px) {
	.asset-pic {
		width: 200px;
		margin: 0 auto 15px;
	}
	.asset-txt {
		width: 85%;
		float: left;
	}
	.map-box {
		margin: 0 auto 10px;
		width: 320px;
		float: none !important;
	}
	ul.bar_tabs>li {
		
	}
	ul.bar_tabs>li a {
		color: #000 !important;
		font-size: 17px !important;
		padding: 5px 12px !important;
	}
	.bar_tabs {
		width: 50px !important;
	}
	ul.bar_tabs>li.active {
		
	}
	.pagination>li>a, .pagination>li>span {
		padding: 2px 6px !important;
		font-size: 10px !important;
	}
}

@media ( max-width :767px) {
	.asset-pic {
		width: 230px;
		margin: 0 auto;
	}
	.wid-350 {
		width: 100% !important;
	}
	.wid-460 {
		width: 100% !important;
	}
	.wid-250 {
		width: 100% !important;
	}
	.pop-cover {
		width: 98% !important;
		margin: 5px 1% !important;
	}
	.popup-btn {
		margin-top: 10px !important;
		padding: 6px 20px !important;
		float: right;
	}
	.fc-toolbar h2 {
		font-size: 14px !important;
		margin: 10px 0px;
	}
	.main-footer {
		font-size: 11px !important;
	}
	ul.bar_tabs>li {
		
	}
	ul.bar_tabs>li a {
		font-size: 14px !important;
		line-height: 22px !important;
		padding: 2px 8px !important;
		color: #000 !important;
	}
	ul.bar_tabs>li.active {
		
	}
	ul.bar_tabs>li.active a {
		
	}
	.box-head {
		min-height: 22px !important;
	}
	h2 {
		padding: 4px !important;
		font-size: 14px !important;
	}
	.records-count {
		font-size: 8px;
		margin: 3px 0px !important;
	}
	.bar_tabs {
		border: 0 none;
		float: left;
		width: 38px;
	}
	#myTab .fa {
		text-align: center;
		width: 16px;
	}
	.codeimg-cover {
		width: 70px !important;
	}
	.icon-width div {
		font-size: 14px !important;
		height: 28px !important;
	}
	.fa:hover .fa {
		color: #000;
		font-size: 16px !important;
	}
	td .input-group-addon {
		padding: 0px 3px !important;
		font-size: 9px !important;
	}
}

.map-box {
	margin-bottom: 10px;
	overflow: auto;
	height: auto;
}

.wid-350 {
	width: 350px;
	clear: both;
}

.wid-460 {
	width: 460px;
}

.wid-250 {
	width: 250px;
}

.td-center td, .td-center th {
	text-align: center;
}

.pad-lt-rt {
	padding: 0px 5px !important;
}

.td-center td input {
	margin: 0px !important;
}

.td-center tr, #calendar tr {
	background: transparent !important;
}

.pop-cover {
	/* height:auto; */
	clear: both;
	/* overflow:auto; */
}

.form-horizontal label.control-label {
	/* padding-top:0px !important; */
	
}

.dropfile {
	border: 1px solid #555;
	border-radius: 5px;
}

@media ( max-width :500px) {
	.fc-toolbar .fc-right {
		clear: both;
		float: left !important;
		height: auto;
		margin-top: 10px;
		overflow: auto;
	}
	.fc-toolbar h2 {
		margin-left: 5px !important;
	}
	.fc button {
		height: 1.8em !important;
		padding: 0 0.45em !important;
	}
}

.fc-toolbar h2 {
	font-size: 25px;
}

.form-horizontal .form-group {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.addnew {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 7.5px;
	right: 10px;
	cursor: pointer;
}

.fa-hand-o-up {
	cursor: pointer;
}

.input-group .input-group-addon {
	background: #eee !important;
}

.input-group .input-group-addon:hover {
	background: #ddd !important;
	color: #2086fa !important;
}

.modal-body {
	/* 	height:auto;
	overflow:auto; */
	
}

.modal-body .panel{
	margin-bottom: 2px !important;
	
}

.fa {
	text-rendering: optimizeLegibility;
}

h2 {
	color: #2376a9 !important;
}

.nav-tabs>li>a {
	border-radius: 0px !important;
	margin: 0px !important
}

.nav-tabs>li {
	border-radius: 0px !important;
	margin: 1px 2px !important;
}

.btn-group .btn-default {
	background: #f4f4f4 !important;
}

.sidebar-menu li {
	font-size: 15px !important;
}

.btn-t {
	z-index: 3;
}

.icon-width div {
	/* padding:5px; */
	display: inline-block;
	cursor: pointer;
	text-align: center;
	float: left;
}

.icon-width .fa {
	color: #505050;
}
.icon-width .glyphicon{
	color: #505050;
}

.fa:hover .fa {
	color: #000;
	font-size: 20px;
}

.right-icon div:hover .fa {
	color: #666 !important;
}

.icon-width div {
	/* width:30px; */
	height: 30px;
	line-height: 18px;
	margin: 0px 3px;
}

header {
	position: fixed !important;
	width: 100%;
}

.main-sidebar, header {
	/* position:fixed !important; */
	
}
.main-sidebar{
	position: fixed !important;
	bottom: 0px;
	height: auto !important;
	overflow: auto;
}

.content-new {
	margin-top: 51px;
	/* position: relative; */
}

.user-image {
	border-radius: 50%;
	float: left;
	height: 25px;
	margin-right: 5px;
	margin-top: -5px;
	width: 25px;
}

.right-icon {
	margin-left: 5px;
}

.new-btn-cover {
	background: #bfc3c8;
	margin-bottom: 15px;
	margin-top: -75px;
	position: fixed;
	width: 100%;
	z-index: 900;
	border-bottom: 2px solid #3c8dbc;
	padding: 5px;
}
/* .fa-cover:hover{
	background:#aaa;
	border-radius:2px;
} */
.service-code-cover {
	width: 185px;
	margin: 0 auto;
}

.addnew2 {
	cursor: pointer;
}

.codeimg-cover {
	margin: 15px auto 0px;
}

.icon-btn {
	padding: 0px !important;
	border: 0px !important;
	background-color: transparent !important;
}

.new-overflow {
	height: 150px;
}

/*---------- DatePicker ---------- */
.daterangepicker.picker_4 table.table-condensed thead tr:first-child {
	background: #34495e none repeat scroll 0 0;
	color: #ecf0f1;
}

.daterangepicker table.table-condensed thead tr {
	line-height: 14px;
}

.daterangepicker table.table-condensed thead tr:first-child th {
	line-height: 28px;
	text-align: center;
}

.daterangepicker th.month {
	width: auto;
}

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

.daterangepicker {
	box-shadow: 0 0 3px !important;
}

.daterangepicker.dropdown-menu {
	font-size: 13px;
	overflow: hidden;
	padding: 0;
}

.daterangepicker table.table-condensed tbody tr:first-child td {
	padding-top: 10px;
}

.daterangepicker.picker_4 table.table-condensed tbody td {
	background: #ecf0f1 none repeat scroll 0 0;
	border: 1px solid #fff;
	/* color: #34495e; */
	padding: 4px 7px;
}

.daterangepicker table.table-condensed th:first-child, .daterangepicker table.table-condensed td:first-child
	{
	padding-left: 12px;
}

.daterangepicker td.off {
	color: #999;
}

.daterangepicker td, .daterangepicker th {
	cursor: pointer;
	height: 20px;
	text-align: center;
	white-space: nowrap;
	width: 20px;
	padding: 5px 8px !important;
}

.daterangepicker.picker_4 table.table-condensed tbody td.active {
	background: #536a7f none repeat scroll 0 0;
	color: #fff;
}

.daterangepicker.picker_4 table.table-condensed tbody td {
	background: #ecf0f1 none repeat scroll 0 0;
	border: 1px solid #fff;
	/* color: #34495e; */
	padding: 4px 7px;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover
	{
	background: #eee none repeat scroll 0 0;
	color: #34495e;
}

.daterangepicker td.in-range {
	background: #e4e7ea none repeat scroll 0 0;
	border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #536a7f;
	color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
	color: #ccc;
	font-size: 80%;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect
	{
	border: 1px solid #adb2b5;
	border-radius: 0 !important;
	cursor: default;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 1px;
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%;
}

.daterangepicker select.yearselect {
	width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect,
	.daterangepicker select.ampmselect {
	margin-bottom: 0;
	width: 50px;
}

/*---------- End Datepicker ------- */
.table-textbox {
	background-color: transparent;
	border: none;
	width: 100%;
}

/* drop change */
.dataTables_wrapper {
	overflow: hidden;
	font: 88%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial,
		Helvetica, sans-serif;
	/*overflow-x: visible !important;
	overflow-y: visible !important;*/
}

.dataTables_wrapper .row:nth-child(2) {
	padding: 0px !important;
	margin: 0px !important;
}

.dataTables_wrapper .row:nth-child(2) .col-sm-12 {
	padding: 0px !important;
	margin: 0px !important;
	overflow: auto; 
	/*overflow-x: visible !important;
	overflow-y: visible !important;*/
}

.daterangepicker {
	z-index: 9999999999 !important;
}



.fa-disable {
	color: #afafaf !important;
	pointer-events: none ! important;
}

.new-btn-cover {
	z-index: 500;
}

.hand td {
	cursor: pointer !important;
}

.hand-disable {
	pointer-events: none !important;
}

table.treetable thead tr th {
	font-size: 13px;
	font-weight: bold !important;
}

a.tooltipsb {
	position: relative;
	display: inline;
}

a.tooltipsb span {
	position: absolute;
	width: 90px;
	color: #FFFFFF;
	background: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	visibility: hidden;
	border-radius: 4px;
	font-size: 15px;
}

a.tooltipsb span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -38px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltipsb span {
	visibility: visible;
	opacity: 0.8;
	top: 35px;
	left: 50%;
	margin-left: -15px;
	z-index: 999;
}

a.tooltipsr {
	position: relative;
	display: inline;
}

a.tooltipsr span {
	position: absolute;
	width: 120px;
	color: #FFFFFF;
	background: #000000;
	height: 27px;
	line-height: 27px;
	text-align: center;
	visibility: hidden;
	border-radius: 6px;
	font-size: 15px;
}

a.tooltipsr span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -7px;
	width: 0;
	height: 0;
	border-right: 7px solid #000000;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

a:hover.tooltipsr span {
	visibility: visible;
	opacity: 0.8;
	left: 100%;
	top: 50%;
	margin-top: -12px;
	margin-left: 11px;
	z-index: 999;
}

@media ( max-width :767px) {
	a.tooltipsr span {
		width: 80px !important;
		height: 25px;
		line-height: 25px;
		font-size: 13px;
	}
	a.tooltipsr span:after {
		margin-top: -6px;
		border-right: 6px solid #000000;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	a.tooltipsb span:after {
		margin-left: -34px;
	}
	a.tooltipsb span {
		width: 80px !important;
		font-size: 13px;
	}
	a:hover.tooltipsb span {
		margin-left: -13px;
	}
}

.monthselect, .yearselect {
	color: #000;
}

.glyphicon-calendar {
	cursor: pointer;
}

.glyphicon-calendar:hover {
	background: #ddd !important;
	color: #2086fa !important;
}

.len .dataTables_length {
	display: none;
}

.has-feedback-left {
	cursor: pointer;
}

/** Path Title Style  **/
.path {
	background: rgb(236, 240, 245) none repeat scroll 0px 0px;
	box-shadow: 0px 1.5px 5px #333;
	margin-top: 0px;
	z-index: 1;
	right: 0px;
	position: absolute;
	left: 0px;
	top: 40px;
	padding: 3px 10px;
	line-height: 14px;
	color: #00f;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.path1 {
	top: 51px !important;
}

@media ( max-width :767px) {
	.path {
		left: 0px !important;
		top: 40px !important;
		font-size: 11px;
	}
	.path1 {
		margin-left: 0px !important;
	}
	.dataTables_wrapper .dataTables_filter input {
		margin-left: 0px !important;
	}
}

@media ( min-width :768px) and (max-width:992px) {
	.service-code-cover img {
		margin-left: 0px !important;
	}
}

@media ( min-width :490px) and (max-width:767px) {
	.new-btn-cover {
		margin-top: -75px !important;
	}
	.content-new {
		padding-top: 75px !important;
	}
}

@media ( min-width :992px) {
	.icon3 {
		width: 20px;
		cursor: pointer;
	}
	.i3tab {
		margin-top: -3px !important;
	}
	.icon3-cover {
		/* width:80px; */
		float: right;
		text-align: right;
		margin-top: 0px;
	}
	.mar-btm-md {
		margin-bottom: 15px !important;
		height: auto;
		clear: both;
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.icon3 {
		width: 18px;
		cursor: pointer;
	}
	.icon3-cover {
		width: 70px;
		float: right;
		text-align: right;
		margin-top: -2px;
	}
	.create-icon img {
		width: 120px;
	}
}

@media ( max-width :767px) {
	.icon3 {
		width: 16px;
		cursor: pointer;
	}
	.icon3-cover {
		width: 65px;
		float: right;
		text-align: right;
		margin-top: -2px;
	}
	.create-icon img {
		width: 100px;
	}
}

.mar-btm-md1 .form-group {
	margin-bottom: 0px !important;
}

.selectdisable {
	pointer-events: none;
	background-color: #eee !important;
}

.tab-heading {
	font-weight: 700;
}

.popup-heading {
	background: #9CC none repeat scroll 0% 0%;
	padding: 5px 10px;
	color: #2376A9;
	border: 1px solid #EEE;
	box-shadow: 0px 0px 3px #000;
}
.DTE_Header{
	background: #9CC none repeat scroll 0% 0% !important;
	padding: 5px 10px !important;
	color: #2376A9;
	border: 1px solid #EEE;
	box-shadow: 0px 0px 3px #000;
	top:15px !important;
	left:15px !important;
	right:15px !important;
	height:auto !important;
	border-radius:0px !important;
}
.DTE_Form_Content{
	padding-top:25px !important;
	padding-bottom:25px !important;
}
.DTE_Footer{
	background: transparent !important;
	    border-top: 1px solid #eee !important;
}
.DTE_Form_Buttons .btn{
	background-image : none !important;
	    text-shadow: none !important;
}
.DTED_Lightbox_Content{
	border:0px !important;
	border-radius:0px !important;
}
.DTE_Action_Create{
	border-radius:0px !important;
}
.DTE_Action_Edit{
	border-radius:0px !important;
}
.DTE_Action_Remove{
	border-radius:0px !important;
}
.DTED_Lightbox_Close{
	top: 26px !important;
    right: 20px !important;
    width: 33px !important;
    height: 33px !important;
    border: 0px !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px !important;
}
.DTED_Lightbox_Close:after{
	font-weight: normal !important;
    font-size: 40px !important;    
}
.DTED_Lightbox_Close{
	color: #777;
	}
.DTED_Lightbox_Close:hover{
	color: #333;
	}
.DTE_Field{
	background: transparent !important;
	border: 0px !important;
}
.buttom .dataTables_info{
	width:50%;
	float: left;
}
.buttons-create{
	padding-left: 0px !important;
	padding-right:6px !important;
}
.buttons-edit{
	padding-left: 0px !important;
	padding-right:6px !important;
}
.buttons-remove{
	padding-left: 0px !important;
	padding-right:6px !important;
}
.popup-close {
	margin-top: 7px !important;
	margin-right: 10px !important;
	float: right !important;
}

/* For Workorder request form */
.form-check {
	position: absolute;
	right: -13px;
	top: 29px;
	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Safari */
	transform: scale(1);
	width: 20px;
	height: 20px;
}

.nosort {
	vertical-align: middle !important;
}

.td-center {
	text-align: center !important;
}

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

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

fieldset.scheduler-border {
	border: 1px groove #ddd !important;
	padding: 0px 10px 15px !important;
	margin: 0px !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
	border-bottom: medium none;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 10px;
	width: auto;
}

/* span.jtable-toolbar-item-icon
{
	background:url('../mw_images/AddNew.png') repeat scroll 0 0 !important; 

}   */
.radio3-cover {
	margin: 10px 15px;
	float: left;
}

.radio3 {
	width: 275px;
	float: left;
}

.radio2-cover {
	clear: both;
	float: left;
	margin: 5px 15px;
}

.radio2 {
	width: 120px;
	float: left;
	margin-bottom: 0px;
}

.radio02 {
	width: 200px;
	float: left;
	margin-bottom: 0px;
}

.colm1 {
	width: 100px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

.colm2 {
	/* width:400px; */
	width: 410px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

.colm02 {
	width: auto;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

.radio1 {
	display: block;
	margin: 6px 0px;
}

.pattern-cover {
	width: 562px;
	float: left;
	height: 300px;
	/* overflow:auto; */
	clear: both;
	border-right: 2px solid #666;
	padding-right: 15px;
	/* height:225px; */
	margin-bottom: 15px;
}

.pattern-cover2 {
	width: 562px;
	float: left;
	padding-left: 15px;
	height: 235px;
	margin-bottom: 15px;
}

.pattern-cover3 {
	width: 338px;
	float: left;
	height: auto;
	overflow: auto;
	border-right: 2px solid #666;
	padding-right: 15px;
	height: 225px;
	margin-bottom: 15px;
	clear: both;
}

.pattern-cover1 {
	width: 300px;
	float: left;
	padding-left: 15px;
	/* height:235px; */
	height: auto;
	margin-bottom: 15px;
}

.date-lable {
	width: 85px;
	float: left;
	text-align: left !important;
}

.wo {
	padding: 15px;
	border-top: 1px solid #ccc;
}

.wid-200 {
	width: 200px;
	float: left;
}

@media ( min-width :768px) {
	.wid320 {
		width: 200px !important;
	}
}

@media ( max-width :1199px) {
	.pattern-cover {
		border-right: 0px !important;
		width: 100% !important;
		padding-right: 0px;
		height: auto;
	}
	.pattern-cover3 {
		width: 100% !important;
		border-right: 0px !important;
		padding-right: 0px;
		height: auto;
	}
	.pattern-cover2 {
		width: 100% !important;
		padding-left: 0px !important;
		height: auto;
	}
	.pattern-cover1 {
		width: 100% !important;
		padding-left: 0px !important;
		height: auto;
	}
	.pad-left15 {
		padding-left: 15px;
	}
	.wid-200 {
		width: 120px !important;
	}
	.colm2 {
		width: auto !important;
	}
	.colm02 {
		width: auto !important;
	}
}

@media ( max-width :767px) {
	.pad-left0 {
		padding-left: 0px !important;
	}
	.pattern-cover {
		height: auto !important;
	}
	.pattern-cover1 {
		height: auto !important;
	}
	.pattern-cover2 {
		height: auto !important;
	}
	.pattern-cover3 {
		height: auto !important;
	}
	.radio3 {
		width: 100% !important;
	}
	.colm2 {
		width: auto !important;
	}
	.colm02 {
		width: auto !important;
	}
}

@media ( max-width :467px) {
	.colm2 {
		margin-top: 0px;
	}
	.colm02 {
		margin-top: 0px;
	}
}

.select1 {
	width: 80px !important;
	display: inline !important;
	margin-bottom: 10px;
	padding: 4px !important;
}

.select2 {
	width: 100px !important;
	display: inline !important;
	margin-bottom: 10px;
	padding: 4px !important;
}

table.dataTable .select2 {
	width: 100% !important;
	display: block !important;
	margin-bottom: 0px;
	padding: 0px !important;
	line-height: 12px !important;
}

table.dataTable .select2 input {
	color: #000 !important;
}

table.dataTable .select2-container--default 
.select2-selection--multiple .select2-selection__choice
{
	color: #555 !important;
	font-size: 10px !important;
}
.select2-dropdown li{
	font-size: 12px !important;
	padding: 2px 4px !important;
}

table.dataTable 
.select2-container .select2-selection--multiple {
	min-height: 14px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #beef;
}

.select3 {
	width: 200px !important;
	display: inline !important;
	margin-bottom: 10px;
	padding: 4px !important;
}

.start-wid {
	width: 145px;
	float: left;
}

.start-radio {
	float: left;
}

.small-txtbox {
	display: inline !important;
	padding: 2px !important;
	text-align: center;
	width: 25px !important;
}

.small-txtbox1 {
	display: inline !important;
	padding: 2px !important;
	text-align: center;
	width: 50px !important;
}

.min-no {
	width: 60px;
	text-align: center;
	display: inline;
}

.labeltxt {
	float: left;
	margin: 15px 0;
	width: 70px;
}

.minmax-cover {
	float: left;
	margin: 10px 0;
	width: 220px;
}

@media ( max-width :420px) {
	.labeltxt {
		float: none !important;
		margin: 0px !important;
	}
	.minmax-cover {
		width: 220px;
	}
	.small-txtbox1 {
		width: 45px;
	}
}

.displaynone {
	display: none !important;
}

.displayblock {
	display: block !important;
}

input[type='radio'] {
	cursor: pointer;
}

.upcome-cover div {
	padding: 0px 3px;
}

.upcome-cover input {
	padding: 6px;
	margin: 5px 0px;
	font-size: 11px;
	text-align: center;
}

/*@keyframes blink {
to { color: red; }
}*/
.blink-txt {
	margin-top: 15px;
}
/* .blink-txt { */
/* color: blue; */
/* animation: blink 1s steps(2, start) infinite; */
/* }   */
.icon3cover {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #aaa;
	background: #eee;
}

.icontxt {
	margin-bottom: 0px !important;
	width: 100%;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

@media ( max-width :991px) {
	.icon3cover {
		border: 1px solid #aaa;
		box-shadow: 0px 0px 3px #aaa;
		background: #eee;
	}
	.space5px {
		display: none;
	}
	.icon3cover .icontxt {
		border-left: 1px solid #bbb;
	}
	.icontxt {
		margin-bottom: 0px !important;
		width: 32.8%;
		text-align: center;
		padding: 5px;
		font-size: 20px;
	}
	.icon3cover {
		margin: 20px -15px 10px;
	}
}

@media ( max-width :767px) {
	.icontxt {
		margin-top: 0px;
		font-size: 15px !important;
		float: left;
	}
}

.icon3cover {
	margin: 20px -15px;
}

.checkcover div {
	margin: 10px 0px;
}

.checkcover input[type="checkbox"] {
	margin-top: 0px !important;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.icontxt {
	cursor: pointer;
}

.icontxt:hover {
	color: #09C;
}

.wid70 {
	width: 70px !important;
}

.icon-btn-new {
	background-color: transparent;
	border: none;
	padding: 0px;
}

.chart1-cover1 {
	background: #cedcf9;
	border-radius: 5px;
	width: 200px;
	margin: 0px auto;
	padding: 5px;
}

.chart1-cover2 {
	border-radius: 5px;
	padding: 2px 5px;
	font-size: 12px;
	margin-top: 10px;
	height: auto;
	overflow: auto;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 5px;
	font-size: 14px;
}

@media ( min-width :768px) and (max-width:991px) {
	.floatnone {
		float: none !important;
	}
	.on-off-mob {
		float: none !important;
		margin: 0px auto;
		clear: both;
	}
	.martopmd-35 {
		margin-top: 35px !important;
	}
}

@media ( max-width :767px) {
	.xsclear {
		clear: both !important;
	}
	ul li .glyphicon {
		font-size: 16px !important;
		top: 3px !important
	}
	.nav-tabs li .fa-line-chart {
		font-size: 14px !important;
	}
	.select-wid {
		width: 40px !important;
	}
	.select-wid100 {
		width: 90px !important;
	}
	.select-wid150 {
		width: 140px !important;
	}
}

.martopmins {
	margin-top: -272px !important;
}

.martopmins1 {
	margin-top: -344px !important;
}

.service-icon-box {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px;
	padding: 10px;
	text-align: center;
}

ul li .glyphicon {
	font-size: 20px;
	top: 2px;
}

ul.ui-fancytree li .glyphicon {
	font-size: 12px !important;
	top: 2px;
}

/*** For MyMaintWiz  *****/
.full {
	margin: 0 auto;
	text-align: center;
	padding: 44px 0px 22px 0px;
	font-size: 13px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif
}

.icon_type .col-lg-4.col-md-4.col-sm-6 {
	border: 1px solid #b5b5fe;
}

.col-lg-4.col-md-4.col-sm-6:nth-child(2), .col-lg-4.col-md-4.col-sm-6:nth-child(3)
	{
	border-bottom: 0
}

.icon_type h5 {
	font-weight: bold;
	font-size: 12px;
	color: #000
}

.col-lg-4.col-md-4.col-sm-6:nth-child(3) {
	border-bottom: 0;
}

.col-lg-4.col-md-4.col-sm-6:nth-child(5) {
	border-left: 0
}

.col-lg-4.col-md-4.col-sm-6:nth-child(6) {
	
}

.col-lg-4.col-md-4.col-sm-6:nth-child(1) {
	border-bottom: 0
}

.icon_type .col-lg-4.col-md-4.col-sm-6 {
	min-height: 310px
}

@media screen and (max-width:991px) {
	.col-lg-4.col-md-4.col-sm-6:nth-child(3) {
		border-top: 1px solid #b5b5fe;
		border-left: 1px solid #b5b5fe
	}
	.col-lg-4.col-md-4.col-sm-6:nth-child(4) {
		border-bottom: 0;
	}
	.col-lg-4.col-md-4.col-sm-6:nth-child(5) {
		border-top: 1px solid #b5b5fe;
		border-left: 1px solid #b5b5fe
	}
}

@media screen and (max-width:768px) {
	.icon_type .col-lg-6.col-md-6.col-sm-6 {
		min-height: 265px
	}
	.floatnone-mob {
		clear: both;
	}
}

@media screen and (max-width:420px) {
	.icon_type .col-lg-6.col-md-6.col-sm-6 {
		min-height: 280px
	}
}

.icon_type .col-xs-6 {
	border: 1px solid #b5b5fe !important;
}

#divCurAvail {
	cursor: hand;
}

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

.sidebar .treeview-menu li {
	position: relative;
}

.plusicon {
	color: #8AA4AF;
	position: absolute;
	top: 8px;
	right: 7px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
}

.plusicon:hover {
	color: #fff;
	font-size: 16px;
}

@media ( min-width :768px) and (max-width:850px) {
	.codeimg-cover1 {
		float: left !important;
		clear: both;
		margin-left: 2px;
	}
}

.onoffposition {
	position: absolute;
	bottom: 5px;
	left: 10px; /*cursor:pointer;*/
}

.dash-table td {
	font-size: 10px !important;
}

.dash-table>tbody>tr>td, .dash-table>tbody>tr>th, .dash-table>tfoot>tr>td, .dash-table>tfoot>tr>th, 
.dash-table>thead>tr>td, .dash-table>thead>tr>th {
padding: 3px;
}

.dash-table-mb td {
	font-size: 14px !important;
}

.pointer {
	/* cursor: wait; */
	cursor: pointer;
}

.img04 div {
	width: 100%;
}

.img04 table td {
	/* padding: 0px !important; */
	padding: 0% 2% !important;
	width: 50%;
	text-align: left;
}

.img04 .box-shadow {
	box-shadow: 0px 0px 3px #666;
	height: 215px;
	padding: 5px;
	cursor: pointer;
}

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

.img004 .box-shadow {
	height: 95px;
}

.path1 {
	left: auto;
	margin-left: -15px;
	position: fixed;
	right: auto;
	width: 100%;
}

.divheight90 {
	display: none;
	height: 90px !important;
	border: 1px solid #ccc;
}

.alert-info1 {
	color: #3a87ad !important;
	background-color: #d9edf7 !important;
	border-color: #bce8f1 !important;
	padding: 10px !important;
	text-align: center;
	margin-bottom: 15px !important;
}

.alert-success1 {
	color: #468847 !important;
	background-color: #dff0d8 !important;
	border-color: #d6e9c6 !important;
	padding: 10px !important;
	text-align: center;
	margin-bottom: 15px !important;
}

.martop15 {
	margin-top: 15px;
}

.martop15imp {
	margin-top: 15px !important;
}

@media screen and (min-width:768px) {
	.check1, .check2, .check3, .check4, .check5 {
		float: left;
		margin: 2px 0px 2px 0px !important;
	}
	.nav-tabs li .fa-line-chart {
		font-size: 18px !important;
	}
	.select-wid {
		width: 50px !important;
	}
	.select-wid100 {
		width: 100px !important;
	}
	.select-wid150 {
		width: 150px !important;
	}
	.check1 label, .check2 label, .check3 label, .check4 label, .check5 label
		{
		font-weight: bold !important;
	}
	.check1 {
		width: 110px;
	}
	.check2 {
		width: 110px;
	}
	.check3 {
		width: 125px;
	}
	.check4 {
		width: 220px;
	}
	.check5 {
		width: 200px;
	}
}

@media screen and (max-width:767px) {
	.check1 label, .check2 label, .check3 label, .check4 label, .check5 label
		{
		display: inline !important;
		font-weight: bold !important;
	}
	.check1, .check2, .check3, .check4, .check5 {
		margin: 2px 0px 2px 0px !important;
	}
	.radio3-cover1 {
		float: left;
	}
	.dataTable td {
		text-align: left;
	}
}

.font-bold {
	font-weight: bold !important;
}

/**** For Import Screen ***/
.import-browse input[type="file"] {
	padding-left: 0 !important;
	padding-top: 0 !important;
}

.import-check {
	height: 20px;
	left: -13px;
	position: absolute;
	top: 3px;
	transform: scale(1);
	width: 20px;
}

.import-browse .control-label {
	text-align: left !important;
}

.xlsx {
	height: 30px;
	position: absolute;
	right: -25px;
	top: 2px;
	transform: scale(1);
	width: 30px;
	display: flex;
	z-index: 99;
}

@media ( min-width :992px) {
	.import-check1 {
		position: absolute;
		left: -10px;
	}
	.nosortlg {
		padding-bottom: 23px !important;
	}
	.create-icon img {
		width: 150px;
	}
}

.drop1 {
	position: relative;
	height: auto;
	overflow: visible !important;
}

.drop2 {
	position: absolute;
	top: 60px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -100;
	height: auto;
	opacity: 0.01;
	width: 100%;
}

.drop3 {
	height: auto !important;
	font-size: 25px;
	color: #fff;
	bottom: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0px !important;
}

.browse-des {
	font-size: 12px;
	color: #555;
	padding-top: 5px;
}

.percent-cover {
	margin-bottom: 15px;
	overflow: auto;
}

.clr-btn {
	float: right;
	padding-right: 15px;
	padding-top: 8px;
}

.radio3-cover1 {
	clear: both;
	margin: 10px 15px;
}

@media ( min-width :768px) {
	.rbtn {
		padding-right: 10px;
	}
	.clr-btn {
		margin-top: -45px;
	}
}

.txt4-cover {
	overflow: auto;
	margin-top: 10px;
}

.thead-class tr:first-child {
	background: #596e83 !important;
	color: #eee !important;
}

.thead-class tr:first-child:hover {
	color: #eee !important;
}

.headbox {
	float: left;
	margin: 0px;
	padding: 8px;
	font-size: 16px;
}

.color-black {
	color: #000 !important;
}

.mar-bot-20 {
	margin-bottom: 20px !important;
}

.dot {
	white-space: nowrap;
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.small-img {
	float: left;
	width: 35px;
	padding: 5px 5px 3px;
	height: 35px;
}

.small-txt {
	/* padding: 6px 0px; */
	font-size: 11px;
	display: inline-block;
	width: 50px;
	float: left;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.tip-code {
	float: left;
	width: 80px;
	font-size: 15px;
	text-align: left;
}

.tip-name {
	float: left;
	font-size: 15px;
	text-align: left;
	width: 80px;
}

.rootspace1 {
	height: auto;
	overflow: auto;
	clear: both;
	margin-bottom: 10px;
}

.tip-des {
	display: block;
	font-size: 15px;
	clear: both;
	text-align: left;
	padding: 0px 5px;
}

select.form-control, input.form-control[type="file"] {
	line-height: 28px !important;
	padding: 0px !important;
	text-indent: 5px;
}

/* @font-face {
  font-family: 'Lucida Grande';
  src: url('..fonts/fonts/ufonts.com_lucida-grande.ttf')  format('truetype')
} */
.fileUploadnew {
	border-radius: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	padding: 6px 12px !important;
	position: absolute;
	right: 15px;
	top: 25px;
	background: #f4f4f4;
}

.fileUploadnew input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.divhide {
	pointer-events: none;
}

@media ( max-width :449px) {
	.fileUploadnew {
		top: 30px;
	}
}

.dataTables_length select {
	width: 60px !important;
}

.bootstrap-dialog .modal-header {
	border-radius: 0px !important;
	line-height: 1em !important;
}

.bootstrap-dialog .modal-header .bootstrap-dialog-title {
	color: #2376a9 !important;
	font-size: 18px !important;
}

.checkbox, .radio {
	display: inline !important;
}

.disline {
	display: inline;
}

.dislineblock {
	display: inline-block;
}

.formError {
	z-index: 100 !important;
}

.wid100 img {
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.img4 div img {
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.blockUI img {
	width: 28px;
}

.blockUI h1 {
	font-size: 20px !important;
	margin: 0px;
	padding: 10px;
}

.blockMsg {
	margin-left: -75px !important;
}

@media ( min-width :1367px) {
	.content1 {
		margin-top: 51px;
	}
}

@media ( max-width :1365px) {
	.content1 {
		padding-bottom: 20px !important;
	}
}

.myclass {
	width: 100%;
	margin: 15px auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align: center;
}

.myclass label {
	font-size: 16px;
}

.myclass td {
	border: 1px solid #ccc;
	padding: 15px;
	width: 50%;
}

@media ( max-width :480px) {
	.myclass label {
		font-size: 14px !important;
	}
}

@media ( min-width :1367px) {
	.myclass img {
		width: 165px;
	}
}

.boxleft {
	width: auto;
	float: left;
	padding-right: 15px;
}

.txtunit {
	width: 170px;
	display: inline;
}

.hm {
	text-indent: 0px !important;
	width: 45px;
	float: left
}

.calendar-time {
	margin: 8px;
	text-align: center;
}

.daterangepicker .ranges {
	margin: 8px;
	text-align: right;
}

a.tooltips {
	position: relative;
	display: inline;
}

a.tooltips span {
	position: absolute;
	width: 80px;
	color: #FFFFFF;
	background: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: none;
	border-radius: 4px;
	font-size: 15px;
}

a.tooltips span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: 19px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltips span {
	display: block;
	opacity: 0.8;
	top: 35px;
	left: 50%;
	margin-left: -67px;
	z-index: 999;
}

a.tooltipsmd {
	position: relative;
	display: inline;
}

a.tooltipsmd span {
	position: absolute;
	width: 120px;
	color: #FFFFFF;
	background: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: none;
	border-radius: 4px;
	font-size: 15px;
}

a.tooltipsmd span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: 35px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltipsmd span {
	display: block;
	opacity: 0.8;
	top: 35px;
	left: 50%;
	margin-left: -103px;
	z-index: 999;
}

@media ( max-width :767px) {
	a.tooltips span:after {
		margin-left: 5px;
	}
	a.tooltips span {
		width: 50px !important;
		font-size: 13px;
		top: 30px !important;
	}
	a:hover.tooltips span {
		margin-left: -38px;
	}
	a.tooltipsmd span:after {
		margin-left: 16px;
	}
	a.tooltipsmd span {
		width: 80px !important;
		font-size: 13px;
		top: 30px !important;
	}
	a:hover.tooltipsmd span {
		margin-left: -38px;
	}
	.xs-left {
		text-align: left !important;
	}
}

a.tooltips_flag {
	position: relative;
	display: inline;
}

a.tooltips_flag span {
	position: absolute;
	width: 150px;
	color: #FFFFFF;
	background: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: none;
	border-radius: 4px;
	font-size: 15px;
}

a.tooltips_flag span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: 19px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltips_flag span {
	display: block;
	opacity: 0.8;
	top: 35px;
	left: 50%;
	margin-left: -67px;
	z-index: 999;
}

@media ( max-width :767px) {
	a.tooltips_flag span:after {
		margin-left: 5px;
	}
	a.tooltips span {
		width: 50px !important;
		font-size: 13px;
		top: 30px !important;
	}
	a:hover.tooltips_flag span {
		margin-left: -38px;
	}
	.xs-left {
		text-align: left !important;
	}
}

a.tooltips1 {
	position: relative;
	display: inline;
}

a.tooltips1 span {
	position: absolute;
	width: 150px;
	color: #000;
	background: #fff;
	height: auto;
	border: 3px solid #aaa;
	line-height: 15px;
	text-align: left;
	display: none;
	border-radius: 4px;
	font-size: 14px;
	text-overflow: ellipsis;
	padding: 3px 6px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	overflow: hidden;
}

a.tooltips1 span:after {
	content: '';
	position: absolute;
	bottom: 6px;
	left: 75%;
	margin-left: 45px;
	width: 0;
	height: 0;
	/*border-top: 8px solid transparent;
	 border-bottom: 8px solid transparent;
	 border-left: 8px solid #aaa;*/
}

a:hover.tooltips1 span {
	display: block;
	opacity: 1;
	top: -3px;	
	left: 0px;
	z-index: 999;	
}
a.tooltips2 {
	position: relative;
	display: inline;
}

a.tooltips2 span {
	position: absolute;
	width: 150px;
	color: #FFFFFF;
	background: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	visibility: hidden;
	border-radius: 4px;
	font-size: 16px;
}

a.tooltips2 span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 8px;
	margin-left: -38px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltips2 span {
	visibility: visible;
	opacity: 0.8;
	top: 25px;
	right: -10px;
	margin-left: -15px;
	z-index: 999;
}
#workbenchlist{
	overflow:hidden;
}


a:hover.tooltipleft span {	
	right: 0px;
	left:auto !important;		
}

@media ( max-width :767px) {
	a.tooltips1 span:after {
		margin-left: 5px;
	}
	a.tooltips1 span {
		width: 100px !important;
		height: 40px !important;
		font-size: 13px;
		top: 30px !important;
	}
	a:hover.tooltips1 span {
		margin-left: -38px;
	}
}

a.tooltipsm {
	position: relative;
	display: inline;
}

a.tooltipsm span {
	position: absolute;
	width: 60px;
	color: #FFFFFF;
	background: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: none;
	border-radius: 4px;
	font-size: 15px;
}

a.tooltipsm span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: 9px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltipsm span {
	display: block;
	opacity: 0.8;
	top: 25px;
	left: 50%;
	margin-left: -45px;
	z-index: 999;
}

@media ( max-width :767px) {
	a.tooltipsm span:after {
		margin-left: 0px;
	}
	a.tooltipsm span {
		width: 40px !important;
		font-size: 13px;
	}
	a:hover.tooltipsm span {
		margin-left: -16px;
	}
}

@media ( max-width :1024px) {
	.tooltipsb span {
		display: none !important;
	}
	.tooltipsm span {
		display: none !important;
	}
	.tooltipsr span {
		display: none !important;
	}
	.tooltips span {
		display: none !important;
	}
	.tooltips1 span {
		display: none !important;
	}
}

#importForm .btn-default {
	background-color: #f4f4f4 !important;
}

.i3tab .tooltips {
	font-weight: 400;
}

.wid100 img {
	cursor: pointer;
}

.load1 {
	z-index: 1011;
	position: fixed;
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 50px;
	margin-left: -75px !important;
	margin-top: -25px !important;
	top: 50% !important;
	left: 50%;
	text-align: center;
	color: rgb(0, 0, 0);
	border: 3px solid rgb(170, 170, 170);
	background-color: rgb(255, 255, 255);
	cursor: wait;
}

/* .fc-more-popover {
		 width: 200px !important;
		 top: 50% !important;
		 left: 50% !important;
		 margin-top: -30%;
		 margin-left: -100px;
	 }*/
#schedulepie img {
	cursor: default !important;
}

.dash-table td:nth-child(1) {
	cursor: default !important;
}

.dash-table td:nth-child(4) {
	cursor: default !important;
}

.alert {
	cursor: pointer;
}

.heightauto {
	height: auto;
	overflow: auto;
}

.xlsbtmspace .form-group {
	margin-bottom: 0px !important;
}

.xlsbtmspace .control-label {
	margin-bottom: 5px !important;
}

select {
	cursor: pointer;
}

.orgChart img {
	cursor: pointer;
}

input[type=checkbox] {
	cursor: pointer;
}

input[type=radio] {
	cursor: pointer;
}

input[type=file] {
	cursor: pointer;
}

.exp-icon {
	cursor: pointer;
}

.input-group-addon {
	cursor: pointer;
}

@media ( min-width :1366px) {
	.breakchart {
		width: 996px !important;
		height: 300px !important;
	}
}

@media ( max-width :1365px) and (min-width:1280px) {
	.breakchart {
		width: 900px !important;
		height: 300px !important;
	}
}

@media ( max-width :1279px) and (min-width:1024px) {
	.breakchart {
		width: 650px !important;
		height: 250px !important;
	}
}

@media ( max-width :1023px) and (min-width:768px) {
	.breakchart {
		width: 400px !important;
		height: 250px !important;
	}
}

@media ( max-width :767px) {
	.breakchart {
		width: 100% !important;
		height: 250px !important;
	}
}

@media ( min-width :992px) {
	.eqpchart {
		width: 800px !important;
		height: 400px !important;
	}
}

@media ( max-width :991px) and (min-width:768px) {
	.eqpchart {
		width: 510px !important;
		height: 300px !important;
	}
}

@media ( max-width :767px) {
	.eqpchart {
		width: 100% !important;
		height: 250px !important;
	}
}

.handdisplay {
	cursor: pointer;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.formError .formErrorContent {
	font-weight: bold;
}

.fc-more-popover {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	z-index: 999999;
	width: 180px !important;
	margin-left: -100px;
	margin-top: -100px;
	-webkit-box-shadow: 0px 0px 5px 4px !important;
	-moz-box-shadow: 0px 0px 5px 4px !important;
	box-shadow: 0px 0px 5px 4px !important;
}

.box-head {
	height: auto;
}

.fc-scroller {
	height: auto !important;
	overflow: auto !important;
}

.fc-basic-view tbody .fc-row {
	min-height: 5em !important;
}

.bg-block {
	background: #000;
	opacity: 0.2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.fc-unthemed .fc-popover {
	border-width: 8px !important;
}

.fa-angle-right {
	color: #444;
}

.edit-btn {
	border: 2px solid #fff;
	background: #3c8dbc;
	-webkit-box-shadow: inset 0px 0px 4px #777, 0px 0px 1px #000;
	-moz-box-shadow: inset 0px 0px 4px #777, 0px 0px 1px #000;
	box-shadow: inset 0px 0px 4px #777, 0px 0px 1px #000;
	color: #fff;
}

.edit-btn:hover {
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
	border: 2px solid #fff;
	background: #337AB7;
}

.fc-event {
	font-size: 13px !important;
	font-weight: bold !important;
	background: #f8f8f8 !important;
	border: 0px !important;
	color: #000 !important;
}

.login-head {
	width: 100% !important;
	text-align: center;
}

.editiconnew {
	width: 32px;
	cursor: pointer;
}

.hidebox {
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	height: auto;
	overflow: auto;
	margin: 8px 0px;
	float: left;
	width: 100%;
	background: #fff;
	position: absolute;
	top: -20px;
	z-index: 9;
	left: 0px;
}

.height-transition {
	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
	overflow-y: hidden;
}

.height-transition-hidden {
	max-height: 0;
}

.padtopbtm {
	padding-top: 10px;
	height: auto;
	overflow: auto;
	padding-bottom: 15px;
}

.hidebox .btn {
	padding: 4px 7px !important;
}

.greentick {
	font-size: 20px !important;
	color: #25ae88;
}

.redclose {
	font-size: 20px !important;
	color: #d75a4a;
}

.tabdivcenter {
	margin: 10px auto;
	padding: 2px;
}

.carousel-control span {
	position: absolute;
	top: 48%;
}

.carousel-control {
	top: 50% !important;
	bottom: 50% !important;
}

.fc-title {
	font-weight: 400 !important;
	font-size: 12px !important;
}

.arrow-cover {
	width: 58px;
	text-align: center;
	padding-top: 38px;
	float: left;
}

.arrow-cover button {
	margin: 3px;
}

.text-area-cover {
	width: 150px;
	float: left;
}

.calculate-new td {
	border: 0px;
	text-align: center;
	color: #2376A9;
	font-weight: 600;
}

.calculate-new {
	background: #9cc;
	border: 1px solid #fff;
	box-shadow: 0px 0px 5px #000;
	margin-top: 26px;
}

.calculate-new button {
	padding: 3px 6px;
	border: 1px solid #307eaf;
	border-radius: 3px;
	width: 30px;
	background: #fff;
}

.multipletxt {
	width: 250px;
}

.multitable td {
	border: 0px;
}

@media ( min-width : 992px) {
	.calculate-new td {
		padding: 4px !important;
	}
}

@media ( min-width : 1367px) {
	.instru-treeview-top {
		margin-top: -51px;
	}
}

@media ( min-width : 500px) {
	.search-box {
		width: 400px;
		float: right;
	}
	.search-box label {
		width: 60px;
		float: left;
	}
	.search-box .search {
		width: 340px;
		float: left;
	}
}

.tool-cover {
	background: #000;
	color: #fff !important;
}

.tool-cover td {
	color: #fff;
	padding: 2px 5px !important;
}

.alert-table {
	clear: both;
	margin-top: 15px;
	float: left;
}

.alert-table tr {
	color: #222 !important;
}

.color-red {
	color: #f00;
}

.fc-time-grid-container {
	overflow: visible !important;
}

.fc-view {
	overflow: auto;
}

.dotloader {
	background: #000;
	position: fixed;
	opacity: 0.5;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 9999;
}

.dotloader img {
	width: 60px;
	height: 60px;
}

.dotloader .dotloader-cover {
	height: 80px;
	left: 50%;
	margin-left: -120px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	width: 240px;
}

.dotloader span {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.martop10 {
	margin-top: 10px;
}

.timeEntry-control {
	display: none !important;
}

.wid80 {
	width: 80px;
}

/* for datatable scroll th padding setup */
.set-padding {
	padding: 0px 3px !important;
}

.dataTables_scrollBody thead tr {
	visibility: collapse !important;
}

div.dataTables_scrollBody thead th {
	vertical-align: top;
}

table.dataTable tr.group{background-color:#fcf0c7 !important;}
table.dataTable tr.group td{background-color:#fcf0c7 !important;}

.sample-chart {
	width: auto;
	height: 250px;
}

.samchart-cover {
	text-align: center;
	margin-bottom: 15px;
}

.samchart-cover label {
	display: block;
}

.report-xlsx img {
	float: right;
	padding: 15px 5px;
}

.create-icon img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: 10px 0px;
}

.create-icon:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.create-icon h5 {
	color: #2a3f54;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
}

.checkbox-md {
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
}

.dis-block {
	display: block !important;
}

.dis-none {
	display: none !important;
}

#totvaluelost {
	display: none;
}

.txt-red {
	color: #f00;
}

.txt-green {
	color: #36d436;
}

.border-red {
	border: 2px solid #f00;
}

.border-green {
	border: 2px solid #36d436;
}

.border-left2 {
	border-left: 2px solid #ccc !important;
}

.edit-fix i {
	color: #333;
	font-size: 20px;
}

.edit-fix {
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
	z-index: 9;
}

.save-fix i {
	color: #333;
	font-size: 20px;
}

.save-fix1 i {
	color: #333;
	font-size: 20px;
}

.save-fix {
	position: absolute;
	right: 40px;
	top: 5px;
	cursor: pointer;
	z-index: 9;
}

.save-fix1 {
	position: absolute;
	right: 7px;
	top: 5px;
	cursor: pointer;
	z-index: 9;
}

.onoff-cover {
	border: 2px solid #ccc;
	padding-right: 15px;
	border-radius: 5px;
	position: relative;
	height: 148px;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
}

.fa-brown {
	color: #c36518;
	font-size: 20px !important;
}

.height1px {
	height: 1px;
	overflow: auto;
}

.downtime {
	margin-top: 10px;
}

.downtime td {
	border: 0px !important;
	font-size: 14px;
	color: #333;
}

.downtime input {
	text-align: center !important;
	border-color: #ccc !important;
	border: 1px solid;
	border-radius: 5px !important;
	color: #2a3f54;
	padding: 2px;
	background: #dbdbdb;
	background: -moz-linear-gradient(top, #dbdbdb 0%, #fefefe 54%, #d1d1d1 100%);
	background: -webkit-linear-gradient(top, #dbdbdb 0%, #fefefe 54%, #d1d1d1 100%);
	background: linear-gradient(to bottom, #dbdbdb 0%, #fefefe 54%, #d1d1d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb',
		endColorstr='#d1d1d1', GradientType=0);
}

.font13 span {
	font-size: 13px !important;
}

.testli {
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
}

.testli>* {
	list-style: none;
}

.testli li .glyphicon {
	font-size: 14px !important;
	top: 0 !important;
}

.green-head {
	background: #6fc41b none repeat scroll 0 0;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
}

.sky-head {
	background: #1fbbff none repeat scroll 0 0;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
}

.orange-head {
	background: #ff7900 none repeat scroll 0 0;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
}

.red-head {
	background: #e84848 none repeat scroll 0 0;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
	color: #fff;
}

.pink-head {
	background: #896fa0 none repeat scroll 0 0;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
	color: #fff;
}

.brown-head {
	background: #9c8c5a none repeat scroll 0 0;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
	color: #fff;
}

.dt-buttons .btn {
	line-height: 0px !important;
}

#dt_insmonutillist_length {
	float: left;
}

 .dt-buttons .btn-default {
	background-color: transparent !important;
	border: 0px !important;
} 

 .dt-buttons .btn-default:hover {
	background-color: transparent !important;
	border: 0px !important;
} 

.fa-cover .btn-default {
	height: 30px;
	line-height: 18px;
	margin: 0 3px;
	width: 30px;
	cursor: pointer;
	display: inline-block;
	float: left;
	padding: 6px;
	text-align: center;
	font-size: 17px;
}

.dt-buttons .btn-default {
	height: 30px;
	line-height: 18px;
	margin: 0 3px;
	width: 30px;
	cursor: pointer;
	display: inline-block;
	float: left;
	padding: 6px;
	text-align: center;
	font-size: 17px;
}

.fa-cover a {
	height: 30px;
	line-height: 18px;
	margin: 0px;
	width: 28px;
	cursor: pointer;
	display: inline-block;
	float: left;
	padding: 6px 5px;
	text-align: center;
	font-size: 17px;
}

 .dt-buttons a:hover {
	font-size: 20px;
} 

.fa-cover a:hover {
	font-size: 20px;
}

h2 .btn-default {
	margin-top: -4px !important;
}

.js-img {
	padding: 3px !important;
	width: auto !important;
	height: auto !important;
}

.addnew1 {
	height: 22px;
}

/*Calendar Color CSS*/
.calEventFrqD {
	background-color: #D705D5 !important;
	border-color: #D705D5 !important;
}

.calEventFrqM {
	background-color: #BB5555 !important;
	border-color: #BB5555 !important;
}

.calEventFrqW {
	background-color: #C7DDDD !important;
	border-color: #C7DDDD !important;
}

.calEventFrqY {
	background-color: #A733AA !important;
	border-color: #A733AA !important;
}

#calendarSO {
	font-size: 12px !important;
}

#calendarCO {
	font-size: 11px !important;
}

.pop-xls {
	margin-top: 7px !important;
	margin-right: 10px !important;
}

.mar-top-0 {
	margin-top: 0px !important;
}

.fa-file-pdf-o {
	font-weight: bold !important;
}

.fa-file-excel-o {
	font-weight: bold !important;
}

.pad0 {
	padding: 0px !important;
	margin: 0px !important;
	width: 25px !important;
}

h2 .pad0 {
	margin: 0px !important;
}

.icon3-cover .btn-default {
	width: auto !important;
	height: auto !important;
	text-align: center;
}

.icon4-cover a {
	margin-right: 5px !important;
}

.icon5-cover a {
	margin-right: 5px !important;
}

.icon6-cover a {
	margin-right: 5px !important;
}

.mar-top1 {
	margin-top: 1px;
}

.color-icons label {
	margin-left: 10px;
}

.cir-i1 {
	color: #FF3352 !important;
	font-size: 14px !important;
}

.cir-i2 {
	color: #FF33DD !important;
	font-size: 14px !important;
}

.cir-i3 {
	color: #334FFF !important;
	font-size: 14px !important;
}

.cir-i4 {
	color: #5EFF33 !important;
	font-size: 14px !important;
}

.cir-i5 {
	color: #33FFF6 !important;
	font-size: 14px !important;
}

.cir-i6 {
	color: #BE33FF !important;
	font-size: 14px !important;
}

.cir-i7 {
	color: #F6FF33 !important;
	font-size: 14px !important;
}

.gantt {
	z-index: 0;
}

.checkbox-inline, .radio-inline {
	font-weight: bold !important;
}

.pad-lr20 {
	padding: 0px 20px;
}

.month-horizontal .form-group {
	margin-bottom: 5px !important;
}

.month-head {
	background: #596e83 none repeat scroll 0 0;
	color: #fff;
	padding: 5px !important;
	text-align: center !important;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
}

.gray-color {
	color: #888;
}

.marlf-80 {
	margin-left: -85px !important;
}

.marrt-80 {
	margin-right: -85px !important;
}

.mar-btm5 {
	margin-bottom: 5px;
}

.ecover1 {
	clear: both;
	width: 100%;
	text-align: center;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}

.odd .ebox {
	background: #fff;
}

.ecover {
	clear: both;
	width: 100%;
	float: left;
}

.ecover1 .ebox {
	width: 120px;
	height: 70px;
	margin: 5px;
	display: inline-block;
	float: none;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
	cursor: pointer;
}

.ebox {
	width: 120px;
	height: 70px;
	margin: 5px;
	display: inline-block;
	float: none;
	background: #eee;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
	cursor: pointer;
}

.ebox:hover {
	background: #4D7589;
}

.ebox:hover .etxt {
	color: #fff;
	text-shadow: 0px 2px 0px #333;
}

.eimg {
	width: 120px;
	height: 45px;
	float: left;
	text-align: center;
	padding: 12px;
}

.etxt {
	width: 120px;
	height: 25px;
	text-align: center;
	float: left;
	font-weight: 600;
	color: #444;
	font-size: 11px;
	font-family: Helvetica Neue;
}

.mar-btm-5 {
	margin-bottom: 5px;
}

.wid150 {
	width: 150px;
	float: left;
	font-weight: 400;
}

.wid200 {
	width: 200px;
	float: left;
}

.mar-top-6 {
	margin-top: 6px;
}

.auto {
	height: auto;
	overflow: auto;
}

.graybg {
	background: #f7f7f7;
}

.hrtwo {
	margin: 10px 0;
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	border-top-color: #ccc;
}

.mar-top-3 {
	margin-top: 5px;
}

.tablehead thead {
	background: #596e83;
	color: #eee;
}

.tablehead th {
	text-align: center;
}

td .fa-clock-o {
	font-size: 20px;
}

.tablehead td {
	vertical-align: middle !important;
}

.tablehead td:last-child {
	text-align: center;
}

.clock-input {
	background: transparent;
	position: relative;
	border: 0px;
	width: 100%;
	height: auto;
	z-index: 9999999999999 !important;
}

.clockpicker-popover {
	z-index: 9990 !important;
	position: relative;
}

.dashboard-bg {
	background: #f4f4f4 !important;
}

.dashboard-box {
	height: 280px;
	background-color: #fff;
	background-clip: border-box;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-top: 0px;
}

.dashboard-box32 {
	height: 300px;
	background-color: #fff;
	background-clip: border-box;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-top: 0px;
}

.dashboard-box35 {
	height: 350px;
	background-color: #fff;
	background-clip: border-box;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-top: 0px;
}

.dashboard-box38 {
	height: 380px;
	background-color: #fff;
	background-clip: border-box;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-top: 0px;
}

.dashboard-box40 {
	height: 400px;
	background-color: #fff;
	background-clip: border-box;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-top: 0px;
}

.dashboard-box-heading {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 0.55rem 0.75rem;
	margin-bottom: 0;
	border-radius: 6px 6px 0px 0px;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px
		2px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px
		2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px
		0px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
}

.dashboard-box-heading .fa
{
	margin-left: 10px !important;
}

.dashboard-box-black-heading {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	padding: 0.6rem 1.25rem;
	margin-bottom: 0;
	border-radius: 6px 6px 0px 0px;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px
		2px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px
		2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px
		0px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
}

/*	.dashboard-box> .head-at {
	color: #468847 !important;
	color: #ffffff;
background-color: #f2dede !important;
border-color: #eed3d7 !important;
background-color: #fcf8e3 !important;
border-color: #fbeed5 !important;
background-color: #dff0d8 !important;
border-color: #d6e9c6 !important;
background-color: #5fbeaa !important;
background-color: #5d9cec !important;

background-color: #81c868 !important;
background-color: #ffbd4a !important;
background-color: #f05050 !important;
background-color: #4c5667 !important;
background-color: #fb6d9d !important;
background-color: #7266ba !important;
	}*/
.dashboard-blue-heading {
	background-color: #5d9cec;
	border: 1px solid #3984e3;
	border-bottom: 1px solid #1e6bcd;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5d9cec),
		to(#2a6ec5));
	background-image: -webkit-linear-gradient(top, #5d9cec, 0%, #2a6ec5, 100%);
	background-image: -moz-linear-gradient(top, #5d9cec 0%, #2a6ec5 100%);
	background-image: linear-gradient(to bottom, #5d9cec 0%, #2a6ec5 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-green-heading {
	background-color: #5fbeaa;
	border: 1px solid #3cb69c;
	border-bottom: 1px solid #1a9f83;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5fbeaa),
		to(#20ac8f));
	background-image: -webkit-linear-gradient(top, #5fbeaa, 0%, #20ac8f, 100%);
	background-image: -moz-linear-gradient(top, #5fbeaa 0%, #20ac8f 100%);
	background-image: linear-gradient(to bottom, #5fbeaa 0%, #20ac8f 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1abc9c',
		endColorstr='#ff17a689', GradientType=0);
}

.dashboard-red-heading {
	background-color: #f46a6a;
	border: 1px solid #d62c1a;
	border-bottom: 1px solid #a82315;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f46a6a),
		to(#d75757));
	background-image: -webkit-linear-gradient(top, #f46a6a, 0%, #d75757, 100%);
	background-image: -moz-linear-gradient(top, #f46a6a 0%, #d75757 100%);
	background-image: linear-gradient(to bottom, #f46a6a 0%, #d75757 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe74c3c',
		endColorstr='#ffe43725', GradientType=0);
}

.dashboard-sky-heading {
	background-color: #8579cb;
	border: 1px solid #6c26d3;
	border-bottom: 1px solid #5d18c4;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#8579cb),
		to(#6658b7));
	background-image: -webkit-linear-gradient(top, #8579cb, 0%, #6658b7, 100%);
	background-image: -moz-linear-gradient(top, #8579cb 0%, #6658b7 100%);
	background-image: linear-gradient(to bottom, #8579cb 0%, #6658b7 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-orange-heading {
	background-color: #ed9056;
	border: 1px solid #d06626;
	border-bottom: 1px solid #a54c17;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ed9056),
		to(#e3681d));
	background-image: -webkit-linear-gradient(top, #ed9056, 0%, #e3681d, 100%);
	background-image: -moz-linear-gradient(top, #ed9056 0%, #e3681d 100%);
	background-image: linear-gradient(to bottom, #ed9056 0%, #e3681d 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-pink-heading {
	background-color: #f186aa;
	border: 1px solid #d12893;
	border-bottom: 1px solid #b62481;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f186aa),
		to(#d36b8e));
	background-image: -webkit-linear-gradient(top, #f186aa, 0%, #d36b8e, 100%);
	background-image: -moz-linear-gradient(top, #f186aa 0%, #d36b8e 100%);
	background-image: linear-gradient(to bottom, #f186aa 0%, #d36b8e 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-gray-heading {
	background-color: #697280;
	border: 1px solid #677182;
	border-bottom: 1px solid #505662;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#697280),
		to(#4c5667));
	background-image: -webkit-linear-gradient(top, #697280, 0%, #4c5667, 100%);
	background-image: -moz-linear-gradient(top, #697280 0%, #4c5667 100%);
	background-image: linear-gradient(to bottom, #697280 0%, #4c5667 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-yellow-heading {
	background-color: #ffbd4a;
	border: 1px solid #ebb24f;
	border-bottom: 1px solid #d39b38;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffbd4a),
		to(#e8a530));
	background-image: -webkit-linear-gradient(top, #ffbd4a, 0%, #e8a530, 100%);
	background-image: -moz-linear-gradient(top, #ffbd4a 0%, #e8a530 100%);
	background-image: linear-gradient(to bottom, #ffbd4a 0%, #e8a530 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-lgreen-heading {
	background-color: #34d3eb;
	border: 1px solid #47c9dd;
	border-bottom: 1px solid #29acc0;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#34d3eb),
		to(#20b8cf));
	background-image: -webkit-linear-gradient(top, #34d3eb, 0%, #20b8cf, 100%);
	background-image: -moz-linear-gradient(top, #34d3eb 0%, #20b8cf 100%);
	background-image: linear-gradient(to bottom, #34d3eb 0%, #20b8cf 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-lpink-heading {
	background-color: #eeb1b1;
	border: 1px solid #e1a4a4;
	border-bottom: 1px solid #ce8888;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#eeb1b1),
		to(#e19191));
	background-image: -webkit-linear-gradient(top, #eeb1b1, 0%, #e19191, 100%);
	background-image: -moz-linear-gradient(top, #eeb1b1 0%, #e19191 100%);
	background-image: linear-gradient(to bottom, #eeb1b1 0%, #e19191 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-lsky-heading {
	background-color: #a788ce;
	border: 1px solid #9f85bf;
	border-bottom: 1px solid #8260ad;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#a788ce),
		to(#936dc2));
	background-image: -webkit-linear-gradient(top, #a788ce, 0%, #936dc2, 100%);
	background-image: -moz-linear-gradient(top, #a788ce 0%, #936dc2 100%);
	background-image: linear-gradient(to bottom, #a788ce 0%, #936dc2 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-lorange-heading {
	background-color: #feab91;
	border: 1px solid #e19d88;
	border-bottom: 1px solid #d47f65;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#feab91),
		to(#ea9276));
	background-image: -webkit-linear-gradient(top, #feab91, 0%, #ea9276, 100%);
	background-image: -moz-linear-gradient(top, #feab91 0%, #ea9276 100%);
	background-image: linear-gradient(to bottom, #feab91 0%, #ea9276 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-lblue-heading {
	background-color: #6e9ad0;
	border: 1px solid #6a93c5;
	border-bottom: 1px solid #4c75a9;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#6e9ad0),
		to(#5383bf));
	background-image: -webkit-linear-gradient(top, #6e9ad0, 0%, #5383bf, 100%);
	background-image: -moz-linear-gradient(top, #6e9ad0 0%, #5383bf 100%);
	background-image: linear-gradient(to bottom, #6e9ad0 0%, #5383bf 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db',
		endColorstr='#ff258cd1', GradientType=0);
}

.dashboard-royalblue-heading {
	background-color: #496170;
	border: 1px solid #48606e;
	border-bottom: 1px solid #292e48;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#59707f),
		to(#393e5c));
	background-image: -webkit-linear-gradient(top, #59707f, 0%, #393e5c, 100%);
	background-image: -moz-linear-gradient(top, #59707f 0%, #393e5c 100%);
	background-image: linear-gradient(to bottom, #59707f 0%, #393e5c 100%);
	background-repeat: repeat-x;
}

.dashboard-lithium-heading {
	background-color: #b9af98;
	border: 1px solid #a79d84;
	border-bottom: 1px solid #756830;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#b9af98),
		to(#928341));
	background-image: -webkit-linear-gradient(top, #b9af98, 0%, #928341, 100%);
	background-image: -moz-linear-gradient(top, #b9af98 0%, #928341 100%);
	background-image: linear-gradient(to bottom, #b9af98 0%, #928341 100%);
	background-repeat: repeat-x;
}

.dashboard-brown-heading {
	background-color: #E98F6F;
	border: 1px solid #b87864;
	border-bottom: 1px solid #9e523a;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#E98F6F),
		to(#bd7358));
	background-image: -webkit-linear-gradient(top, #E98F6F, 0%, #bd7358, 100%);
	background-image: -moz-linear-gradient(top, #E98F6F 0%, #bd7358 100%);
	background-image: linear-gradient(to bottom, #E98F6F 0%, #bd7358 100%);
	background-repeat: repeat-x;
}

.dashboard-ltshad-heading {
	background-color: #8f55b4;
	border: 1px solid #723e93;
	border-bottom: 1px solid #804da1;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#8f55b4),
		to(#5b297b));
	background-image: -webkit-linear-gradient(top, #8f55b4, 0%, #5b297b, 100%);
	background-image: -moz-linear-gradient(top, #8f55b4 0%, #5b297b 100%);
	background-image: linear-gradient(to bottom, #8f55b4 0%, #5b297b 100%);
	background-repeat: repeat-x;
}

.dashboard-ltbrown-heading {
	background-color: #988c3f;
	border: 1px solid #807630;
	border-bottom: 1px solid #72692b;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#988c3f),
		to(#61581e));
	background-image: -webkit-linear-gradient(top, #988c3f, 0%, #61581e, 100%);
	background-image: -moz-linear-gradient(top, #988c3f 0%, #61581e 100%);
	background-image: linear-gradient(to bottom, #988c3f 0%, #61581e 100%);
	background-repeat: repeat-x;
}

.dashboard-dkgreen-heading {
	background-color: #49a04d;
	border: 1px solid #348637;
	border-bottom: 1px solid #478d4b;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#49a04d),
		to(#2b712f));
	background-image: -webkit-linear-gradient(top, #49a04d, 0%, #2b712f, 100%);
	background-image: -moz-linear-gradient(top, #49a04d 0%, #2b712f 100%);
	background-image: linear-gradient(to bottom, #49a04d 0%, #2b712f 100%);
	background-repeat: repeat-x;
}

.dashboard-ltred-heading {
	background-color: #c9496a;
	border: 1px solid #aa3554;
	border-bottom: 1px solid #a8415b;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c9496a),
		to(#a42b4a));
	background-image: -webkit-linear-gradient(top, #c9496a, 0%, #a42b4a, 100%);
	background-image: -moz-linear-gradient(top, #c9496a 0%, #a42b4a 100%);
	background-image: linear-gradient(to bottom, #c9496a 0%, #a42b4a 100%);
	background-repeat: repeat-x;
}

.dashboard-ltblue1-heading {
	background-color: #297ab2;
	border: 1px solid #216798;
	border-bottom: 1px solid #3778a6;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#297ab2),
		to(#20608d));
	background-image: -webkit-linear-gradient(top, #297ab2, 0%, #20608d, 100%);
	background-image: -moz-linear-gradient(top, #297ab2 0%, #20608d 100%);
	background-image: linear-gradient(to bottom, #297ab2 0%, #20608d 100%);
	background-repeat: repeat-x;
}

.dashboard-drkblue-heading {
	background-color: #2c4b82;
	border: 1px solid #164fa8;
	border-bottom: 1px solid #164fa8;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2c4b82),
		to(#3a5b96));
	background-image: -webkit-linear-gradient(top, #2c4b82, 0%, #3a5b96, 100%);
	background-image: -moz-linear-gradient(top, #2c4b82 0%, #3a5b96 100%);
	background-image: linear-gradient(to bottom, #2c4b82 0%, #3a5b96 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe74c3c',
		endColorstr='#ffe43725', GradientType=0);
}

.head-gray-gradient-bg{
background: #fafafa !important; 
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%) !important; 
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%) !important; 
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%) !important; 
}

.dashboard-chart {
	padding: 6px 12px;
	height: 236px;
	position: relative;
}

.dashboard-chart-250 {
	padding: 6px 12px;
	height: 250px;
	position: relative;
}

.dashboard-chart-260 {
	padding: 6px 12px;
	height: 260px;
	position: relative;
}

.dashboard-chart-280 {
	padding: 6px 12px;
	height: 280px;
	position: relative;
}

.dashboard-chart-300 {
	padding: 6px 12px;
	height: 300px;
	position: relative;
}

.dashboard-chart-340 {
	padding: 6px 12px;
	height: 340px;
	position: relative;
}

/*	.dashboard-box> .head-at {
	color: #468847 !important;
	color: #ffffff;
background-color: #f2dede !important;
border-color: #eed3d7 !important;
background-color: #fcf8e3 !important;
border-color: #fbeed5 !important;
background-color: #dff0d8 !important;
border-color: #d6e9c6 !important;
background-color: #5fbeaa !important;
background-color: #5d9cec !important;
background-color: #34d3eb !important;
background-color: #81c868 !important;
background-color: #ffbd4a !important;
background-color: #f05050 !important;
background-color: #4c5667 !important;
background-color: #fb6d9d !important;
background-color: #7266ba !important;
	}*/
.div-square {
	padding: 5px;
	border: 3px double #e1e1e1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 5px;
}
.table .even{
	background:#fff;
}
table.DTFC_Cloned thead tr{
	background: #596e83 !important;
}

.mwlogin-logo{
	text-align:center;
	padding:10px;
}
.cmplogin-logo{
	width: auto;
	height: auto;
	max-width: 250px;
	max-height: 60px;	
	min-width: 250px;
	min-height: 60px;
	margin-bottom: 30px;
}
.cmploginlogo {
	width: auto;
  	height: auto;
  	min-width: 250px;
  	min-height: 60px;
  	margin-bottom: 30px;
}
.div50{
	width:50%;
	float:left;
	box-shadow: 0px 0px 2px #aaa;
}

.disableColor{
	background: #f9eaea !important;
}
.pop1-cover{
	height:350px;
	overflow:auto;
}

.fa.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* table.DTFC_Cloned thead tr{
	background: #596e83 !important;
}
.DTFC_LeftBodyLiner thead tr{
	background: #ccc !important;
}
 	.DTFC_Cloned thead th{
	padding:0px 3px 0px 3px !important;			
}
	.DTFC_Cloned tbody td{
	padding:0px 3px 0px 3px !important;		
}
.dataTable{	
	border-collapse: collapse !important;
} 
.DTFC_LeftBodyLiner{
	height:auto !important;
}
.DTFC_LeftBodyWrapper{
	height:auto !important;
	border-top:0px solid #f9f9f9 !important;
}
.dataTables_scrollBody{
	overflow-y:hidden !important;
}
.table .even{
	background:#fff;
} */
label{
		-webkit-font-smoothing: auto;
	    -moz-osx-font-smoothing: auto;
}

div.DTE_Field_Error {
	color: red;
	font-size: 10px !important;
	font-weight: bold;
}

div.DTE_Form_Error{
	color: red;
	font-size: 10px !important;
	font-weight: bold;
}

div.DTE_Field_Input select {
	display: block;
	width: 100%;
	height: 24px;
	padding: 4px 10px;
	font-size: 11px;
	line-height: 1.22857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.bootstrap-datetimepicker-widget{	
	padding:10px 15px;
	font-size:16px !important;
	text-align:center;
	font-weight:bold !important;
	box-shadow:0px 0px 4px #888 !important;
}


.bootstrap-datetimepicker-widget .btn{
	color:#555 !important;
	background:#f5f5f5 !important;
	border:0px;
	font-size:14px;
	box-shadow:0px 0px 2px #555;
	padding-top:2px !important;
	padding-bottom:2px !important;
}

.bootstrap-datetimepicker-widget .glyphicon{	
	font-size:16px !important;
}

.editor-datetime-title{
	background:#34495e;		
}
.editor-datetime-label{
	background:#fff;
	margin-left: 2px;
    margin-right: 2px;
}

.editor-datetime-iconLeft{
	filter: invert(100%);
    -webkit-filter: invert(100%);
    opacity:1 !important;
}

.editor-datetime-iconRight{
	filter: invert(100%);
    -webkit-filter: invert(100%);
    opacity:1 !important;
}

.editor-datetime-iconLeft:hover{
	filter: invert(1%);
-webkit-filter: invert(1%);
opacity: 1 !important;
	}
	
	.editor-datetime-iconRight:hover{
	filter: invert(1%);
-webkit-filter: invert(1%);
opacity: 1 !important;
	}

div.editor-datetime table td.day {
    text-align: right;
    background: #ecf0f1 !important;
    border: 1px solid #fff !important;
    color: #34495e !important;
}
.editor-datetime-table th{
	color:#000 !important;
}

div.editor-datetime table td.day.selected button{
	background: #536a7f !important;
}

div.editor-datetime table td.day button:hover{
	background: #34495e !important;
}

.fc-other-month .fc-day-number {
display: none;
}

.padimg10{
	text-align:center;
}

.padimg10 img{
	padding:5px;
	max-width:100px;
	max-height:100px;
}

.doscroll{
	height: 205px;
    overflow: auto;
}

.multiselect-native-select .btn-group{
	width:100% !important;
	min-width: 100px !important;
}
.multiselect{
	text-align:left !important;	
	font-size:14px !important;
	width:100%;
}

.multiselect .caret{
    position: absolute;
    right: 5px;
    top: 15px;
}
.multiselect-container{
	/* z-index:1; */
	z-index: 99999999;
	max-height: 200px !important;
	overflow-y: scroll !important;
}
.multiselect-container label{
	display: block !important;
}
.multiselect-clear-filter{
	height:34px !important;
	font-size:17px !important;
}

.height400over{
	height:400px;
	overflow:auto;
}

.closenearpdf{
	margin-top: -29px !important;
    margin-right: 35px !important;
}
.martop9px{
	margin-top:9px;
}
.formcontrolwid .input-group{
	width:100% !important;
}

.formcontrolwid .form-control{
	font-size:12px !important;
	padding:4px 12px !important;
	height:25px !important;
}

.formcontrolwid .input-group-addon {

    padding: 4px !important;
    font-size: 13px !important;
}
.width100{
	width:100px !important;
	vertical-align: middle !important;
}

    
.form-control {
	border: 1px solid #bbb !important;
}
.input-group-addon,.form-control-feedback{
	border-top: 1px solid #bbb !important;
	border-right: 1px solid #bbb !important;
	border-bottom: 1px solid #bbb !important;
}

#divCondDesc .box-head {
    min-height: 26px !important;
}
#divCondDesc .icon3 {
    width: 16px;
    margin-top:4px;
}
.icon3-cover{
	margin-right:8px;
}
#dvWFConds select.input-sm {
    height: 24px !important;
}
#dvWFConds .input-sm {
    height: 24px !important;
}

/*#dvWFConds select.input-sm {
    height: 24px !important;
}
#dvWFConds .input-sm {
    height: 24px !important;
}*/

.topfixed-btn{
	position:fixed;	
	right:0px;
	z-index: 1029;
}
.topfixed-btn .approval{
/* 	float: right; */
    margin-right: 20px;
    margin-top: -57px;
    color: #fff;
    font-size: 20px;
    padding: 5px 15px;
    background: #2a3f54;
    border-radius:5px;
	}
	
.topfixed-btn #collapseOne{
	float: left;        
    background: #fff;
    box-shadow: 0px 2px 4px #999;
	}
	.topfixed-btn .btn{
	margin:4px;	
	}
	
	
	@media ( max-width :767px) {	
	.topfixed-btn{	
	top:102px;
	}	
	}
	
	
	@media ( min-width :768px) {	
	.topfixed-btn #collapseOne{	
    margin-left: 200px;
	}
	.topfixed-btn{	
	/* top:112px; */
	top: 59px;
	}	
}
	
	ul.bar_tabs1 {
	background: #3b586b !important;
}

ul.bar_tabs1>li {
	background: #86b5b9 !important;
	border: 0px !important;
	margin: 2px 1px !important;
}

ul.bar_tabs1>li a {
	background-color: transparent !important;
	color: #444 !important;
	line-height: 25px;
	font-size: 20px;
}

ul.bar_tabs1>li.active {
	background: #f8f8f8 !important;
	margin-bottom: 0px !important;
    border-bottom: 2px solid #f8f8f8 !important;
}

ul.bar_tabs1>li.active a {
	color: #348bcf !important;	
}

ul.bar_tabs1>li:hover {
	background: #f8f8f8 !important;
}

ul.bar_tabs1>li a:hover {
	color: #348bcf !important;
}

ul.bar_tabs1 {
	margin-bottom: 0px;
	border-bottom: 0px;
	height: auto !important;
	background: #3b586b none repeat scroll 0 0 !important;
	padding-left: 1px;
}

.horizontal-tab{
	border-left: 1px solid #999;
    border-top: 0px solid #999;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
}
.wo-btn{
	margin-top:10px;
	margin-bottom:9px;
	cursor: pointer;
}
.filter-close{
	border-radius: 50px;
	width: 22px;
	font-size: 20px;
	height: 22px;
	line-height: 0px;
	background:#dd4b39 !important;
	border-color:#dd4b39 !important;
}
.filter-close:hover{
	opacity:0.8;
	}
	
.droparrowcover .dropdown-menu{
	border-radius:0px !important;	
	color:#000 !important;
	background-color: #bfcac8;
}

.droparrowcover .dropdown-submenu{
	border-radius:0px !important;	
	color:#000 !important;
	background-color: #bfcac8;
}

.droparrowcover li{
	padding: 5px 10px !important;
	border-bottom: 1px solid #eee;
}	
	.droparrowcover li:last-child{
	border-bottom: 0px;
	}
	.dropdown.open span{
	display:none;
	}
	
	.dropdowncal.open span{
	display:none;
	}
	
	.dropdowndwl.open span{
	display:none;
	}
	.size24{
	font-size:18px !important;
	color:#fff;
	cursor:pointer;
	}
	.size20{
	font-size:15px !important;
	color:#fff;
	cursor:pointer;
	}
	.size15{
	font-size:10px !important;
	color:#fff;
	cursor:pointer;
	}
	#divpmtable select{
	height:22px;
	}
	#divpmtable input{
	height:22px;
	margin-left: 5px;
	}
	#divpmtable label{
	margin:0px !important;
	}
	#divpmtable td{
	padding:3px !important;
	}
	
	#divwcpmtable select{
	height:22px;
	}
	#divwcpmtable input{
	height:22px;
	margin-left: 5px;
	}
	#divwcpmtable label{
	margin:0px !important;
	}
	#divwcpmtable td{
	padding:3px !important;
	}
	
	#divspctable select{
	height:22px;
	}
	#divspctable input{
	height:22px;
	margin-left: 5px;
	}
	#divspctable label{
	margin:0px !important;
	}
	#divspctable td{
	padding:3px !important;
	}
	
	#divbdtable select, #divbdmintable select, #divswbdcnttable select, #diviswbdtable select, #diviswbdmintable select{
	height:22px;
	}
	#divbdtable input, #divbdmintable input, #divswbdcnttable input, #diviswbdtable input, #diviswbdmintable input{
	height:22px;
	margin-left: 5px;
	}
	#divbdtable label, #divbdmintable label, #divswbdcnttable label, #diviswbdtable label, #diviswbdmintable label{
	margin:0px !important;
	}
	#divbdtable td, #divbdmintable td, #divswbdcnttable td, #diviswbdtable td, #diviswbdmintable td{
	padding:3px !important;
	}
	
	.cap-txt{
	text-transform: initial;
	font-weight: 200;
	}
	#show_table span{
	width:110px !important;
	cursor:pointer;
	}
	#show_chart span{
	width:110px !important;
	cursor:pointer;
	}
	.mar-tb-5{
	margin-top:5px;
	margin-bottom: 0px;
	}
	.panel-box{
	padding-top: 10px;
	padding-bottom: 8px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 10px #ccc;
	}
	.font35{
	font-size:25px !important;
	font-weight:bold;
	}
	.font30{
	font-size:20px !important;
	font-weight:bold;
	}
	.font18{
	font-size:18px !important;
	font-weight:bold;
	}
	.font15{
	font-size:15px !important;
	font-weight:bold;
	}
	.font12{
	font-size:12px !important;
	font-weight:bold;
	}
	.font10{
	font-size:10px !important;
	font-weight:bold;
	}
	
	.tooltiprt{
	position: relative;
    display: inline;
	}
	a:hover.tooltiprt span {
    display: block;
    opacity: 0.8;
    top: 35px;
    right: -18%;
    margin-left: -24px;
    z-index: 999;
}
a.tooltiprt span::after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 5%;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
a.tooltiprt span {
    position: absolute;
    width: 120px;
    color: #FFFFFF;
    background: #000000;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: none;
    border-radius: 4px;
    font-size: 15px;
}

a.tooltiplg span::after{
	right: 3% !important;
	}
a.tooltiplg span{
	width: 170px !important;
}

.fabig{
	font-size:19px !important;
}
.fabig:hover{
	font-size:23px !important;
}
.widfloat-80{
	width: 80px;
	float: left;
}
.widfloat-120{
	width: 120px;
	float: left;
}
.widfloat-150{
	width: 150px;
	float: left;
}
.martandb{
	margin-top: 15px;
	margin-bottom: 15px;
}
.martop0{
	margin-top: 0px;
}
.widheight18{
	width: 18px;
    height: 18px;
    margin-top: 0px !important;
}
.mar-btm-15{
	margin-bottom: 15px;
}
.font16{
	font-size:16px;	
}
.padtb4{
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.vtop{
	vertical-align: top;
}

.dt_static_width
{
	width: 80px !important;
}
.ui-datepicker{
	display: none !important;
}
.ui-menu{
background: #f6f6f6;
position: absolute !important;
padding-left: 15px !important;
padding-right: 15px !important;
overflow: auto;
padding-top: 10px;
padding-bottom: 10px;
-moz-box-shadow: inset 0px 0px 3px #333;
-webkit-box-shadow: inset 0px 0px 3px #333;
box-shadow: inset 0px 0px 3px #333;
cursor:pointer;
}

.ui-menu li{
	list-style-type: none !important;
	border-bottom: 1px solid #eee;
	}
	
	.ui-menu li:hover{	
	font-weight: bold;
	}
	
/* Center the loader */
.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}


/* Absolute Center Spinner */
.loading {
  /* position: fixed; */
  position: absolute;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  color: red;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.loading-overlay-content {
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-size: 1.15em;
  font-weight: bold;
}


/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
	
/*** under maint tile css ***/
.dotmaincover {
	text-align: center;
	overflow: auto;
}

.dotcover {
	display: inline-block;
	padding: 4px  5px;
	background: #fefefe;
	text-align: center;
	width: 155px;
}

.dottitle {
	padding: 3px;
	text-align: center;
	font-weight: 500;
	color: #000;
	font-size:11px;
}

.dotsubcover {
	background: #5d9cec;
	float: left;
	padding: 2px 5px;
}

.doto1 {
	background: #f00;
	margin: 5px;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	font-size:12px;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
	cursor:pointer;
}
.doto1:hover {
	opacity:0.8;
	}

.doto2 {
	background: orange;
	margin: 5px;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	font-size:12px;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
	cursor:pointer;
}
.doto2:hover {
	opacity:0.8;
	}

.dottotal {
	text-align: center;
	font-weight: 600;
	color: #fff;
	font-size:12px;
}


.dotoDsh {
	background: #0a6baf;
	margin: 5px auto;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size:12px;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	cursor:pointer;
}
.dotoDsh:hover {
	opacity:0.8;
	}


/*** Circle Desgin ***/
.dbslidedot{
position: fixed;
z-index: 999;
right: 15px;
top: 60px;
width: 100px;
left: auto;
bottom: auto;
}
.dbslidedot li{
width:20px;
height:20px;
text-indent: initial;
line-height: 18px;
color:#fff;
background: orange;
}
.dbslidedot li.active{
width:20px;
height:20px;
background: #5d9cec;
}
.badgenew{
background: #306;
color: #fff;
padding: 2px 10px;
border-radius: 15px;
}
.fontnormal{
	font-weight:normal;
}
.DTE_Processing_Indicator{
	display:none !important;
}

.treesearch{
	width:400px;float:right;padding:0px 10px 5px;
	font-size: 11px;
}
.treesearchinput{
	width:315px !important;float:right;
	font-size: 11px;
}
.treesearchlabel{
	margin-top:6px;margin-bottom:8px;float:left;
}

.doto_tree_icon {
	background: rgba(37, 134, 201, 1);
	margin: 0px;
	border-radius: 50%;
	width: auto;
	min-width: 15px;
	height: 14px;
	font-size:8px;
	color: #fff;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
}
.ui-fancytree{
	border:none !important;
}
.padlr10{
	padding-left: 10px;
    padding-right: 10px;
}
.ptb10{
	padding-top:10px;
	padding-bottom:10px;
}
.metrics-small{
	clear: both;
	font-size: 9px;
	font-weight: bold;
}

.metrics-box1{
	width:20%;
	float:left;
	padding-left:10px;
}
.metrics-box2{
	width:20%;
	float:left;
	padding-left:10px;
}
.metrics-box3{
	width:20%;
	float:left;
	padding-left:10px;
}
.metrics-box4{
	width:20%;
	float:left;
	padding-left:10px;
}
.metrics-box5{
	width:20%;
	float:left;
	padding-left:10px;
}

table.table-rm-sep.dataTable {
	border-collapse: collapse !important;
}
.clearfix{
	clear: both;
}
.dt-top-txt-left{
	postition: relative; text-align : left;margin-bottom:8px;
	margin-top:-8px;width:50%;float:left;
}
.dt-top-txt-right{
	postition: relative; text-align : right;margin-bottom:8px;
	margin-top:-8px;width:50%;float:right;
}

.btn-round-lg{
border-radius: 22.5px;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}
.op-btn .btn{
	font-size:11px !important;
	font-weight:bold !important;
	padding:3px 6px !important;
	margin-top:4px;
	color: #fff !important;
}
.op-btn .brm{
	background:#1e6bcd !important;
	border-color:#1e6bcd !important;
}
.op-btn .brm:hover{
	background:#3984e3 !important;
}
.op-btn .bcm{
	background:#1a9f83 !important;
	border-color:#1a9f83 !important;
}
.op-btn .bcm:hover{
	background:#3cb69c !important;
}
.op-btn .bhm{
	background:#804da1 !important;
	border-color:#804da1 !important;
}
.op-btn .bhm:hover{
	background:#723e93 !important;
}
.op-btn .bdim{
	background:#b9af98 !important;
	border-color:#b9af98 !important;
}
.op-btn .bdim:hover{
	background:#a79d84 !important;
}

/*** Box design ***/
.custom-progress-bar{
        padding:14px 15px !important;
        font-size: 13px;
        font-weight: 600;
      }
      .custom-progress-bar .progress {
        height: 6px !important;
        margin-bottom: 8px !important;
        border-radius: 5px !important;
      }
      .progress-heading {
        font-size: 12px;
        font-weight: bold;
        padding: 5px 15px !important;
        background-color: #dfd8f0 !important;
        /* background-color: #b8d8e0 !important; */
      }
      .progress-heading-p2 {
        font-size: 12px;
        font-weight: bold;
        padding: 5px 15px !important;
        background-color: #d1e8d7 !important;
        /* background-color: #b8d8e0 !important; */
      }

      .mt-15{
      margin-top:-15px;
      }

      .fc-more-popover{
      width:auto !important;
      }
      .mlr0{
      margin-left:0px !important;
      margin-right:0px !important;
      }
	 .green-btn{
      height: 26px;
	  margin-top: -3px;
      line-height: 20px;
      padding: 0px 10px;
      margin-right: 6px;
      background: #00b300;
      color: #fff !important;
      }
      .approval-ul{
      margin-top: 7px;
      background: #2a3f54;
      border: 0px;
      padding: 0px !important;
      border-radius: 2px;
      }
      .approval-ul a{
      	color: #fff !important;
      	font-size: 15px;
      }
      .approval-ul li{
      	border-bottom: 1px solid #444;
      }
      .approval-ul li:hover a{
      	color: #2a3f54 !important;
      }
      .mt-5{
      margin-top: -8px;
      }

/** For new box design **/
.white-box-cover{
    color: rgba(0, 0, 0, 0.87);
    width: 100%;
    border: 0;
    display: flex;
    position: relative;
    font-size: .875rem;
    min-width: 0;
    word-wrap: break-word;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    margin-top: 30px;
    border-radius: 6px;
    margin-bottom: 30px;
    flex-direction: column;
    }
    .color-box{
    padding: 15px;
    margin-top: -20px;
    border-radius: 3px;
    margin-left:15px;
    margin-right:15px;
    color: #FFF;
    position: relative;
    z-index: 3 !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0,.14), 0 7px 10px -5px rgba(76, 175, 80,.4)
    }
    .green-box{
    background: linear-gradient(60deg, #66bb6a, #43a047);
    }
    .orange-box{
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    }
    .red-box{
    background: linear-gradient(60deg, #ef5350, #e53935);
    }
    .blue-box{
    background: linear-gradient(60deg, #26c6da, #00acc1);
    }
    .vilet-box{
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    }
    /*.-box{
    background: linear-gradient(60deg, #ef5350, #e53935);
    }
    .red-box{
    background: linear-gradient(60deg, #ef5350, #e53935);
    }*/
    .chart-box-content{
    flex: 1 1 auto;
    padding: 0.9375rem 20px;
    position: relative;
    -webkit-box-flex: 1;
    font-size: .875rem;
    }
    .chart-box-heading{
    color: #3C4858;
    margin-top: 0px;
    min-height: auto;
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-weight: 600;
    margin-bottom: 3px;
    text-decoration: none;
    line-height: 1.0em; 
    font-size: 14px;   
    }
    .chart-box-txt{
    color: #999;
    margin: 0;
    font-size: 14px;
    margin-top: 0;
    padding-top: 0px;
    margin-bottom: 0;
    }
    .chart-box-footer{    
    border-top: 1px solid #eee;    
    /* margin: 0 15px 10px; */
    display: flex;
    padding: 0;
    align-items: center;
    /* padding-top: 10px; */
    border-radius: 0;
    justify-content: space-between;
    background-color: transparent;
        }
    .chart-footer-txt{
    color: #999;
    display: inline-flex;
    font-size: 11px;
    line-height: 22px;
    }
    .chart-footer-icon{
    /*top: 4px;*/
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    }

 /**another top panel**/
 .flex-cover{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  }
  .flex-cover li {
    display: inline-grid;
    align-items: center;
    /* padding: 12px 30px; */
    padding: 5px 8px;
    margin: 0 .32% 0.2em; 
    background: #f9f6f1;
    border-radius: 5px;
    /* height: 50px; */
    list-style: none;
    text-align: center;
    width: 167px;
} 

.bold {
	font-weight: bold;
}  
div.DTED_Lightbox_Wrapper{
	z-index: 999 !important;
}
div.DTED_Lightbox_Background{
	z-index: 999 !important;
}

.header-btn-bg0{
	background: transparent;
border: none;
font-size: 20px;
margin-top: 3px !important;
color: #444;
}
.header-btn-bg0:hover{
	color: #000;
	}
	.dataTable .multiselect-native-select .glyphicon{
	font-size: 12px !important;
	}
	.dataTable .multiselect-native-select .input-group-addon{
	padding: 5px !important;
	}
	.dataTable .multiselect-native-select .multiselect-search{
	height: 26px !important;
    padding: 3px 6px !important;
    font-size: 12px !important;
	}
	.dataTable .multiselect-native-select .multiselect-clear-filter{
	height: 26px !important;
	padding: 0px 5px !important;
	}
	.dataTable .multiselect-native-select .glyphicon-remove-circle{
	top: 1px;
	font-size: 13px !important;
	}
	.dataTable .multiselect-native-select  li{
	font-size: 12px !important;
	}
	.dataTable .multiselect-native-select  label{
	font-size: 10px !important;
	padding-left: 25px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	}
	.dataTable .multiselect-native-select .multiselect-selected-text{
	font-size: 10px !important;
	padding-right: 10px !important;
	}
	.dataTable .multiselect-native-select ul{
	border: 1px solid #a4d2ff !important;
	width: 300px;
	}
	.dataTable .multiselect-native-select .input-group{
	width: 100%;
	}
	
	.dataTable .multiselect{
	font-size: 12px !important;
	padding: 2px 5px !important;
	}
	.dataTable .multiselect .caret{
	top: 9px !important;
	}
	
	table.dataTable {
		overflow-x: auto;
		overflow-y: visible !important;
		border-collapse: separate !important;
		empty-cells : inherit !important;
}
.dtTdBorder td
{
	border-bottom: 5px solid red;
	border-collapse: separate;
}
.dataTables_scrollHead{
    position: static !important;
}
 
.filterdrop {
	float: left !important;
	padding-right: 3px !important;
}

/*chkbox drop*/
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.checkbox-menu li label:hover,.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

table.dataTable .select2-container {
	min-width:180px;
}
/* Select2 Multiple chkbox */
.select2-results__option .wrap:before{
    font-family:fontAwesome;
    color:#999;
    content:"\f096";
    width:25px;
    height:25px;
    padding-right: 10px;
    
}
.select2-results__option[aria-selected=true] .wrap:before{
    content:"\f14a";
}

/* not required css */

.select2-multiple, .select2-multiple2
{
  width: 50%
}
.select2-selection__clear{
	font-size:14px !important;
	color:#000;
}

#expButtons{
margin: 0px;
}
#expButtons .dt-buttons{
margin: 0px;
}
#expButtons a{
margin: 0px;
}
.filter-icon{
margin: 0px !important;
width: 30px;
}

/* select 2 new */
/* .select2-container {
  min-width: 400px;
}

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 15px;
  width: 15px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 5px;
  vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
  font-family:fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: #f77750;
  border: 0;
  display: inline-block;
  padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eaeaeb;
	color: #272727;
}
.select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #f77750;
	border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
	border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
	
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

}
.select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}
select with icons badges single
.select-icon .select2-selection__placeholder .badge {
	display: none;
}
.select-icon .placeholder {
	display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
	display: none !important;
	content: "" !important;
}
.select-icon  .select2-search--dropdown {
	display: none;
}*/

/*
.select2-container {
  width: 90% !important;
}

.select2-container .select-all {
		position: absolute;
		top: 6px;
		right: 4px;
		width: 20px;
		height: 20px;
		margin: auto;
		display: block;
		background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDc0LjggNDc0LjgwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc0LjggNDc0LjgwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTYuMjgzLDI1Ny4wOTdjLTEuMTQtMC41NzUtMi4yODItMC44NjItMy40MzMtMC44NjJjLTIuNDc4LDAtNC42NjEsMC45NTEtNi41NjMsMi44NTdsLTE4LjI3NCwxOC4yNzEgICAgYy0xLjcwOCwxLjcxNS0yLjU2NiwzLjgwNi0yLjU2Niw2LjI4M3Y3Mi41MTNjMCwxMi41NjUtNC40NjMsMjMuMzE0LTEzLjQxNSwzMi4yNjRjLTguOTQ1LDguOTQ1LTE5LjcwMSwxMy40MTgtMzIuMjY0LDEzLjQxOCAgICBIODIuMjI2Yy0xMi41NjQsMC0yMy4zMTktNC40NzMtMzIuMjY0LTEzLjQxOGMtOC45NDctOC45NDktMTMuNDE4LTE5LjY5OC0xMy40MTgtMzIuMjY0VjExOC42MjIgICAgYzAtMTIuNTYyLDQuNDcxLTIzLjMxNiwxMy40MTgtMzIuMjY0YzguOTQ1LTguOTQ2LDE5LjctMTMuNDE4LDMyLjI2NC0xMy40MThIMzE5Ljc3YzQuMTg4LDAsOC40NywwLjU3MSwxMi44NDcsMS43MTQgICAgYzEuMTQzLDAuMzc4LDEuOTk5LDAuNTcxLDIuNTYzLDAuNTcxYzIuNDc4LDAsNC42NjgtMC45NDksNi41Ny0yLjg1MmwxMy45OS0xMy45OWMyLjI4Mi0yLjI4MSwzLjE0Mi01LjA0MywyLjU2Ni04LjI3NiAgICBjLTAuNTcxLTMuMDQ2LTIuMjg2LTUuMjM2LTUuMTQxLTYuNTY3Yy0xMC4yNzItNC43NTItMjEuNDEyLTcuMTM5LTMzLjQwMy03LjEzOUg4Mi4yMjZjLTIyLjY1LDAtNDIuMDE4LDguMDQyLTU4LjEwMiwyNC4xMjYgICAgQzguMDQyLDc2LjYxMywwLDk1Ljk3OCwwLDExOC42Mjl2MjM3LjU0M2MwLDIyLjY0Nyw4LjA0Miw0Mi4wMTQsMjQuMTI1LDU4LjA5OGMxNi4wODQsMTYuMDg4LDM1LjQ1MiwyNC4xMyw1OC4xMDIsMjQuMTNoMjM3LjU0MSAgICBjMjIuNjQ3LDAsNDIuMDE3LTguMDQyLDU4LjEwMS0yNC4xM2MxNi4wODUtMTYuMDg0LDI0LjEzNC0zNS40NSwyNC4xMzQtNTguMDk4di05MC43OTcgICAgQzQwMi4wMDEsMjYxLjM4MSw0MDAuMDg4LDI1OC42MjMsMzk2LjI4MywyNTcuMDk3eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik00NjcuOTUsOTMuMjE2bC0zMS40MDktMzEuNDA5Yy00LjU2OC00LjU2Ny05Ljk5Ni02Ljg1MS0xNi4yNzktNi44NTFjLTYuMjc1LDAtMTEuNzA3LDIuMjg0LTE2LjI3MSw2Ljg1MSAgICBMMjE5LjI2NSwyNDYuNTMybC03NS4wODQtNzUuMDg5Yy00LjU2OS00LjU3LTkuOTk1LTYuODUxLTE2LjI3NC02Ljg1MWMtNi4yOCwwLTExLjcwNCwyLjI4MS0xNi4yNzQsNi44NTFsLTMxLjQwNSwzMS40MDUgICAgYy00LjU2OCw0LjU2OC02Ljg1NCw5Ljk5NC02Ljg1NCwxNi4yNzdjMCw2LjI4LDIuMjg2LDExLjcwNCw2Ljg1NCwxNi4yNzRsMTIyLjc2NywxMjIuNzY3YzQuNTY5LDQuNTcxLDkuOTk1LDYuODUxLDE2LjI3NCw2Ljg1MSAgICBjNi4yNzksMCwxMS43MDQtMi4yNzksMTYuMjc0LTYuODUxbDIzMi40MDQtMjMyLjQwM2M0LjU2NS00LjU2Nyw2Ljg1NC05Ljk5NCw2Ljg1NC0xNi4yNzRTNDcyLjUxOCw5Ny43ODMsNDY3Ljk1LDkzLjIxNnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') no-repeat center;
		background-size: contain;
		cursor: pointer;
		z-index: 999999;
	} */
	
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  /* z-index: 1051; */ 
  z-index: 9999999999 !important;
  }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
  padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0; }
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
  border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
  
.dash-tile-drop
{
	height : 24px !important;
}


/** Div Loading */
.loader,
        .loader:after {
            border-radius: 50%;
            width: 10em;
            height: 10em;
        }
        .loader {            
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
        }
        @-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        #loadingDiv {
            position:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:#000;
        }

        .effort-cover{
        width: 350px;
        margin: 0px auto;
        }
        .effort-label{
        width: 140px;
        float: left;
        }
        .effort-value{
        width: 150px;
        float: left;
        margin-left: 10px;
        }
        .order-cover{
        width: 260px;
        height: auto;
        overflow: auto;
        }
        .order-label{
        width: 100px;
        float: left;
        }
        .order-value{
        width: 150px;
        float: left;
        margin-left: 10px;
        }
        
        
.med-height{
	height: 350px !important;
}

.med-height25{
	height: 250px !important;
}

.med-height28{
	height: 280px !important;
}

.med-height30{
	height: 300px !important;
}

.med-height35{
	height: 350px !important;
}

.med-height38{
	height: 380px !important;
}

.med-height40{
	height: 400px !important;
}

        #dtPMOList_wrapper .dataTables_scrollBody{height: auto !important;max-height: 497px !important;} 
        #dtPMOList_wrapper .DTFC_LeftBodyWrapper{
        height: auto !important;
        max-height:600px !important;
        }
        #dtPMOList_wrapper .DTFC_LeftBodyLiner{
        height: auto !important;
        max-height: 479px !important;
        }
        #dtPMOList_wrapper .DTFC_ScrollWrapper{
        height: auto !important;
        max-height:600px !important;
        overflow: hidden;
        overflow-x: auto;
        }
         #dtCOCList_wrapper .dataTables_scrollBody{height: auto !important;max-height: 497px !important;} 
        #dtCOCList_wrapper .DTFC_LeftBodyWrapper{
        height: auto !important;
        max-height:600px !important;
        }
        #dtCOCList_wrapper .DTFC_LeftBodyLiner{
        height: auto !important;
        max-height: 479px !important;
        }
        #dtCOCList_wrapper .DTFC_ScrollWrapper{
        height: auto !important;
        max-height:600px !important;
        overflow: hidden;
        overflow-x: auto;
        }
        .table{
        width: 100% !important;
        }
        .form-control-feedback{
            right: 15px;
            width: 40px;
            border-left: 1px solid #ccc;
        }
#pwdrsetpopupmod{z-index: 9999 !important;}
.bootstrap-dialog{z-index: 9999999999 !important;}
.pass-view{	
	border-color: #aaa;
    background: transparent !important;
    border-left: 0px;
}
.pass-view:hover{	
	background: transparent !important;
	}
.change-pass input{
	border-right: 0px !important;
}
input[type="checkbox"][readonly] {
  pointer-events: none;
}


/** Pagination **/
/*.pagination {
display: inline-block !important;
padding-left: 0;
border-radius: 4px;
}

.pagination > li > a
{
    background-color: white;
     color: #337ab7; 
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #337ab7;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white;
    background-color: #337ab7;
    border: solid 1px #337ab7;
}

.pagination > .active > a:hover
{
    background-color: #337ab7;
    border: solid 1px #337ab7;
}*/

.pager div
{
	float: right;
	border: 1px solid rgb(7, 77, 121);
	margin: 2px;
	padding: 2px 8px 2px 8px;
}

.pager div.disabled
{
	opacity: 0.25;
}

.pager .pageNumbers a
{
	display: inline-block;
	padding: 0 10px;
	color: gray;
}			

.pager .pageNumbers a.active
{
	color: orange;
	font-weight: bold;
}

.pager 
{
	overflow: hidden;
	margin: 0px 14px 10px 0px !important;
}


.border-black{
	border: 1px solid #bbb;
	padding: 10px 0px;
	margin-bottom: 15px;
}
.p0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.r0{
	right: 0px !important;
}
.position-relative{
	position: relative;
}

/* eqp kpi */
.gray2box .eqbox{
    width: 50%;
    float: left;
    background: #eee;
    min-height: 110px;
    border: 1px solid #999;
  }
  .mb-20{
  margin-bottom: 20px;
  }
  
  .gray3box .eq3box{
    width: auto;
	min-width: 48%;
    float: left;
    /*background: #eee;*/
    background: lightblue;
    min-height: 75px;
    -webkit-box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #cccccc;
    box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #cccccc;
    color: #444;
  }
  .gray3box .eq3box:hover{
    background: #4d7589;
    color: #fff;
  }
  .gray3box .eq3box h4 {
  	font-size:16px;
  	font-weight: 600;
  }
  
  .gray4box .eq4box{
    width: auto;
	min-width: 50%;
    float: left;
    /*background: #eee;*/
    background: #6bb7cd;
    min-height: 75px;
    -webkit-box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #cccccc;
    box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #cccccc;
    color: #444;
  }
  .gray4box .eq4box:hover{
    background: #4d7589;
    color: #fff;
  }
  .gray4box .eq4box h4 {
  	font-size:16px;
  	font-weight: 600;
  }
  .mb-18{
  margin-bottom: 18px;
  }

.ui-dialog-titlebar-close{
display: none !important;
}
.ui-dialog-buttonset .ui-button {
    color: #fff !important;
    font-weight: 300 !important;
    border: 1px solid #367fa9 !important;
    box-shadow: 0px 1px 2px #000;
    background: #3c8dbc !important;
    padding: 5px;
}
.ui-dialog-buttonset .ui-button:hover {    
    color: #fff !important;
    font-weight: 300 !important;
    border: 1px solid #204d74 !important;
    border-radius: 3px !important;
    background: #367fa9 !important;
}

/* For DashBoard Multiple PopUp issue */
/* FACWISE SPARE COST */
#dt_fac_sp_cost_lvl{
	z-index: 9999999 !important;
}
#dt_fac_sp_cost_lvl_2{
	z-index: 99999999 !important;
}
#mdl_fac_dir_sp_cost{
	z-index: 999999999 !important;
}
#mdl_fac_sp_cost{
	z-index: 999999999 !important;
}
/* FACWISE PM CHECKLIST COMPLIANCE */
#mdl_fac_pm_compl_level_cl{
		z-index: 9999999 !important;
}
#mdl_fac_pm_compl_level_cl_2{
		z-index: 99999999 !important;
}
#mdl_fac_pm_compl_cl{
		z-index: 999999999 !important;
}
/* FACWISE WITHIN COMP */
#mdl_fac_pm_wtin_compl_level{
		z-index: 9999999 !important;
}
#mdl_fac_pm_wtin_compl_level_2{
		z-index: 99999999 !important;
}
#mdl_fac_pm_wtin_compl{
		z-index: 999999999 !important;
}
/* FACWISE PM COMP */
#mdl_fac_pm_compl_level{
	z-index: 9999999 !important;
}
#mdl_fac_pm_compl_level_2{
	z-index: 99999999 !important;
}
#mdl_fac_pm_compl{
	z-index: 999999999 !important;
}
/* FACWISE BD HOURS */
#mdl_fac_bd_maint_level{
	z-index: 99999999 !important;
}
#mdl_fac_bd_maint{
	z-index: 999999999 !important;
}
.header-icon-space .fa {
    margin-left: 10px !important;
    margin-top: 3px;
}


.smbox {
	height: 20px !important;
	width: 60px !important;
	font-size: 12px !important;
	padding: 5px 5px !important; 
}

.progressupd
{
position: absolute;
right: -10px;
top: 8px;
font-size: 20px;
	
}

#imgprtser{
margin-top: -4px;
width: 19px;
}

#factree1 .glyphicon-check::before {
	content: "" !important;		
}

#factree1 .glyphicon-unchecked::before {
	content: "" !important;		
}

#factree1 .glyphicon-menu-down::before {
	content: "" !important;		
}

#factree1 .glyphicon-expand::before {
	content: "" !important;		
}
.mb0{
	margin-bottom: 0px !important;
}
.d-inline-block{
	display:inline-block;
}
.w-inline{
	width: auto;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-trans{
   background: transparent;
   color: #0668bd;
   text-decoration: underline;
}
.btn-trans:hover{
   background: f8f8f8;
}


#big_stats .stat {
    width: 25%;
    height: 90px;
    text-align: center;
    display: table-cell;
    padding: 0;
    position: relative;
    border-right: 1px solid #ccc;
    border-left:1px solid #fff;
    top : 100px;
}

#big_stats .stat:first-child {
    border-left:none
}

#big_stats .stat:last-child {
    border-right:none
}

#big_stats .stat h4 {
    font-size: 11px;
    font-weight: 700;
    color: #777;
    margin-bottom:1.5em
}

#big_stats .stat .value {
    font-size: 45px;
    font-weight: 700;
    color: #5d9cec;
    line-height:1em
}
/* eub tile in custom dashboard */
.big_statseub
{
    height: 300px;
    position: relative;
}
/* .stateub {
	margin: 0;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
} */
.stateub {
    margin-top: 50px;
    text-align: center;
}
.big_statseub .stateub .value{
    font-size: 45px;
    font-weight: 700;
    color: #5d9cec;
    line-height: 1em;
    }

.shortcut-label {
    display: block;
    font-weight: 400;
    color:#545454
}



@media all and (max-width: 950px) and(min-width: 1px) {
    #big_stats {
        display: block;
        margin-bottom:-40px
    }

    #big_stats .stat {
        width: 49%;
        display: block;
        margin-bottom: 3em;
        float:left
    }

    #big_stats .stat:nth-child(2) {
        border-right:none
    }

    #big_stats .stat:nth-child(3) {
        border-left:none
    }
    
    .x_content  .chartDisplay{
		min-height: 400px;
	}
}

@media (max-width: 767px) {
    .stat .value {
        font-size:40px
    }
    
    .x_content  .chartDisplay{
		min-height: 300px;
	}
}

@media (max-width: 480px) {
    .stats .stat {
        margin-bottom:3em
    }

    .stats .stat .stat-value {
        margin-bottom: .15em;
        font-size:20px
    }

    .stats {
        float: left;
        display: block;
        margin-bottom:0
    }

    #chart-stats {
        margin:2em 0 1em
    }

    .shortcuts .shortcut {
        width: 48%
    }
    
    .x_content  .chartDisplay{
		min-height: 200px;
	}
}

.chartDisplay {
	width: 100% !important;
}

/* .doto100 {
	background: #3c8dbc;
	margin: 75px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	font-size:15px;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
	cursor:pointer;
} */
.doto100 {
    font-size: 20px;
    text-align: center;
    color: #3c8dbc;
    cursor: default; 
    font-weight: bold;
}
.doto100:hover {
	/* opacity:0.8; */
	}

/* .doto200 {
	background: #3c8dbc;
	margin: 75px 75px 75px 0px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	font-size:15px;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
	cursor:pointer;
} */
.doto200 {
    font-size: 20px;
    cursor: default; 
    text-align: center;
    color: #3c8dbc;
    margin-left: auto;
    font-weight: bold;
}
.doto200:hover {
	/* opacity:0.8; */
	}

.dottotal100 {
	text-align: center;
	font-weight: 600;
	color: #fff;
	font-size:15px;
}

.dotsubcoverbig {
	 background: #5d9cec; 
	/* float: left; */
	padding: 2px 5px;
}

/* .dotoDsh {
	background: #0a6baf;
	margin: 5px auto;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size:12px;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	cursor:pointer;
}
.dotoDsh:hover {
	opacity:0.8;
	} */

.modal-header {
	position: relative !important;
}

.modal-header .dropdown-menu{
	top: 65% !important;
}

.icon3-cover .popup-close {
	margin-top: -3px !important;
}

.dumMttrmttf {
 	display: flex;
	justify-content: center;
    margin: 65px 75px 0px 75px;
}

/***Display Dashboard***/
.disp-dash {
	padding : 2px !important;
}
.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 2px;
  padding: 2px 5px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.x_title {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 0px 2px;
  margin-bottom: 5px; }

.x_title .filter {
  width: 40%;
  float: right; }

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
  
  font-size: 13px;
  font-weight: 600;
}

.x_title h2 small {
  margin-left: 10px; }

.x_title span {
  color: #BDBDBD; }

.x_content {
  padding: 0 3px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px; }

.x_content h4 {
  font-size: 16px;
  font-weight: 500; }
  
  
.x_content  .chartDisplay{
	min-height: 200px;
	min-width: 360px !important;
}

legend {
  padding-bottom: 7px; }
 
.nav.child_menu > li > a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  padding: 9px; }

.panel_toolbox {
  float: right;
  min-width: 70px; }

.panel_toolbox > li {
  float: left;
  cursor: pointer; }

.panel_toolbox > li > a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px; }

.panel_toolbox > li > a:hover {
  background: #F5F7FA; }

.disp-dashboard-bg {
	background: #a9bdc1 !important;
}
#custrmhead {
  width: 100%;
}

#custrmhead td {
  border-bottom: 1px solid #ddd;
  padding: 8px;

}
#custpmhead {
  width: 100%;
}

#custpmhead td {
  border-right: 1px solid #ddd;
  padding: 8px;

}