.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px; /* half width of the spinner gif */
	margin-top: -50px; /* half height of the spinner gif */
	text-align: center;
	z-index: 1234;
	overflow: auto;
	width: 100px; /* width of the spinner gif */
	height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}
.spinner i {
	width: 50px; /* width of the spinner gif */
	height: 51px; /*hight of the spinner gif +2px to fix IE8 issue */
	background: no-repeat url("../../images/app/ajax-loader.gif") center;
	display: block;
	margin: 25px auto 25px auto;
}

.refresh-container { 
	display:none; 
}

.app-simple-alert-container * {
	margin: 2px 2px 15px 2px;
	padding: 4px
}

.app-details-table-expanded {
	margin-bottom: 20px
}
			
td.details-control {
	background: url('../../images/datatables/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.shown td.details-control {
	background: url('../../images/datatables/details_close.png') no-repeat center center;
	background-color: #e6f2f8;
}

.breadcrumb .right-icon {
	widtxh: 200px;
	float: right
}
.breadcrumb > li + li.right-icon:before {
	color: #CCC;
	content: " ";
	margin: -13px 0 0 4px;
}

.icon-cntnr {
	float: right
}

.icon-cntnr {
	float: right;
	margin: 10px 0 0 0
}
.icon-cntnr  {
	border-radius: 4px;
	padding: 2px;
	border: 1px solid rgba(0,0,0,0);
	margin: 0 1px 0 4px;
	background: #fff;
	opacity: .8;
}
.icon-cntnr  {
	padding: 2px;
	border: 1px solid #fff;
	opacity: 1;
}

.app-add-icon {
	background:url(../../images/app/add.svg);
	border-radius: 4px;
	padding: 2px;
	border: 1px solid rgba(0,0,0,0);
	margin: 0 1px 0 4px
}

.app-add-icon:hover {
	padding: 2px;
	border: 1px solid #23527c;
}

.arrow-green{ background:url(../../images/app/arrow-green.svg) no-repeat; width:10px;background-size:10px 10px;background-repeat:no-repeat;height:10px;cursor:pointer;}
.arrow-red{ background:url(../../images/app/arrow-red.svg) no-repeat; width:12px;background-size:12px 12px;background-repeat:no-repeat;height:12px;cursor:pointer;}