@font-face {
	font-family: 'DPMitra';
    src:url("../fonts/MitraBold.ttf") format('truetype'),
    url("../fonts/MitraBold.woff") format('woff'),
    url("../fonts/MitraBold.svg") format('svg'),
    url('../fonts/MitraBold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'BYekan';
    src:url("../fonts/BYekan.ttf") format('truetype'),
    url("../fonts/BYekan.woff") format('woff'),
    url("../fonts/BYekan.svg") format('svg'),
    url('../fonts/BYekan.eot?#iefix') format('embedded-opentype');
}

BODY {
	padding:0px;
	margin:0px;
	font-family:"DPMitra";
	font-size:10pt; 
	background:#eaf2f5;
}

#Container {margin:auto; }
#crmHeader1 {height:35px; width:100% margin-right:2px; margin-left:2px; background:url('../images/bgH1.jpg')}
#crmHeader1 .crmLogo {background:url('../images/crmLogo.jpg') no-repeat; width:211px; height:35px; float:right;}
#crmHeader1 .Logo {background:url('../images/Logo.jpg') no-repeat; width:41px; height:35px; float:left;}
#crmHeader1 .crmSearch {width:400px; margin-top:5px; margin-left:20px; float:left; direction:rtl;}
#crmHeader1 .crmSearch form {padding:0px; margin:0px;}
#crmHeader1 .txtSearch {border:1px solid #848689; font-size:9pt; color:#525252; width:200px; background: #ffffff url('../images/icnSerach.jpg') no-repeat right; padding-right:20px; text-align:right;}
#crmHeader1 select {background: #d5d5d5; font-family:tahoma; font-size:9pt; border:1px solid #888787; direction:rtl; margin-right:10px;}

#crmHeader2 {height:34px; width:100%; background:url('../images/bgLMenu.jpg');}
#crmHeader2 .menu {display:inline; height:34px; background:url('../images/bgRMenu.jpg'); float:right;}
#crmHeader2 .bgCMenu {width:45px; height:34px; float:right; text-align:right; }
#crmHeader2 .crmProfile { height:34px; float:right; text-align:right;  display:inline;}

#crmHeader2 .crmProfile div {line-height:25px; color:#ffffff; font-weight:600;}
#crmHeader2 .crmProfile div span{font-weight:normal;}

.head-top {font-family:"BYekan"; font-size:9pt; }
.head-top a{color:#000; }
/*
#crmHeader2 {height:34px; width:100%; background:url('../images/bgLMenu.jpg');}
#crmHeader2 .menu {width:60%; height:34px; background:url('../images/bgRMenu.jpg'); float:right;}
#crmHeader2 .bgCMenu {width:45px; height:34px; float:right; text-align:right; }
#crmHeader2 .crmProfile { height:34px; float:right; text-align:right;}

#crmHeader2 .crmProfile div {line-height:25px; color:#ffffff; font-weight:600;}
#crmHeader2 .crmProfile div span{font-weight:normal;}

****

#crmHeader2 {height:34px; width:100%; background:url('../images/bgLMenu.jpg');}
#crmHeader2 .menu {width:40%; height:34px; background:url('../images/bgRMenu.jpg'); float:right;}
#crmHeader2 .bgCMenu {width:45px; height:34px; float:right; text-align:right; }
#crmHeader2 .crmProfile {width:50%;height:34px; float:left; text-align:right; }
#crmHeader2 .crmProfile UL {padding:0px; margin:0px; list-style:none; line-height:30px; direction:rtl; text-align:left; }
#crmHeader2 .crmProfile UL LI {float:right; list-style:none; color:#ffffff; width:30%; font-weight:600;}
*/

#Box {font-family:tahoma; font-size:9pt;}
#Box #Titr {background:url('images/12.jpg') repeat-x center; height:22px;}
#Box .Body {height:100%;padding:5px;background-color:#FFFFFF}
#Box .BodyMenu {height:100%;padding:5px;background-color:#FFFFFF; display:block}
#Box #Footer {height:29px;background:#F1F5F6 url('images/15.gif') repeat-x bottom;}
#Box #Tree {border:1px solid #cccccc}
#Box .Tree {color:#000000; font-size:9pt; padding:5px;}
#Box .Tree a{text-decoration:none; color:#000000;}

#BoxWarning {color:red; font-aize:10pt; text-align:center; margin:10pt; font-weight:700;}

.indexMenu{font-size:9pt; background:url('images/17.gif') no-repeat right; margin-right:5px; padding-right:10px;padding-top:3px; height:22px;vertical-align:middle;cursor:pointer; }
.index{font-size:9pt; background:url('images/17.gif') no-repeat right; margin-right:5px; padding-right:10px;padding-top:3px; height:22px;vertical-align:middle }

.Border_RB {border-top:1px solid #b3bec4; border-left:1px solid #b3bec4;border-right:2px solid #b3bec4; border-bottom:1px solid #d8e3e7;}
.Border_B {border-right:1px; border-bottom-width:2px}
.Border_NB {border-top:1px solid #b3bec4; border-left:1px solid #b3bec4; border-right:1px solid #b3bec4}

.Navigation {padding:5px;}
.Box {background-color:#ffffff;}

.Box .bxHead {background:url('../images/bgTitleMenu.jpg') center; line-height:19px; border-top:1px solid #97a3ab; border-right:1px solid #97a3ab; border-left:1px solid #97a3ab; padding-right:10px; border-bottom:1px solid #dbdbdb;}

.Box .bxHead .bxTitle {display:block; padding-right:10px; background:url('../images/bollet.jpg') no-repeat right; }
.Box .bxHead .bxTitle span{margin-right:0px; }

.Box .bxBody {border-right:1px solid #B0BEC7 /*024981*/; border-left:1px solid #b0bec7; padding:2px; }
.Box .bxFooter {height:29px;background:#F1F5F6 url('../images/15.gif') repeat-x bottom; border-right:1px solid #b0bec7; border-left:1px solid #b0bec7;}

.bxBody UL {margin:10px 0px 0px 0px; padding:0px}
.bxBody LI {background:url('../images/bollet.gif') no-repeat right center; padding-right:10px;margin:5px 0px;list-style-type:none;}
.bxBody LI.line {background:none; border-bottom:1px solid #EAF2F5 ; margin-top:10px; margin-bottom:10px; padding:0px;}
.bxBody {font-size:9pt;color:#00AEEF;text-decoration:none;}
.bxBody a{font-size:9pt;color:#4f649c;text-decoration:none;}
.bxBody a:hover{font-size:9pt;color:#00AEEF;text-decoration:none}
.button {font-family:tahoma;font-size:9pt;color:#000000;background:#e9e8ed;border:1px solid #9198a2}
a.button {font-family:tahoma;font-size:9pt;color:#000000;background:#e9e8ed;border:1px solid #9198a2; padding:1px 10px; text-decoration:none; cursor:normal}
a:hover.button{color:#000000; text-decoration:none;}

.normalText {color:#000;}
input , select {font-family:tahoma; font-size:9pt;}

.softName { 
	background:url('../images/01.jpg') no-repeat right center;
	color:#FFFFFF;
	font-family:DPMitra;
	font-size:11pt;
	font-weigh:700;
	padding-right:0px;
}

/******************************************** ICONS ************************************************************************/
.icnAdd {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/add.png') no-repeat center;}
.icnEdit {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/edit_icon.png') no-repeat center;}
.icnDetail {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/detail_icon.png') no-repeat center;}
.icnDelete {width:24px; height:25px; border:0px; cursor:pointer; background:url('../images/icon/delete_icon.png') no-repeat center;}
.icnDel {width:24px; height:25px; border:0px; cursor:pointer; background:url('../images/icon/deletered.png') no-repeat center;}
.icnField {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/field_icon.png') no-repeat center;}
.icnTicket {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/ticked_icon.png') no-repeat center;}
.icnSub {width:23px; height:21px; border:0px; cursor:pointer; background:url('../images/icon/sub_icon.gif') no-repeat center;}
.icnInfo {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/info_icon.png') no-repeat center;}
.icnPersonnel {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/personnel_icon.png') no-repeat center;}
.icnAccess {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/access_icon.png') no-repeat center;}
.icnSpec {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/spec_icon.gif') no-repeat center;}
.icnReplay {width:22px; height:22px; border:0px; cursor:pointer; background:url('../images/icon/mail_replay.png') no-repeat center;}
.icnReplayNone {width:22px; height:22px; border:0px; background:url('../images/icon/mail_replay_none.png') no-repeat center; padding-top:5px;}
.icnForward {width:22px; height:22px; border:0px; cursor:pointer; background:url('../images/icon/mail_forward.png') no-repeat center;}
.icnForwardNone {width:22px; height:22px; border:0px; background:url('../images/icon/mail_forward_none.png') no-repeat center; padding-top:5px;}
.icnPrevious {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/previous.png') no-repeat center;}
.icnNext {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/next.png') no-repeat center;}
.icnView {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/icnView.png') no-repeat center;}
.icnAddPrice {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/addprice_icon.png') no-repeat center;}
.icnInvoice {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/invoice_icon.png') no-repeat center;}
.icnInvoiceEmail {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/invoice_icon.png') no-repeat center;}
.icnFactor {width:24px; height:24px; border:0px; cursor:pointer; background:url('../images/icon/factor_icon.png') no-repeat center;}
.icnSearch {width:16px; height:16px; border:0px; cursor:pointer; background:url('../images/icon/search_icon.png') no-repeat center;}
.icnSend {width:16px; height:16px; border:0px; background:url('../images/icon/send_icon.png') no-repeat center;}
.icnSendNo {width:16px; height:16px; border:0px; background:url('../images/icon/send_no_icon.png') no-repeat center;}
.icnInvoiceSend {width:16px; height:16px; border:0px; background:url('../images/icon/invoicesenditem.png') no-repeat center;}
.icnAgreement {width:24px; height:24px; border:0px; background:url('../images/icon/agreement_icon.png') no-repeat center;}


span.icnSearch, span.icnSend , span.icnSendNo {padding:16px;}

.TBList {font-family:tahoma; font-size:9pt;}
.TBList TH{color:#ffffff; background:#0e5d7e; font-weight:700; line-height:20px;}

#nReciver, #nCopy, #nHidden  {padding-top:5px;}
#nReciver span, #nCopy span , #nHidden span {background:#f2f4f4; padding:2px; font-size:9pt; border:1px solid #cccccc;}
#nReciver img, #nCopy img, #nHidden img{cursor:pointer}
.error {color:red;}
.ListName {background:#f0f0f0; /*padding:2px 5px;*/ margin:5px;}
.ListAttach {padding:2px 5px; margin:5px;}

/********************************** Calender ******************************************************/
.ctrlDate {width:500px; text-align:center; position:relative;}
.Next {position:absolute; right:0px; top:0px; width:50px; padding-top:4px;}
.Previous {position:absolute; left:0px; top:0px; width:50px; padding-top:4px;}
.boxDate {position:absolute; right:50px; top:0px; width:400px; padding-top:4px; color:#ffffff; font-weight:700; }


/********************************** TBDetail ******************************************************/
table#TBDetail {border-collapse:collapse; border:2px solid #ccd2e0; color:#000;}
table#TBDetail TH{background:#ccd2e0; color:#00000; padding:5px; text-align:left; width:20%}
table#TBDetail TD{color:#00000; padding:5px; text-align:right;}

.MouseOver{background:#de91a4;color:#ffffff}
.MouseOver td a{color:#ffffff}

.Address {padding:5px; border-bottom:1px dotted #cccccc}
.btnBack {font-family:tahoma;font-size:9pt;color:#000000;background:#e9e8ed;border:1px solid #9198a2; padding:5px;}
a.btnBack {color:#000000; text-decoration:none;}
a.btnBack:hover {color:#000000; text-decoration:none;}

/******************************* dbGrid *****************************************************************/
.dbGrid a{display:block; text-decoration:none; color:#000}
table#dbShow {border:1px solid #cccccc; border-collapse:collapse; color:#000; width:100%;}
table#dbShow th{border-bottom:1px solid #d8d8d8; background:#dde8f7; padding:5px; color:#222; width:20%; text-align:left;}
table#dbShow td{border-bottom:1px solid #d8d8d8; width:auto; text-align:right;}
table#dbShow table td{border:0px solid #d8d8d8; }

.dbGridList {
    font-size:8pt;
} 
.dbGridList th {
    background: #0e5d7e;
    color:#ffffff;
    height:20px;
    text-align:center;
} 
.dbGridList tr:nth-child(even) {
    background: #ffffff;
} 
.dbGridList tr:nth-child(odd) {
    background: #eaeff5;
} 
.dbGridList tr:first-child {
    background: #0e5d7e;
    color:#ffffff;
    border:1px solid red;
} 

.ListPage {
	background:#0e5d7e;
	color:#ffffff;
	padding:10px;
	text-align:center;
}

#PageLink span{
	color:#ffffff;
	padding:2px;
	cursor: pointer;
}

#PageLink span.noLink{
	color:red;
}
/***************************** Home Page ****************************************************************/

#ModuleBox {}
#ModuleBox h1{color:#4C4C4C; font-size:11pt; font-weight:weight;}
#ModuleBox h1 a{color:#4C4C4C; text-decoration:none;}
#ModuleBox .mbHead{background:url('../images/bgBoxMenu.gif') repeat-x; padding-right:10px; height:29px; color:#333; font-size:9pt;}
#ModuleBox .mbHead a {text-decoration:none; color:#3966BF; font-size:9pt; border-left:1px solid #aab0f2; padding-left:10px; padding-right:5px; text-align:center;}
#ModuleBox .mbHead a:hover{color:#000; text-decoration:underline;}
.ms-separator {
    color: #83B0EC;
    font-size: 10pt;
}
#HomeRight {float:right; width:69%; padding-right:10px;}
#HomeLeft {float:left; width:29%;}
#HomeBottom {clear:both}
#HomeMiddleLeft {width:40%;float:left}
#HomeMiddleRight {width:59%; float:right;}
.boxHome {margin-bottom:20px;}

/******************************************** ToolTip *******************************************************/

.newItem {background:url('../images/icon/newitem.gif') no-repeat right; margin-right:20px;}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

a{text-decoration:none}
/******************************************** ToolTip *******************************************************/
.tooltip {
	POSITION: relative; DISPLAY: inline, text-decoration:none
}
.tooltip:hover:after {
	Z-INDEX: 98; POSITION: absolute; PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; WIDTH: 220px; BOTTOM: 26px; PADDING-RIGHT: 15px; BACKGROUND: #333; COLOR: #fff; CONTENT: attr(title); PADDING-TOP: 5px; LEFT: 20%; border-radius: 5px
}
.tooltip:hover:before {
	Z-INDEX: 99; BORDER-BOTTOM: #333 0px solid; POSITION: absolute; BORDER-LEFT: transparent 6px solid; BOTTOM: 20px; BORDER-TOP: #333 6px solid; CONTENT: ""; BORDER-RIGHT: transparent 6px solid; LEFT: 50%
}

a.tooltip {text-decoration:none}
/*
.tooltip {
	BORDER-BOTTOM: #000000 1px dotted; POSITION: relative; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; 
	COLOR: #000000; CURSOR: help; TEXT-DECORATION: none
}
.tooltip SPAN {
	POSITION: absolute; MARGIN-LEFT: -999em
}
.tooltip:hover SPAN {
	Z-INDEX: 99; POSITION: absolute; WIDTH: 250px; FONT-FAMILY: Calibri, Tahoma, Geneva, sans-serif; MARGIN-LEFT: 0px; TOP: 2em; LEFT: 1em; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1)
}
.classic {
	PADDING-BOTTOM: 0.8em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 0.8em
}
* HTML A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}

.classic {
	BORDER: #ffad33 1px solid; BACKGROUND: #ffffaa;
}

a.tooltip:hover SPAN {
	display:block;
}
*/

/******************************************** noRead *******************************************************/
.noRead {font-weight: 700;font-family: "BYekan";text-shadow: 1px 1px 3px #222;}

/******************************************** Archive & Folder *******************************************************/
#ArchiveBox {
	position:absolute; 
	top:20px; 
	right:-10px;
	width:250px; 
	background:#f8f9fd; 
	border:1px solid #b3becb;
	display:none;
}
#nArchive {display:block;}
.BoxFolder {
	overflow-y:scroll;
	width:230px;
	height:130px;
	padding:10px;
}
.BoxFolder a{line-height:20px; color:#000; border:0px !important;}
.BoxFolder a:hover{text-decoration:none;}
#NewFolder {line-height:30px;padding-right:20px; cursor:pointer; border-bottom:1px solid #b3becb}
#AddFolder { border-bottom:1px solid #b3becb; background:#e0e5eb;}


/******************************************** SMS & Email *******************************************************/
.LabelTo {
	line-height:25px;
}
.LabelTo span{
	color:#800000;
}
#SMSAddList, #PersonnelList
{
	/*height:310px;*/
	overflow-y:scroll;
	border:1px solid #ccc;
	margin-top:10px;
}

.BoxSMS label{
	line-height:25px;
	padding:5px 0;
/*	font-weight:700;*/
}

.BoxSMS label.Ti, .BoxEmail label.Ti{
	display:block;
}

.BoxSMS input[type=text], .BoxEmail input[type=text]{
	width:500px;	
	line-height:20px;
}
.BoxSMS input[type=button], .BoxEmail input[type=button]{
	line-height:20px;
	margin:10px 0;
}
.BoxSMS textarea, .BoxEmail textarea{
	width:500px;
	height:100px;	
	line-height:20px;
	display:block;
}
#SH_SMSList, #SH_EmailList {
	curser:pointer;
}

.action-box {
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
}
.action-box .btn-add-item-select{
}
#frmSnedSMS span ,#frmSnedEmail span {
	color:#800000;
	display:none;
}

/******************** ProductList **********************/
#ProductList .pCount {width:50px;}
#ProductList .pPrice {width:100px; border:0; text-align:center; background:none;}
#ProductList .pDiscount {width:50px;}
#ProductList .pName {width:250px;}
#ProductList .pTotalPrice {width:120px; border:0; text-align:center; background:none;}
.btnAdd { width:100px; height:25px;padding:5px; background:#0E5D7E; color:#ffffff; font-weight:700; cursor:pointer;}
#ProductList.dbGridList {border:1px solid #ccc;}


/******************** GridDetailProduct **********************/
table#GridDetailProduct 
{
	border-collapse:collapse;
	border-color:#333333;
}
table#GridDetailProduct th
{
	background:#0E5D7E;
	text-align:center;
	color:#ffffff;
	width:auto;
}
table#GridDetailProduct td
{
	text-align:center;
}
table#GridDetailProduct tr:nth-child(even) {
    background: #ffffff;
} 
table#GridDetailProduct tr:nth-child(odd) {
    background: #eaeff5;
}
table#GridDetailProduct .border {
    border-top:1px solid #000;
}
table#GridDetailProduct .texttotal {
	 text-align:left; font-weight:700; background:#fff;
}
table#GridDetailProduct .total {
	 text-align:center; font-weight:700; background:#fff;
}

    /* Dark overlay */
    #overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    /* Loader style (simple spinner) */
    .loader {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }