/*
==================================================
=================wait load response===============
==================================================
*/
.diea-wait-load-response {
    position: fixed;
    right: 0;
    left: 0;
    margin-right: 45%;
    margin-left: 45%;
    margin-top: 300px;
    /*content:url('../icons/load.gif');*/
	background-image:url('../icons/diea_load.gif');
	background-repeat:no-repeat;
	background-size: 50px 50px;
    width:50px;
    height:50px;
    z-index:9999999999999999999;
    
    display:none;/* defualt is hidden */
}




.diea-element-do-wait-action {

	opacity:0.5;
	pointer-events: none; /*disable event by pointer --> click doubleclick hover ... */
	cursor: wait;

}

/*
==================================================
==================================================
*/





/*
==================================================
============      add/edite  btn      ============
==================================================
*/
.diea-insert-btn {
min-height:25px;
text-align:right;
float:right;
color:white;
font-size:1.1em;
margin:10px;
width:70%;
background:url('../icons/diea-add.png');
background-position: 10% 0;
background-size: 30px 30px;
background-repeat: no-repeat;
background-color:rgb(45, 130, 197,0.8); 
padding:3px;
border-radius:5px;
padding-right:10px;

}
.diea-insert-btn:hover{
border: 1px solid #001BA2;
}


.diea-update-btn{
min-height:25px;
text-align:right;
float:right;
color:white;
font-size:1.1em;
margin:10px;
width:70%;
background:url('../icons/diea-save-change.png');
background-position: 10% 0;
background-size: 30px 30px;
background-repeat: no-repeat;
background-color:rgb(114, 171, 107,0.8); 
padding:3px;
border-radius:5px;
padding-right:10px;
}


.diea-update-btn:hover{
border: 1px solid #60875C;
}




/*
==================================================
==================================================
*/




/*
==================================================
============   update image class ============
==================================================
*/
.updateRow-img{
	content:url('../icons/diea-updateRow.png');
	margin:5px;
	width:20px;
	float:center;
	opacity:0.8;

}


.updateRow-img:hover{
	opacity: 1;
}

/*
==================================================
==================================================
*/




/*
==================================================
============   delete image class ============
==================================================
*/
.deleteRow-img{
	content:url('../icons/diea-deleteRow.png');
	margin:5px;
	width:20px;
	float:center;
	opacity:0.8;
}


.deleteRow-img:hover{
	opacity: 1;
}

/*
==================================================
==================================================
*/

/*
==================================================
============   restore image class ============
==================================================
*/
.restoreRow-img{
	content:url('../icons/diea-restoreRow.png');
	margin:5px;
	width:20px;
	float:center;
	opacity:0.8;
}


.restoreRow-img:hover{
	opacity: 1;
}

/*
==================================================
==================================================
*/

/*
==================================================
============   close image class ============
==================================================
*/
.close-img{
	content:url('../icons/diea-close.png');
	margin:5px;
	width:30px;
	float:center;
	opacity:0.8;
}


.close-img:hover{
	opacity: 1;
}

/*
==================================================
==================================================
*/


/*
==================================================
============   archive image class ============
==================================================
*/
.canceled-archive-img{
	content:url('../icons/diea_canceled_archive.png');
	width:40px;
	margin:5px;
	float:left;
	border-radius:20px;
	border: 1px solid #777;
	position:fixed;
	left:5px;
	top:5px;
	background-color:#fff;
	z-index:1000000000000000;
	opacity: 0.7;
}




.canceled-archive-img:hover{
	opacity: 1;
}

/*
==================================================
==================================================
*/



/*
==================================================
============   return image class ============
==================================================
*/
.return-img{
	content:url('../icons/diea_return.png');
	width:40px;
	margin:5px;
	float:left;
	border-radius:20px;
	border: 1px solid #777;
	position:fixed;
	left:5px;
	top:5px;
	background-color:#5882F0;
	z-index:1000000000000000;
	opacity: 0.6;
}




.return-img:hover{
	opacity: 1;
}

/*
==================================================
==================================================
*/



/*
==================================================
============   print page image class ============
==================================================
*/
.print-img{
	width:40px;
	margin:5px;
	float:left;
	border-radius:20px;
	border: 1px solid #777;
	position:fixed;
	left:5px;
	bottom:70px !important;
	content:url('../icons/diea_print.png');
	background-color:#5882F0;
	z-index:1000000000000000;
	opacity: 0.8;
}


.print-img:hover{

	opacity: 1;


}

/*
==================================================
==================================================
*/




/*
==================================================
============   refresh page image class ============
==================================================
*/
.refresh-img{
	content:url('../icons/diea_refresh.png');
	width:40px;
	margin:5px;
	float:left;
	border-radius:20px;
	border: 1px solid #777;
	position:fixed;
	left:5px;
	top:95px;
	background-color:#5882F0;
	z-index:1000000000000000;
	opacity: 0.8;
}


.refresh-img:hover{

	opacity: 1;


}

/*
==================================================
==================================================
*/



/*
==================================================
============      waiting icon        ============
==================================================
*/
.waiting-img{
	content:url('../icons/diea-waiting.gif');
	margin:5px;
	width:20px;
	float:center;
	opacity:0.8;
}


.waiting-img:hover{

	opacity: 1;


}

/*
==================================================
==================================================
*/





/*
==================================================
============       doing-now          ============
==================================================
*/
.doing-now-img{
	content:url('../icons/diea-doingNow.png');
	margin:5px;
	width:20px;
	float:center;
	opacity:0.8;
}


.doing-now-img:hover{

	opacity: 1;


}

/*
==================================================
==================================================
*/





/*
==================================================
============       finished icon      ============
==================================================
*/
.finished-img{
	content:url('../icons/diea-finished.png');
	margin:5px;
	width:20px;
	float:center;
	opacity:0.8;
}


.finished-img:hover{

	opacity: 1;


}

/*
==================================================
==================================================
*/










/*
==================================================
===========    print fixed element    ============
==================================================
*/

@media print {
	/*

	===============================this will hide all body child - then show child of fixed element  
	body * {
		visibility: hidden !important;
	}
	.show_when_print * {
		visibility: visible !important;
	}
	===============================
	
	*/
	
	/*==========================*/
	body .hide_when_print {
		display: none !important;/*none display it completely and not show any element inside it becuase using display none*/
	}
	body .show_when_print {
		display: block !important;
	}
	/*==========================*/

	/*==========================*/
	body .hidden_when_print {
		visibility: hidden !important;/*like transparent stay in its area and the child may be visible */
	}
	body .visible_when_print {
		visibility: visible !important;
	}
	/*==========================*/
	
	  
}
/*
==================================================
===========    /print fixed element   ============
==================================================
*/