.viewportcls{
	background-image: url(../image/timg.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.dept_table{
	background-image: url(../icons/application_form_add.png) !important;
}
.dept_tree{
	background-image:url(../icons/terminal.png) !important;
}
.addcss{background-image:url(../icons/add.gif) !important;
}
.addchildcss{background-image:url(../icons/drop-under.gif) !important;
}
.delcss{background-image:url(../icons/delete.gif) !important;
}
.editcss{background-image:url(../icons/edit.gif) !important;
}
.worddoccss{background-image:url(../icons/word.gif) !important;
}
.opencss{background-image:url(../icons/folder-open.gif) !important;
}
.closecss{background-image:url(../icons/exit16.gif) !important;
}
.exitcss{background-image:url(../icons/exit.gif) !important;
}
.refreshcss{background-image:url(../icons/refresh.gif) !important;
}
.sharecss{background-image:url(../icons/group.png) !important;
}
.alldatacss{background-image:url(../icons/server_database.png) !important;
}
.synccss{background-image:url(../icons/basket_put.png) !important;
}
.undocss{background-image:url(../icons/undo.gif) !important;
}
.previouscss{background-image:url(../icons/resultset_previous.png) !important;
}
.nextcss{background-image:url(../icons/resultset_next.png) !important;
}
.nextcss{background-image:url(../icons/resultset_next.png) !important;
}
.lastcss{background-image:url(../icons/resultset_last.png) !important;
}
.firstcss{background-image:url(../icons/resultset_first.png) !important;
}
.readcss{background-image:url(../icons/text_signature.png) !important;
}
.defaultIconCls{
	background-image:url(../icons/drop-yes.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.forbitcss{
	background-image:url(../icons/cancel.gif) !important;
}
.enabledcss {
	background-image:url(../icons/ok.png) !important;
}
.calculatecss {
	background-image:url(../icons/calculator.png) !important;
}
.importcss {
	background-image:url(../icons/database_add.png) !important;
}

.addcss{background-image:url(../icons/add.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.addfoldercssaddcss{background-image:url(../icons/add.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.addchildcss{background-image:url(../icons/drop-under.gif) !important;
}
.copycss{background-image:url(../icons/copy.png) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.delcss{background-image:url(../icons/delete.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.editcss{background-image:url(../icons/edit.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.savecss{background-image:url(../icons/save.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.browcss{background-image:url(../icons/group-by.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.listcss{background-image:url(../icons/text_list_bullets.png) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.foldercss{background-image:url(../icons/folder.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.othercss{background-image:url(../icons/application_side_list.png) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.attachFilecss{
	background-image:url(../icons/attachFile.gif) !important;
}
.delattachcss{
	background-image:url(../icons/delete.gif) !important;
}
.uploadcss{
	background-image:url(../icons/arrow-up.gif) !important;
}
.downloadcss{
	background-image:url(../icons/arrow-down.gif) !important;
}
.loadarchivecss{
	background-image:url(../icons/disk_multiple.png) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.outarchivecss{
	background-image:url(../icons/report_go.png) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}
.editarchivecss{
	background-image:url(../icons/table_edit.png) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}

.exportcss{
	background-image:url(../icons/excel.gif) !important;
	background-repeat: no-repeat;
	background-size : cover;
	width : 22px;
	height : 18px;
}

/*
 text-overflow: ellipsis !important;
	 word-wrap:break-word !important;
	 border-bottom:1px solid #036 !important;
	background-image: none !important;
	background: #DCDCDC;
	background: #FFEFD5;
*/

.x-form-field-me{
	border:0 !important;
	background-image:inherit;
	border-bottom:1px solid #036 !important;
	color:black;
}
.x-form-field-readonly1{
	border:0 !important;
	background-image:inherit;
	border-bottom:1px solid #036 !important;
	background: #fffffe !important;
	color:#606068;
}

.x-form-field-readonly{
	/*border:0 !important;*/
	background-image:inherit;
	background: #fffffe !important;
	background-color:red;
	border:0.2px solid #000000 !important;
	color:#606068;
}
.x-form-item-label{
	font-weight: bold !important;
	font-size: 14px !important;
}




/*
x-form-item-input-row
.x-grid-data-row{
	line-height: 28px;
}
*/

.x-form-field-noborder{
	border:0 !important;
	background-image: inherit;
	font-size:110%;
}
.x-form-field-none{
	border:0 !important;
	background-image: none !important;
	font-size:110%;
}
.x-form-field-border{
	border:1px solid #808080 !important;
	background-image: inherit;
	font-size:110%;
}
.x-tab{
	height: 29px;
	background-color: #2d85d2 !important;
	margin-left: 0.1px !important;
	padding: 0.2px !important;
}
.x-tab-active{
	background-color: #e1e1e1 !important;
	color: red !important;
	border-width: 1px !important;
	border: 1px solid #2d85d2 !important;
}
.x-tab-default-top{
	/*background: #0f6674 !important;*/
	border-top-right-radius: 3px !important;
	border-top-left-radius: 3px !important;
	border-width: 0;
	border-style: solid;
	/*background-color: transparent;*/
}
.x-tab-bar-strip-default-horizontal{
	background: #FFF !important;
	border: #FFF 0px solid;
}
.x-grid-cell-inner{
	text-align: left !important;
}
.x-grid-row{
	color: black;
	font-weight: 500;
}

.x-grid-cell{
	height: 26px;
	line-height: 26px;
}
.x-grid-cell-inner-treecolumn{
	font-weight: bold;
	color: #1A00AC;
}
/*.x-grid-cell-treecolumn{*/
/*	background-color: #0d47a1;*/
/*}*/

.x-grid-row-summary{
	background:  #B0C4DE !important;
}

.textfieldcss{
	border-bottom: none;
}
.x-form-text-default{
	font-weight: 520 !important;
}
.x-form-trigger-first{
	background-repeat: no-repeat !important;
	background-position-y: center !important;
	-ms-background-position-y: center !important;
	height: 26px;
}
.x-tool-close{
	/*
	background-image:url(../icons/exit.gif) !important;
	background-repeat: no-repeat;
	background-position:left;
	margin-left: 50px;
	*/
}
.x-tool-img{
}

.selffieldcss{
	background-image:url(../icons/anchor.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.dblclickcss{
	background-image:url(../icons/comment_add.png) !important;
	background-repeat: no-repeat;
	background-position:left !important;
	padding-right: 30px;
}
.nodeaddcss{
	background-image:url(../icons/brick_add.png) !important;
}
.tablecss{background-image:url(../icons/application_form_add.png) !important;
}
.treecss{background-image:url(../icons/tree.gif) !important;
}
.collapsecss{background-image:url(../icons/ns-collapse.gif) !important;
}
.backcss{background-image:url(../icons/arrow_turn_left.png) !important;
}
.expandcss{background-image:url(../icons/ns-expand.gif) !important;
}
.findcss{background-image:url(../icons/find.png) !important;
}
.filtercss{background-image:url(../icons/find.png) !important;
}
.printcss{background-image:url(../icons/print.png) !important;
}
.excelcss{background-image:url(../icons/excel.gif) !important;
}
.pdfcss{
	background-image:url(../icons/page_white_flash.png) !important;
}
/*.confirmcss{background-image:url(../icons/drop-yes.gif) !important;*/
/*}*/
.resetcss{background-image:url(../icons/clear.gif) !important;
}
.exitcss{background-image:url(../icons/exit16.gif) !important;
}
.cancelcss{background-image:url(../icons/cancel.png) !important;
}
.disconnectcss{background-image:url(../icons/disconnect.png) !important;
}
.connectcss{background-image:url(../icons/book_link.png) !important;
}
.auditcss{background-image:url(../icons/cart_edit.png) !important;
}
.cancelauditcss{background-image:url(../icons/arrow_redo.png) !important;
}
.alreadyauditcss{background-image:url(../icons/accept.png) !important;
}
.noauditcss{background-image:url(../icons/add.gif) !important;
}
.logincss{background-image:url(../icons/key.png) !important;
}
.confirmcss{
	background-image:url(../icons/accept.png) !important;
	color: #e1e1e1;
}
.lockeditcss{background-image:url(../icons/lock_edit.png) !important;
}
.grouplockcss{background-image:url(../icons/group_key.png) !important;
}
.reportcss{background-image:url(../icons/report.png) !important;
}
.tidycss{background-image:url(../icons/application_lightning.png) !important;
}
.drive_keycss{background-image:url(../icons/drive_key.png) !important;
}
.computer_linkcss{background-image:url(../icons/computer_link.png) !important;
}
.arrow_downcss{background-image:url(../icons/arrow-down.gif) !important;
}
.arrow_upcss{background-image:url(../icons/arrow-up.gif) !important;
}
.door_opencss{background-image:url(../icons/door_open.png) !important;
	background-repeat: no-repeat;
}
.doorcss{background-image:url(../icons/door.png) !important;
	background-repeat: no-repeat;
}
.savecabinetcss{
	background-image:url(../icons/door_in.png) !important;
}
.outcabinetcss{
	background-image:url(../icons/door_out.png) !important;
}

.unlockcss{background-image:url(../icons/unlock.png) !important;
}
.lockcss{background-image:url(../icons/lock.png) !important;
}
.phonecss{background-image:url(../icons/phone.png) !important;
}
.phone_soundcss{background-image:url(../icons/phone_sound.png) !important;
}
.phone_addcss{background-image:url(../icons/phone_add.png) !important;
}
.lock_editcss{background-image:url(../icons/lock_edit.png) !important;
}
.lock_deletecss{background-image:url(../icons/lock_delete.png) !important;
}
.backupcss{background-image:url(../icons/export.gif) !important;
}
.restorecss{background-image:url(../icons/server.png) !important;
}
.downloadcss{background-image:url(../icons/download.gif) !important;
}

.database_addcss{background-image:url(../icons/database_add.png) !important;
}
.database_editcss{background-image:url(../icons/database_edit.png) !important;
}
.database_deletecss{background-image:url(../icons/database_delete.png) !important;
}
.database_refreshcss{background-image:url(../icons/database_refresh.png) !important;
}
.database_savecss{background-image:url(../icons/database_save.png) !important;
}
.database_gocss{background-image:url(../icons/database_go.png) !important;
}
.database_lightningcss{background-image:url(../icons/database_lightning.png) !important;
}
.usercss{background-image:url(../icons/user.png) !important;
}
.userredcss{background-image:url(../icons/user_red.png) !important;
}
.backbtnCls{
	background-image:url(../icons/page-prev.gif) !important;
	background-size:cover;
}
.clearbtnCls{
	background-image:url(../icons/delete.gif) !important;
	background-size:cover;
}
/*.confirmbtnCls{*/
/*	background-image:url(../icons/delete.gif) !important;*/
/*	background-size:cover;*/
/*}*/

.gun{
	background-color: #CCC;
	height: 100px;
	width: 100px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}

.none{
	/*
	background-image: url(../img/ApplyBullet.jpg) !important;
	background-color: 'white';
	*/

	background-image: url(../icons/none.gif) !important;
}
.mainheader{
	background-image: url(../image/header.PNG) !important;
}
.maintoolbar{
	background: linear-gradient(#97CBFF, white) !important;
}
.sysmenu1{
	background:  #DCDCDC !important;
}
.sysmenu{
	background: linear-gradient(#97CBFF, white);
}
.headerOver{
	background:#5CADAD;
}
/*
.gridcss{
	background:#D1E9E9;
}
*/
.gridcss{
	background:white;
}
.gridhead{
	background:  #FFF0AC;
	padding : 10px
}

.basecls{
	background-image: none;
	background-color: #35BAF6;
}
.menucss{
	background: linear-gradient(#97CBFF, white);
	padding: 10px;
}

.x-panel-header{
	text-align:left;
	color : white;
	background: linear-gradient(#97CBFF, white);
}

/*

.formcss{
	background: linear-gradient(#97CBFF, white) !important;
}

background: linear-gradient(#97CBFF, white);

.x-box-inner{
	background: linear-gradient(#97CBFF, white);
}

.x-box-target{
.x-component{
.x-header-text-container{

.x-panel-header-text-container{
	background: #D7FFEE;
}
.x-toolbar-item  {
	background: linear-gradient(#97CBFF, white);
}

	background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
	background: linear-gradient(to bottom, #FFBD9D, rgba(255,0,0,0));

	.accordianPanel{
		background: linear-gradient(#97CBFF, white);
	}

.x-tab-default{
	background: linear-gradient(#97CBFF, white);
}

background: linear-gradient(#FFBD9D, blue);!important;

.accordionheader{
	background: #D1E9E9;
}

*/
.x-header-text{
	color : #3A006F;
	font-size:12px
}
.x-datepicker-month{
	background-color: #FFF !important;
}
/*.x-datepicker-header{*/
/*	background-color: #FFF !important;*/
/*}*/
.mainheadcss{
	background: linear-gradient(#97CBFF, white,#97CBFF);
}

.windowheader{
	background: linear-gradient(#97CBFF, white);
}
.windowbody{
	background: #D1E9E9;
}
.pastecss{
	background-image: url(../icons/paste_plain.png) !important;
}

.buttoncls{
	background-image: url(../image/OK.png) !important;
}

.accordionheadercss{
	background-color: #4682B4 !important;
	height: 36px;
	border :0px;
	margin: 0px;
	padding: 0px;
}
.accordionheadercss:hover{
	border-radius: 4px;
	border: 1px solid #eee;
	background-color: #fafafa;
	display: flex;
	/*transform: scale(1.06, 1.06);*/
	transform: translate(0px,-1px);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	box-shadow:0px 1px 3px rgba(255,255,255,0.8) inset,1px 1px 6px rgba(0,0,0,0.7);
}

.accordionbuttoncls{
	height:20px;
	width:120px;
	background:#E6E6FA;
	text-align: left;
}
.accordionbuttoncls:hover{
	border-radius: 4px;
	border: 1px solid #eee;
	background-color: #fafafa;
	display: flex;
	/*transform: scale(1.06, 1.06);*/
	transform: translate(0px,-1px);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	box-shadow:0px 1px 3px rgba(255,255,255,0.8) inset,1px 1px 6px rgba(0,0,0,0.7);
}

.mybtncss{

}
.mybtncss:hover {
	border-radius: 4px;
	border: 1px solid #eee;
	background-color: #fafafa;
	display: flex;
	/*transform: scale(1.06, 1.06);*/
	transform: translate(0px,-1px);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	box-shadow:0px 1px 3px rgba(255,255,255,0.8) inset,1px 1px 6px rgba(0,0,0,0.7);
}
.taskDivCss{
}
.taskDivCss:hover{
	border-radius: 4px;
	border: 1px solid #eee;
	display: flex;
	transform: translate(0px,-1.3px);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	box-shadow:0px 1px 3px rgba(255,255,255,0.8) inset,1px 1px 6px rgba(0,0,0,0.7);
}
.x-btn-midbtnover{
	cursor: pointer;
	top: -4px;
	transform: scale(1, 1);
}
.x-btn-buttonver{
	background: linear-gradient( 	#FFDEAD, white) !important;
	box-shadow: 2px 4px 6px #000;
}
.x-btn-menubuttonver{
	box-shadow: 1px 1px 2px 1px  #DCDCDC inset;
}


.popmenucss{
	background: black;
	box-shadow: 1px 1px 2px 1px  #DCDCDC !important;
}
.headmenucss{
	background: #4082B4;
	box-shadow: 1px 1px 2px 1px  #DCDCDC !important;
}
.buttonselected{
	/*

	.x-menu-item{
	 background: linear-gradient( 	#FFDEAD, white) !important;
}

	 background-image: url(../image/arrowleft.png) !important;
	 background-position: right !important;
	 background-image:url(../image/bar.png) !important;
	 background-size:cover;
	*/
	background: linear-gradient( 	#FFA500, white) ;
	box-shadow: 2px 4px 6px #000;
}

.btnIcon{
	background: linear-gradient(#97CBFF, white);
}
.btnovercss{
	background: linear-gradient(#E1FFFF, #E1FFFF);
	box-shadow: 2px 4px 6px #000;
	cursor:pointer !important;
}

.midbtncss{

}
.midbtncss:hover{
	background: linear-gradient(#97CBFF, white);
	box-shadow: 2px 2px 6px #000;
}
.uploadbtn{
	background: #DCE7F4 !important;
}


.newsys{
	background: linear-gradient(to bottom, #FFBD9D, blue) !important;
	display: flex;!important;
	flex-direction: column;
	flex-wrap : wrap;
}
.startcss {
	background-image:url(../icons/computer_link.png); !important;
}
.toolbar{
	background: linear-gradient(to bottom, #FFBD9D, blue);!important;
}
.x-btn-default-small .x-btn-inner { font-size: 12px; }

.x-window-default {
	background-color: #ffffff;
	border-color : #ACC1FF;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}


/*
  .x-window-header {
   background-color : #97CBFF;
}


.usercss{
}

*/

.menubtn{
	background-color: #FFDD77;
	height: 70px;
	width: 90px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}
.panel-body-background-color{
	background-color: #00DD77;
}
span.x-tab-strip-text{
	text-align:center;
}
.cellfont .x-grid-cell{
	border-buttom-color: #00ff00;
	border-buttom-style: solid;
	color: yellow;
}
.rowcss .x-grid-cell{
	background-color : #CCCC99 ;
}

.x-grid-cell.red {
	border-right-color: #ff0000;
	border-right-style: solid;
	border-right-width: 1px;
}

.x-grid-cell.green {
	border-right-color: #66CC33;
	border-right-style: solid;
}
/*************/
.separator .x-grid-cell{
	border-bottom-color:#ff0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.cabinetcell{
	background-color: #CCC;
	height: 88px;
	width: 28px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}

.rowhasfilecss .x-grid-cell{
	background-color: #B0C4DE !important;
}
.rownofilecss .x-grid-cell{
	background-color: #ffffff !important;
}
.rowborrowedcss .x-grid-cell{
	background-color: #F5DEB3 !important;
}
.selectrowcss .x-grid-cell{
	background-color:  	#F0FFFF !important;
}
.archivecss .x-grid-cell{
	background-color:  #E6E6FA !important;
}
.cellhasfile{
	background-color: #B0C4DE;
	height: 88px;
	width: 28px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}
.cellnofile{
	background-color: #F5DEB3;
	height: 88px;
	width: 28px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}
.cellselected{
	background-color:  #FFC0CB;
	height: 88px;
	width: 28px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}

.x-tree-node-leaf .x-tree-node-icon{
	background:transparent url(../icons/user.png);
}
.x-tree-node-collapsed .x-tree-node-icon {
	background:transparent url(../icons/arrow-up.gif);
}
.x-tree-node-expanded .x-tree-node-icon {
	background:transparent url(../icons/arrow-down.gif);
}
.x-form-display-field{
	font-size:10pt  !important;
	font-weight:900;
	color:blue;
}

.textAlign{
	text-align:right;
	color:#1A00AC;
	font-size:10pt;
}

.pink .x-grid-cell{
	background-color : pink !important;
}
.green .x-grid-cell{
	background-color: green !important;
}
.red .x-grid-cell{
	background-color: red !important;
}

.Azure .x-grid-cell{
	background-color:  	#F0FFFF !important;
}
.inStorate .x-grid-cell{
	background-color:  	#B0C4DE !important;
}
.LightCyan .x-grid-cell{
	background-color:  	#E1FFFF !important;
}

.separate{
	height: 5px;
	width: 1000px;
	margin:0px 0px 0px 20px;
	clear:both;
}

.workflowdwon{
	height: 15px;
	width: 70px;
	margin:0px 0px 0px 20px;
	float:left;
	clear:both;
}
.workflowboxcss{
	height: 30px;
	width: 110px;
	padding:10px 5px 0px 8px;
	text-align:left;
	clear:both;
	float:left;
}
.finishcss{
	height: 30px;
	width: 110px;
	padding:10px 5px 0px 8px;
	text-align:left;
	clear:both;
	float:left;
	color :red;
	background-color: #FFF0F5 !important;

}
.workflowhead{
	font-size:130%;
	height : 20px !important;
	font-weight:900;
	margin:20px 0px 0px 20px;
}
.containercss{
	height: 500px;
	width: 130px;
	background-color:  	#F0FFFF !important;
}
.pdfreadcss{
	background-image: url(../image/desk09.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
.maincss{
	background-image: url(../image/loginmain.png);
	background-repeat: no-repeat;
	background-size:cover;
}
.loginmainicss{
	background-image: url(../image/loginlogo1.png);
	background-repeat: no-repeat;
	background-size:cover;
	opacity: 0.8;
	border-radius:10px;
}
.desktopcss{
	background-image: url(../image/desk05.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.labelCls{
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height: 30px;
}
.zoomcss{
	background-image: url(../icons/zoom_out.png);
	background-repeat: no-repeat;
}

.x-column-header-inner{
	/*
	 background: linear-gradient(white,#97CBFF);
	 color:#00008B!important;
	 FFF5DC
	 */
	cursor: pointer !important;
	padding: 0px 0px 0px 0px !important;
	background:  #008B8B !important;
	text-align:center !important;
	height:36px !important;
	line-height: 32px !important;

}
.x-column-header-text{
	color:#FFFFFF !important;
	font-size:13px;
	font-weight:600;
}
.x-btn-inner{
	color:  	#4B0082 !important;
	font-size:12px !important;
	font-weight:510  !important;
}
.x-collapse-el{
}
.nofinish{
	background:#F5F5DC;
	color:black
}
.triggercss{
	background-image:url(../icons/phone_add.png) !important;
	background-repeat: no-repeat;
	cursor: pointer;

}

.directopen .x-grid-cell{
	background-color: #BC8F8F !important;
	color:white;
}
.haschildren .x-grid-cell{
	background-color:#5F9EA0 !important;
	color:white;
}
.nochildren .x-grid-cell{
	background-color: 	#808080 !important;
	color:white;
}

.textUnderline{
	border-bottom:thick solid  #0000CD;
	border-bottom-width: 1.3px;
}
.transitionrotate{
	transform: translateY(-303px) rotate(130deg) rotateY(-270deg) rotateX(100deg) scale(0.5,0.5);
	transition: all 1s;
}


@keyframes myfirst
{
	from {background: red;}
	to {background: yellow;}
}

@-webkit-keyframes myfirst /* Safari 与 Chrome */
{
	from {background: red;}
	to {background: yellow;}
}

/*ease效果：*/
.ease {
	background: #f36;
	transition: all 5s ease 0.3s;
}
/*ease-in效果：*/
.ease-in {
	background: #369;
	transition: all 3s ease-in 0.5s;
}
/*ease-out效果：*/
.ease-out {
	width: 100px;
	background: #636;
	transition: all 5s ease-out 0s;
}
/*ease-in-out效果：*/
.ease-in-out {
	background: #3e6;
	transition: all 2s ease-in-out 2s;
}
/*linear效果：*/
.linear {
	background: #999;
	transition: all 6s linear 0s;
}
/*hover状态下demo-box产生属性变化*/
.timings-demo:hover .demo-box {
	height: 30px;
	margin: 20px 0 40px 280px;
	border: 1px solid rgba(255,230,255,08);
	background: #39f;
	line-height: 30px;
	transform: rotate(360deg) scale(1.2);
	border-radius: 25px;
}

.left-grid-menu{
	cursor: pointer;
	border-radius: 5px;
	background-color: #0c5460;
	color: white;
	font-size: 13px;
	font-weight:bold;
	height: 32px;
	line-height: 32px;
	width: 100%;
	margin:0px;
	padding-left: 20px;
	box-shadow: 5px 5px 5px #888888;
}
.left-grid-menu:hover{
	background-color: #888800;
	transform: scale(1.02);
}
tr.x-grid-record-yellow .x-grid-td { /*立项计划书的tree行变色*/
	background: #FDF5E6;
}
/*.x-tree-icon,.x-tree-icon-parent{*/
/*	background-color: red !important;*/
/*	background-image: none;*/
/*	display: none;*/
/*}*/
/*.x-tree-node-icon{*/
/*	display:none !important;*/
/*}*/
/*.x-tree-node-icon {*/
/*	display: none;  //不显示图标*/
/*}*/

.singlelinecss{
	height: 20px !important;
}
.evencss .x-grid-cell{
	background-color: #FFFFFF !important;
	color: black  !important;
}

.evencss:hover .x-grid-cell{
	background-color: #2d85d2 !important;
	color: white  !important;
}
.evencss::selection .x-grid-cell{
	background-color: red !important;
	color: white  !important;
}
.cardinalitycss .x-grid-cell{
	background-color: #FDF5E6 !important;
	color: black  !important;
}
.cardinalitycss:hover .x-grid-cell{
	background-color: #2d85d2 !important;
	color: white  !important;
}
.x-grid-row:hover {
	background-color: #2d85d2 !important;
	color: white  !important;
}
.x-grid-item-selected .x-grid-cell{
	background-color: #ad9211ad !important;
	color: white  !important;
}
.weekheadercss{
	height: 33px;
	line-height: 33px;
	width: 200px;
	background-color: #0f76c2;
	border-radius: 2px;
	box-shadow: #606068 0px 2px 3px;
	color: #FFFFFF;
	float: left;
	text-align: center;
	font-weight: bold;
	margin: 2px 2px 0 2px;
}
.daycss{
	cursor: pointer;
	height: 150px;
	width: 200px;
	background-color: #606068;
	border-radius: 2px;
	/*box-shadow: #606068 2px 2px 2px;*/
	color: #FFFFFF;
	float: left;
	margin: 2px;
	padding: 2px;
}
.daycss:hover{
	background-color: #0f76c2;
}
.daycss::selection{
	background-color: #0f76c2;
}

.day-selected-css{
	cursor: pointer;
	height: 150px;
	width: 200px;
	background-color: #0f76c2;
	border-radius: 2px;
	box-shadow: #606068 2px 2px 2px;
	color: #FFFFFF;
	float: left;
	margin: 2px;
	padding: 2px;
}
.day-selected-css:hover{
	background-color: #4fc3f7;
}
.day-editable-css{
	cursor: pointer;
	height: 150px;
	width: 200px;
	background-color: #00bfa5;
	border-radius: 2px;
	box-shadow: #606068 2px 2px 2px;
	color: #FFFFFF;
	float: left;
	margin: 2px;
	padding: 2px;
}
.day-editable-css:hover{
	background-color: #0f76c2;
}
.column-div{
	cursor: pointer;
	background-color: #0f76c2;
	border-radius: 3px;
	box-shadow: #606068 2px 2px 2px;
	color: #FFFFFF;
	margin: 3px;
	text-align: center;
}
.column-div:hover{
	background-color: #00c853;
}
.coloumn-div-multi-line{
	width: 100%;
	word-wrap:break-word !important;
	word-break: break-all !important;
	white-space: pre-wrap;
}
/*
.x-grid-item-selected {
	background-color: #008B8B !important;
	color: white  !important;
}
$grid-row-cell-selected-background-color: #ccc !default;
.rowcss .x-grid-cell{
    background-color : #CCCC99 ;
}
	border: 1px solid #FF0000

.x-form-trigger-over{
	background-image:url(../icons/phone_add.png) !important;
	background-repeat: no-repeat;
}


.x-tool-close{
	background: linear-gradient(white,#97CBFF);
	height:20px !important;
}
.x-window-header-text-default{
	color:  	#4B0082 !important;
	font-size:12px !important;
	font-weight:510  !important;
	height:20px !important;

}


.x-form-trigger{
	 background-image:url(../icons/find.png) !important;
	 background-repeat: no-repeat;
	 cursor: pointer;
}


#4B0082

.x-column-header-text{
	background-color:  	red !important;
}





color:red;
.workflowbox{
	height: 30px;
	width: 110px;
	clear:both;
	padding:10px 5px 0px 5px;
	text-align:center;
	float:left;
	word-break : break-all;
}

background: linear-gradient(#97CBFF, white,#97CBFF);
background-image: url(../image/download8.png) !important;
background-color: #CCC;
	height: 100px;
	width: 100px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;

text-overflow: ellipsis !important;
	 word-wrap:break-word !important;
	 border-bottom:1px solid #036 !important
background-color: #CCC;
	height: 100px;
	width: 100px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-repeat: no-repeat;	text-align:left;
	cursor: pointer;
	display: block;

h3{
 	color: green;
 }
 div{
 	background: "../image/timg.jpg"
 }*/