html,
body {    
		height: 100%;   
		background-color: #2196f3;						
		background-image: -moz-linear-gradient(top, white 0%, #2196f3 90%);	/* For Firefox 3.6 to 15 */	 																									
		background-image: -webkit-linear-gradient(top, white 0%, #2196f3 90%); /* For Chrome10+, Safari5.1+ */			
		background-image: -o-linear-gradient(top, white 0%, #2196f3 90%);	/* For Opera 11.10+ */		
		background-image: -ms-linear-gradient(top, white 0%, #2196f3 90%); /* For IE10+ */	
}

.site-error {    
		margin-left: 200px; 
		padding-top: 10px; 
		padding-bottom: 20px; 
		padding-left: 30px; 
		padding-right: 30px; 
		background-color: white; 
		box-shadow: 10px 10px 5px #888888;
}



.site-loginx {    
		background-color: silver;
    box-shadow: 10px 10px 5px #888888;						
		padding-top: 10px !important; 
		padding-left: 30px !important; 
}

bodyx {    
		height: 100%;    						
		background-color: #2196f3;						
		background-image: url("../images/goldenlock3.png"), -moz-linear-gradient(top, white 0%, #2196f3 90%);	/* For Firefox 3.6 to 15 */								
		background-image: url("../images/goldenlock3.png"), -webkit-linear-gradient(top, white 0%, #2196f3 90%); /* For Chrome10+, Safari5.1+ */			
		background-image: url("../images/goldenlock3.png"), -o-linear-gradient(top, white 0%, #2196f3 90%);	/* For Opera 11.10+ */		
		background-image: url("../images/goldenlock3.png"), -ms-linear-gradient(top, white 0%, #2196f3 90%); /* For IE10+ */										    					
		background-size: contain;
		background-position: center; 
		background-repeat: no-repeat;			
}

/* Ref.: http://formvalidation.io/examples/changing-success-error-colors/ 
.has-error .control-label,
.has-error .help-block,
.has-error .form-control-feedback {
    width: 300px;
}*/
.has-error .help-block {
    width: 300px;
}

.input-shortdescription {
    font-size:11px;
    font-style: italic;
    color: orange;
    display: inline-block; 
    margin-top: -33px;
    float: left;		
		position: absolute;		
}

.input-shortdescription-red {
    font-size:11px;
    font-style: italic;
    color: red;
    display: inline-block; 
    margin-top: -33px;
    float: left;		
		position: absolute;		
}

.input-shortdescription-red2 {
    font-size:8px;
    font-style: italic;
    color: red;
    display: inline-block; 
    margin-top: -30px;
    float: left;		
		position: absolute;		
}

.form-inline .form-group{
    margin-left: 0;
    margin-right: 0;
}

.rowx {
    width:500px;  /* or whatever you prefer */
    float:left;
    display: inline-block; 
    position: absolute;
}

.error {
    font-size:14px;    
    //font-weight: bold;
    color: #a94442;;
    float:left;		
		position: absolute;		
}

table {
	width: 50%;
}

table.detail-view {	
	border:1px solid #fff !important; 
}
table.detail-view tbody tr:nth-child(even) {
	background:#E5F1F4; 
	border-color:#fff; 
	min-width:20%; 		
}
table.detail-view tbody tr:nth-child(odd) {
	background:#F8F8F8;  
	border-color:#fff; 
	min-width:20%; 	
}
table.detail-view tbody td {
	//border-color:#fff; 
	min-width:78%;			
}

table.detail-view tbody tr.header { 
	background:#95C8D5; 
}
table.detail-view tbody tr.header th {
	text-align:left; 
	min-width:20%; 
}

table.detail-view-pos th {		
	padding:0px !important; 
	height:10px !important;	
	border:0px !important; 
}

table.kv-grid-table-pos td {		
	padding:0px !important; 
	height:10px !important;	
	border:0px !important; 
}

table.kv-grid-table-type1 td {		
	padding:1px !important; 
	height:25px !important;	
	border:0px !important; 
}

table.kv-grid-table-type2 td {		
	padding:1px !important; 
	height:25px !important;	
	border:1px solid rgb(220,220,220) !important; 
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

/*#warning-message {
	display: none; 
}
@media only screen and (orientation:portrait){
	#wrapper { display:none; }
	#warning-message { 
		display:block; 
	}
}
@media only screen and (orientation:landscape){
	#warning-message { 
		display:none; 
	}
}*/

/* increase index for autocomplete, higher than modal form */
.ui-autocomplete { 
  z-index:2147483647;
}

.label-title {
    font-size:11px;            
    float:left;		
		position: absolute;		
}

.note
{
    font-size:12px;
    //font-style: italic;
    //color: red;
    float:left;		
		position: absolute;	
}

.preview-image {
    font-size:11px;       
    float:left;		
		position: absolute;	
		height: 150px;
		width: 130px;
		padding: 2px;
		border: 2px solid navy;
		margin: 2px;		
}

.preview-image-lg {
    font-size:11px;       
    float:left;		
		position: absolute;	
		height: 250px;
		width: 230px;
		padding: 2px;
		border: 2px solid navy;
		margin: 2px;		
}

.text-blink{   
  animation-duration: 800ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.radio-inline { 
	display:inline; 
	//font-size:24px;
}


.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 60px 20px 20px;
    width: 100%;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);		
}

.navbar-collapse.collapse {				
		width: 1250px;
		margin-left: 20px;
}