/* ------------------------------ CUSTOM LOGIN STYLE --------------------------------- */
/*@font-face {
    font-family: frutigerltarabic;
    src: url(fonts/frutigerltarabic-65bold.ttf);
}*/

@font-face {
    font-family: frutigerltarabic;
    src: url(fonts/AraHamahHoms.ttf);
}

@font-face {
    font-family: scopeiconfont;
    src: url(fonts/Scope-icon-font.ttf);
}

.fontarabic{
	    font-family: frutigerltarabic;
}

*{
		font-family: frutigerltarabic;
}

body{
	font-family: frutigerltarabic;
}

.gwt-Label{
	font-size: 15px;
	min-width: 100px;
}


.center {
	margin: 0 auto;
}

#login-form, .header,
.footer 
 {
	min-width: 700px;
}

.header {
}

#mainBody {
	font-family: frutigerltarabic;
}

.rock-grey ,
#company-name,
#login-text
{
	color: #9F9F9F;
}

.rock-blue {
	color: #006F9D;
}

#login-logo {
	height: 120px;
	border-right: 1px solid lightgrey;
}

#login-icon {
	font-size: 125px !important;
	color: #006F9D;
	padding: 0px 20px;
}

#perfect-logo {
	color: #006F9D;
	font-size: 50px !important;
	text-shadow: 2px 2px 1px #ffffff;
}

#header-spearator {
	border-bottom: 1px solid grey;
}

#company-name {
	float: left;
}

/* Social Icosn style */
#login-footer {
	float: right;
	margin: 0 auto;
	text-align: right;
}

.social-icon {
	font-size: 25px;
	padding: 2px 1px;
}

#youtube {
	color: #E02926;
}

#facebook {
	color: #3B579D;
}

#website {
	color: #DC890E;
}

#login-text {
	font-size: 16px;
}

.login-form-table {
	padding-top: 10px;
	padding-bottom: 40px;
	border-radius: 3px;
}

.login-error {
    color: red;
    font-size: 18px;
    text-align: center;
}

.textFields{
    font-size: 22px !important;
    /*color:#336699;*/
    text-align: center !important;
    direction: ltr !important;
    border: none;
	border-radius: 4px;
	height: 45px;
	background: #efefef;
	width: 100%;
}

.enter {
	width: 100%;
    background: #006F9D;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    vertical-align:middle;
    padding: 2px 0px;
    height: 30px;
    cursor: pointer;
}
.enter:HOVER{
	background:#00AEF9;
}
.enter:FOCUS{
	background: #00AEF9;
}

/* Footer Styles */


.footer {
	color: #fff;
	font-size: 20px;
	text-align: center;
	background: #405e79;
	height: 100%;
	width: 100%;
}

.footertext{
	font-size: 18px;
	/*margin-top:-25px;*/
}

.backgroundlogin{
	/*background-image: url("images/logo_login.jpg");*/
	/*background-image: url("images/financial_services.jpg");*/
	background-image: url("images/financial-services.jpg");
	
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.middelStyle{
    vertical-align: top;
    text-align: center;
    /*background: #f9f9fa;*/
    background: #fff;
}

.labellogininsidecontent{
	background: #405e79;
	height:30px;
	width:100%;
}

.loginPanel{
	margin:auto;	
}

.button-login{
	background-color: #01719e; 
	color: white;
	border-radius:3px;
	border:1px solid #01719e;
    padding: 4px 8px;
    font-size: 18px;
    cursor: pointer;
    margin:1px;
    /*width: 50%;*/
    width: 100%;
    height:40px;
}



.ASDMainGridHeader {
	   background: #f9f9fb none repeat scroll 0 0;
    font-weight: bold;
    height: 40px;
}
.ASDMainGridHeader td .gwt-Label {
	color: #016d98;
	font-size: 15px !important;
	padding: 2px 1px;
	text-align: center;
	font-weight: normal;
}

.ASDGridDataRow td{
	font-size: 11px!important;
	padding:2px;
	text-align: center;
}

.ASDGridDataRow.odd {
	
}
.ASDGridDataRow.even {
	background: #fff;
}

.ASDSelectedRow {
    background: #ddd !important;
    color: blue !important;
}

.ASDSelectedRow-over{
	background:#EDEDED !important;
}

.ASDGridDataRow td{
	/* border-bottom: solid  #C8CBCC;
	border-top: solid  #C8CBCC;
	border-left: solid  white;
	border-right: solid  white;
	border-width: .1px; */
	
	border-top: 1px solid #8eacd4;
  /*  border-left: 1px solid #e1ebf7;*/
    overflow: hidden;
    padding: 2px 4px;
    white-space: nowrap;
}

.ASDGridScrollPanel .ASDToolBar .ASDButtonStyle  {
	width: 30px!important;
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.ASDButtonStyle{
	background-color: #01719e; 
	color: white;
	border-radius:3px;
	border:1px solid #01719e;
    padding: 4px 8px; 
    font-size: 12px;
    cursor: pointer;
    margin:1px;
    height: 35px;
    }
    
    .ASDButtonStyle:hover {background: #015b7f;border:1px solid #015b7f}
    
     .ASDButtonDisabled{
    background-color: gray; 
	color: white;
	border-radius:3px;
	border:1px solid gray;
  /*  padding: 4px 8px; */
    font-size: 13px;
    cursor: pointer;
    margin:1px;
    height: 28px;
    cursor: not-allowed;
    height: 35px;
    }

.ASDButtonDisabled:hover {background: gray;border:1px solid gray;cursor: not-allowed;}
    
    .quickAddButtonStyle {
    background-color: #01719e; 
	color: white;
	border-radius:3px;
	border:1px solid #01719e;
    padding: 4px 8px;
    font-size: 13px;
    cursor: pointer;
    margin:1px;
    }
    
    
.mainGridOerationButtonStyle{
	background: transparent;
	border:0px solid gray;
}


.mainGridBtnReverseVoucher{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}
/*
.mainGridBtnReverseVoucher:before{
	content: "o";
}
*/
.mainGridBtnRefresh{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
    background: transparent;
    border: 0px solid #fff;
    font-weight: normal;
}
/*
.mainGridBtnRefresh:before{
	content: "i";
}
*/
.mainGridBtnSearch{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;
	background: transparent;
	border: 0px solid #fff;	
	font-weight: normal;
}
/*
.mainGridBtnSearch:before{
	content: "a";
}
*/
.mainGridBtnPost{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;
	background: transparent;
	border: 0px solid #fff;	
	font-weight: normal;
}
/*
.mainGridBtnPost:before{
	content: "";
}
*/
.mainGridBtnViewAsJournal{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}
/*
.mainGridBtnViewAsJournal:before{
	content: "0";
}
*/
.mainGridBtnPrintRecord{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;
	background: transparent;
	border: 0px solid #fff;	
	font-weight: normal;
}
/*
.mainGridBtnPrintRecord:before{
	content: "u";
}
*/
.mainGridBtnMoreDetails{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;
	background: transparent;
	border: 0px solid #fff;	
	font-weight: normal;
}
/*
.mainGridBtnMoreDetails:before{
	content: "";
}
*/
.mainGridBtnExcel{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}
/*
.mainGridBtnExcel:before{
	content: "8";
}
*/
.mainGridBtnView{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}
/*
.mainGridBtnView:before{
	content: "s";
}
*/
.mainGridBtnDelete{
	color: #c94a4a;
	font-size: 18px;
	padding-right:50px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}
/*
.mainGridBtnDelete:before{
	content: "5";
}
*/
.mainGridBtnNew{
	background-color: #01719e; 
	color: white;
	border-radius:3px;
	border:1px solid #01719e;
    padding: 4px 8px; 
    font-size: 12px;
    cursor: pointer;
    margin:1px;
   /* width: 120px;*/
    height: 30px;
    margin-bottom: -10px;
    font-family: frutigerltarabic;
    font-weight: normal;
}

.mainGridBtnPrintList{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}
/*
.mainGridBtnPrintList:before{
	content: "y ";
}
*/
.mainGridBtnEdit{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}


.asdBtnAddVct{
	font-family: scopeiconfont !important;
	background: transparent;
	border: 0px solid #fff;	
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnAddVct:before{
	content: "";
}

.asdBtnClsVct{
	font-family: scopeiconfont !important;
	background: transparent;
	border: 0px solid #fff;	
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnClsVct:before{
	content: "3 ";
}

.asdBtnRfrshVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnRfrshVct:before{
	content: "i ";
}

.asdBtnSaveVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnSaveVct:before{
	content: "p ";
}

.asdBtnSearchVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnSearchVct:before{
	content: "a ";
}

.asdBtnSettingVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnSettingVct:before{
	content: "";
}

.asdBtnEditVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnEditVct:before{
	content: "7 ";
}

.asdBtnNewVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnNewVct:before{
	content: "";
}

.asdBtnOkVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnOkVct:before{
	content: "2 ";
}

.asdBtnCancelVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnCancelVct:before{
	content: "3 ";
}

.asdBtnPrintVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnPrintVct:before{
	content: "u ";
}

.asdBtnPrtListVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnPrtListVct:before{
	content: "y ";
}

.asdBtnDelVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnDelVct:before{
	content: "5 ";
}

.asdBtnViewVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnViewVct:before{
	content: "s ";
}

.asdBtnUpVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnUpVct:before{
	content: "";
}

.asdBtnDownVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnDownVct:before{
	content: "";
}

.asdBtnMoveVct{
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.asdBtnMoveVct:before{
	content: "";
}



pgBtnLastPageStyle{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}

.pgBtnPreviousPageStyle{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
	-moz-transform: scaleX(-1);    /* Gecko */
    -o-transform: scaleX(-1);      /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform: scaleX(-1);         /* Standard */
    filter: FlipH; 
}

.pgBtnNextPageStyle{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
	-moz-transform: scaleX(-1);    /* Gecko */
    -o-transform: scaleX(-1);      /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform: scaleX(-1);         /* Standard */
    filter: FlipH;
}


.pgBtnFirstPageStyle{
	color: #01719e;
	font-size: 18px;
	font-family: scopeiconfont !important;	
	background: transparent;
	border: 0px solid #fff;
	font-weight: normal;
}

    
    .quickAddButtonStyle:hover {background: #015b7f;border:1px solid #015b7f}
@-moz-document url-prefix() {
	* {
	font-weight: normal !important;
	}
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-top {
	background: #01719e !important;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-right {
	background: #01719e !important;
}


.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-bottom {
	background: #01719e !important;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-left {
	background: #01719e !important;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-topRight {
	background: #01719e !important;
	border-top-right-radius: 10px;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-topLeft {
	background: #01719e !important;
	border-top-left-radius: 10px;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-bottomRight {
	background: #01719e !important;
	border-bottom-right-radius: 10px;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-bottomLeft {
	background: #01719e !important;
	border-bottom-left-radius: 10px;
}

.com-sencha-gxt-theme-base-client-info-InfoDefaultAppearance-InfoStyle-content {
	background: #01719e !important;
	font-size: 20px !important;
	color: white !important;
	text-align: right;
}

.com-sencha-gxt-theme-base-client-info-DefaultInfoConfigDefaultAppearance-DefaultInfoConfigStyle-infoTitle {
	font-size: 18px !important;
}

.com-sencha-gxt-theme-base-client-info-DefaultInfoConfigDefaultAppearance-DefaultInfoConfigStyle-infoMessage {
	font-size: 17px !important;
}


/* Add a section in the right of the screen with fixed position to hold the container  */
.notification_section { position:fixed; bottom:5px; right:15px; width:225px; z-index: 9999;}
/* The container, with relative position, will stack notification_wrapper elements   */
.notification_container { position:relative;width:100%;}
/* The notification_wrapper represents the notification, multiple notifications could be stacked vertically in the container  */
.notification_wrapper {
	width: 100%;
	background-color: #01719e;
	border-radius: 16px;
	margin: 2px 0 0;
	overflow: hidden;
	/*text-align: center;*/
	font-weight: bold;
	color: white;
	font-family: frutigerltarabic !important;
	font-weight: 100;
	text-align: right;
}
/* The containt of the notification */
.notification_content { padding:15px; font-size: 15px;}

.notification_error {
	background-color: #ff5c33 !important;
}

.notification_info {
	background-color: #206020 !important;
}


.ASDCloseTabButton {
	margin-left: 4px;
    margin-right: 4px;
    line-height: 8px;
    width: 30px;
}