html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

img#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#content {
	position: relative;
	z-index: 1;
}

.icon-document {
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('../../images/document-icon.png');
}
.contents {
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-image: url('../../images/contents.png');
}
.signOut {
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-image: url('../../images/signOut.png');
}
.verify{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -216px -36px;
}
.verifyYellow{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -252px -36px;
}
.toolbarTab{
	background:#000;
}
.register{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -108px -72px;
}
.hardcopy{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -108px -36px;
}
.vaspprint{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -144px -108px;
}
.exportXml{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -253px -0px;
}
.importXml{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -288px -0px;
}
.importTwm{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -0px -72px;
}
.importXls{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/xls.png');
	background-position: center;
	background-size: 65% !important;
	/*background: url('../../images/all.png') -0px -0px;*/
}
.addDoc{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -252px -108px;
}
.removeDoc{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -288px -108px;

}
.finder{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -180px -36px;
}
.checkMarkGreen{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -180px -72px;
}
.saveBtnImg{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -36px -72px;
}
.checkMarkYellow{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -216px -72px;
}
.checkMarkWhite{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -144px -72px;
}
.uploadM{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -0px -0px;
}
.uploadB{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -36px -0px;
}
.uploadC{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -72px -0px;
}
.addB{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -108px -0px;
}
.removeB{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -180px -0px;
}
.addC{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -216px -0px;
}
.view{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -288px -36px;
}

.finder2{
	background: url('../../images/finder.png');	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 110% !important;
}

.help{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -36px -36px;
	
}

.check{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -144px -72px;
}
.refresh{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -72px -72px;
}
.writeNew{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -144px -108px;
}

.refresh2{
	background-repeat: no-repeat;
	background: url('../../images/all.png') -72px -72px;
}
.document{
	background: url("../../images/document-icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% !important;
	
}
.documentlibrary{
	background: url("../../images/documentLibrary.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% !important;
	
}
.mail{
	background: url("../../images/mailbox.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% !important;
	
}
.profile{
	/**background-image:none !important;**/
	background: url("../../images/profilenew.png") !important;
	height:15px;
	width:15px !important;
}

.searchhs{
	/**background-image:none !important;**/
	background: url('../../images/finder3.png') !important;        
	height:15px;
	width:15px !important;
}

.iframeStyle {
	frameborder: '0';
	border: 0px;
	width: 100%; 
	height: inherit;
}
/** ReleaseInstruction **/
.olrsVerify{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -0px -0px;
}
.olrsCheck{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -36px -0px;
}
.olrsMisroute{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -72px -0px;
}
.olrsRefresh{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -108px -0px;
}
.olrsPrint{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -108px -36px;
}
.olrsBoxSearch{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -180px -36px;
}
.olrsEye{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/view.png');
}
.olrsKey{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -252px -0px;
}
.olrsBoxHelp{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -288px -0px;
}

.olrsFinderEx{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -0px -36px;
}
.olrsFinderLeft{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -36px -36px;
}
.olrsFinderDisabledStop{
	background: url('../../images/finder-stop.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;
}
.olrsFinderPrint{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -108px -36px;
}
.bolFinderBatch{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
        background-size: 100% !important;
	background: url('../../images/update.png');
}
.olrsFinderHelp{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -144px -36px;
}
.directValidate{
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background: url('../../images/DirectValidate.png');
}
.delete{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -72px -108px;
}
.deleteAll{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') 0px -144px;
}
.deleteTop{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -36px -144px;
}
.deleteMiddle{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -72px -144px;
}
.deletebottom{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -108px -144px;
}
.addAll{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -144px -144px;
}
.pentagon{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -252px -144px;
}
/* Edit this icon from here */
.finderForward{
	background: url('../../images/right.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;
}
.finderSearch{
	background: url('../../images/finder-search.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;
}
.finderCancel{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/olrs-icons.png') -0px -36px;
}
.finderStop{
	background: url('../../images/stopDisable.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;
}
.finderPrint{
	icon: url('../../images/printDisable.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;
}
.finderHelp{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/all.png') -252px -108px;	
}
.finderBack{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/left.png');	
}
.detailView{
	background: url('../../images/finder-view.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;	
}
.detailViewSignature{
	background: url('../../images/finder-key.png');	
	background-repeat: no-repeat;
	background-size: 100% !important;
	height: 50px;
	width: 50px;
}
.drCheck{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-size: 100% !important;
	background: url('../../images/check3.png');
}
/* ends here */
.x-grid-row.misrouted .x-grid-cell
{
    background-color: red;
}
.x-grid-row.ammended .x-grid-cell
{
    background-color: #33AE43;
}
.x-grid-row.confirmed .x-grid-cell
{
    background-color: #47A5C9;
}
.x-grid-row.sent .x-grid-cell
{
    background-color: white;
}
.x-grid-row.released .x-grid-cell
{
    background-color: #FFAFAF;
}
/* SAD */
.invalidField {
	border-bottom: 1px solid red;
}
.checked{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/checked.gif');
}
.unchecked{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background: url('../../images/unchecked.gif');
}
/* User Management */
.labelSysad {
left:10px;top:150px;
width:460px;height:20px; 
padding: 2px 0px 5px 10px; 
color: white; 
font-weight: bold;
background: #6c83a3;
background: -moz-linear-gradient(left,  #6c83a3 0%, #c3c5c7 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6c83a3), color-stop(100%,#c3c5c7));
background: -webkit-linear-gradient(left,  #6c83a3 0%,#c3c5c7 100%);
background: -o-linear-gradient(left,  #6c83a3 0%,#c3c5c7 100%);
background: -ms-linear-gradient(left,  #6c83a3 0%,#c3c5c7 100%);
background: linear-gradient(to right,  #6c83a3 0%,#c3c5c7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c83a3', endColorstr='#c3c5c7',GradientType=1 );
}

/* Splash Screen */

.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
}

.x-mask-msg-splash.splashscreen,
.x-mask-msg-splash.splashscreen div {
    font-size: 16px;
    padding: 30px 5px 5px 5px;
    border: none;
    background-color: transparent;
    background-position: top center;
}

/* .x-message-box .x-window-body .x-box-inner .x-mark-msg-splash{
    min-height: 110px !important;
} */

.x-splash-icon-ekonek {
    /* Important required due to the loading symbols CSS selector */
    background-image: url('images/logo-splash.png') !important;
    margin-top: -30px;
    margin-bottom: 10px;
}


/* Splash Screen */

.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
}

.x-mask-msg-splash.splashscreen,
.x-mask-msg-splash.splashscreen div {
    font-size: 16px;
    padding: 30px 5px 5px 5px;
    border: none;
    background-color: transparent;
    background-position: top center;
}

/* .x-message-box .x-window-body .x-box-inner .x-mark-msg-splash{
    min-height: 110px !important;
} */

.x-splash-icon-ekonek {
    /* Important required due to the loading symbols CSS selector */
    background-image: url('images/logo-splash.png') !important;
    margin-top: -30px;
    margin-bottom: 10px;
}


/* Splash Screen */

.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
}

.x-mask-msg-splash.splashscreen,
.x-mask-msg-splash.splashscreen div {
    font-size: 16px;
    padding: 30px 5px 5px 5px;
    border: none;
    background-color: transparent;
    background-position: top center;
}

/* .x-message-box .x-window-body .x-box-inner .x-mark-msg-splash{
    min-height: 110px !important;
} */

.x-splash-icon-ekonek {
    /* Important required due to the loading symbols CSS selector */
    background-image: url('images/logo-splash.png') !important;
    margin-top: -30px;
    margin-bottom: 10px;
}


/* Styles used by Ext.ux.form.ItemSelector */

.x-form-multiselect-body .x-boundlist .x-mask {
    background: none;
}

.x-form-itemselector-body .x-form-item {
    margin: 0;
}

.x-form-itemselector-top {
    background-image: url(../../images/img/top2.gif);
}
.x-form-itemselector-up {
    background-image: url(../../images/img/up2.gif);
}
.x-form-itemselector-add {
    background-image: url(../../images/img/right2.gif);
}
.x-form-itemselector-remove {
    background-image: url(../../images/img/left2.gif);
}
.x-form-itemselector-down {
    background-image: url(../../images/img/down2.gif);
}
.x-form-itemselector-bottom {
    background-image: url(../../images/img/bottom2.gif);
}
/* Grid Editor css  */
.x-grid-checkheader {
    background: url('../../images/unchecked.gif') no-repeat center center;
}
.x-grid-checkheader-checked {
    background: url('../../images/checked.gif') no-repeat  center center;
}
.x-grid-row.requiredCell .x-change-cell {
    background-color: #ffe2e2; 
    color: #900;
}
.x-grid-row.default .x-change-cell {
    background-color: white;
    color: black;
}

#taskbar {
	position: absolute;
	height: 40px;
	bottom: 0;
	width: 100%;
}

.x-tab-active {
    background-color: red !important;
}