/* CSS Document */

@charset "utf-8";
	
	.skelton{
	width: 100%;
	height: 100%;
	overflow: scroll;
	}
body {
direction:rtl;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
	
	.header_Bgx {
		background-image: url(../images/Ar/header_Bgx.gif);
		background-repeat: repeat-x;
		height: 65px;
		width: 100%;
		text-align: center;
		direction:ltr;
	}
	.header_Main {
	direction:ltr;
	background-image: url(../images/Ar/header_Main.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 100%;
	background-position: right;
	text-align: left;
	}
	
	
	.header_UserN_L_TTB {
		padding-right: 20px;
		padding-left: 20px;
		vertical-align: top;
		height: 16px;
		padding-top: 20px;
	}
	.header_UserN_L_TTB td {
	   vertical-align: top;
	
	}
	
	
	.header_UserN_L_T {
		height: 18px;
		width: 475px;
		font-size: 14px;
		color: #FF6600;
		background-color: #EDF2FA;
		font-family: Arial, Helvetica, sans-serif;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		font-weight: bold;
		text-align: center;
	}
	.header_commoneLinkTB{
	color: #FFFFFF;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	}
	.header_commoneLink{
	
	}
	
	.body_MainTB{
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;
	}
	
	.body_formTitle{
		border-bottom: 2px inset #CDD8FE;
    background-repeat: repeat-x;
		height: 30px;
		width: 100%;
		padding-top: 5px;
		padding-right: 22px;
		padding-left: 22px;
		font-size: 16px;
		color: #FF6600;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		background-image: url('../images/Ar/body_TitleBGx.jpg');
		margin-left: 1px;
}
	
	.grid_TitleBG {
	background-image: url(../images/En/grid_Title.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-align:left;
	height: 25px;
	width: 100%;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #3C5F84;
	font-weight: bold;
	}
	
	.grid_TitleBG_B {
		background-image: url(../images/En/grid_Title_B.jpg);
		background-repeat: no-repeat;
		background-position: left;
		text-align:left;
		height: 25px;
		width: 100%;
		padding-top: 2px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 14px;
		color: #FFFFFF;
		font-weight: bold;
	}

.gridMaster {
		border-collapse:collapse;
		border: 1px solid #E3E8EA;
		background-color: #f7f7f7;
		direction:ltr;
	}
	.gridMaster th {
	border-collapse:collapse;
	background-image: url(../images/Ar/grid_sTitleBGx.gif);
	background-repeat: repeat-x;
	height: 28px;
	color: #3E5557;
	font-size: 11px;
	background-position: bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3E8EA;
	border-right-color: #E3E8EA;
	border-bottom-color: #FFFFFF;
	border-left-color: #E3E8EA;
	font-family: Tahoma;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	}
	.gridMaster td {
	border-collapse:collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #E3E8EA;
	border-right-color: #E3E8EA;
	border-bottom-color: #FFFFFF;
	border-left-color: #E3E8EA;
	height: 17px;
	font-size: 12px;
	padding-right: 1px;
	padding-left: 1px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}
	
	
	.gridMaster input#check{
		color: #FF0000;
		height: 15px;
		
	}
	
	.SelectedRowStyle{
	background-color: #FF6600;
	border: 2px solid #FF0000;
	}
	
	
	.trhover {
		width: 100%;
		text-decoration: none;
		height: 100%;
		background-color: #FFDA90;
		cursor: hand;
	}
	.add_ItemTB {
	border-collapse:collapse;
	width: 100%;
	/*border-right-width: 1px;*/
	border-bottom-width: 1px;
	/*border-left-width: 1px;
	border-right-style: solid;*/
	border-bottom-style: solid;
	/*border-left-style: solid;
	border-right-color: #c8d1e4;*/
	border-bottom-color: #c8d1e4;
	/*border-left-color: #c8d1e4;*/
	color: #003366;
	font-size: 14px;
	font-weight:normal;
	font-family: Arial;
	background-color: #EFF0F1;
	border-top-style: none;
	/*padding-top: 5px;*/
	padding-right: 0px;
	/*padding-bottom: 2px;*/
	padding-left: 5px;
	direction:ltr;
	}
	.add_ItemTB1 {
	border-collapse:collapse;
	width: 95%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c8d1e4;
	border-bottom-color: #c8d1e4;
	border-left-color: #c8d1e4;
	color: #003366;
	font-size: 14px;
	font-weight:normal;
	font-family:Arial;
	background-color: #EFF0F1;
	border-top-style: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	direction:ltr;
	}
	
	.add_ItemTB1 td {
	border-bottom: 2px none #FFFFFF;
    border-collapse:collapse;
	    border-right-width: 1px;
	    border-left-width: 1px;
	    border-right-color: #E3E8EA;
	    border-left-color: #E3E8EA;
	    height: 20px;
	    border-top-style: none;
	    white-space: nowrap;
    margin-left: 40px;
}
	
	.add_ItemTB td {
	border-bottom: 2px none #FFFFFF;
    border-collapse:collapse;
	    border-right-width: 1px;
	    border-left-width: 1px;
	    border-right-color: #E3E8EA;
	    border-left-color: #E3E8EA;
	    height: 20px;
	    border-top-style: none;
	    white-space: nowrap;
	    text-align:left;
    margin-left: 240px;
}
	
	
	.LOVTB{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
		.LOVTB td{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
	
	.ClaTB{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	padding: 0px;
	}
		.ClaTB td{
	margin: 0px;	
	}
	.add_ItemTB2 {
	border-style: solid;
	border-color: c8d1e4;
	border-width: 1px;
	border-collapse:collapse;
		width: 100%;
		color: #003366;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
	}
	.add_ItemTB3 {
	border-style: solid;
	border-color: c8d1e4;
	border-width: 1px;
	border-collapse:collapse;
		width: 100%;
		color: #003366;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
	}
	.add_ItemTB4 {
	border-collapse:collapse;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-top-color: c8d1e4;
	border-right-color: c8d1e4;
	border-bottom-color: c8d1e4;
	border-left-color: c8d1e4;
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
	/*By Ibrahim Al-Ashqar 10-10-11*/
	.add_ItemTB5 {
	border-collapse:collapse;
	width: 95%;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-top-color: c8d1e4;
	border-right-color: c8d1e4;
	border-bottom-color: c8d1e4;
	border-left-color: c8d1e4;
	color: #003366;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
	
	
	.add_ItemTB input{
}
	
	
	
	
	fieldset#addItem {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #c8d1e4;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #c8d1e4;
	border-left-color: #c8d1e4;
	width: 95%;
	margin: 0px;
	border-bottom-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	direction:ltr;
	}
		
	legend#addItem {
	margin:0;
	font-size:14px;
	color:#FF6600;
	font-family: "Times New Roman", Times, serif;
	top: 5px;
	bottom: 5px;
	direction:ltr;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	
	/*By Ibrahim Al-Ashqar 10/10/11*/
	fieldset#fieldDetails {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #c8d1e4;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #c8d1e4;
	border-left-color: #c8d1e4;
	width: 100%;
	margin: 0px;
	border-bottom-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	direction:ltr;
	}
	legend#legandDetails {
	margin:0;
	font-size:14px;
	color:#3C5F84;
	font-family: "Times New Roman", Times, serif;
	top: 5px;
	bottom: 5px;
	direction:ltr;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	}
    /*******************************************/


fieldset#addItem1 {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #c8d1e4;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #c8d1e4;
	border-left-color: #c8d1e4;
	width: 100%;
	margin: 0px;
	border-bottom-style: none;
	padding-top: 0;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 0;
	direction:ltr;
	}
	legend#addItem1 {
	margin:0;
	font-size:14px;
	color:#FF6600;
	font-family: "Times New Roman", Times, serif;
	top: 5px;
	bottom: 5px;
	direction:ltr;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}





/*-------------------------------------------------------------------------------------------------*/
      /*--- size 100% -------------------------------------*/
.fieldError{
	font-size: 12px;
	color: #003366;
	font-family: Tahoma;		
	color: Red;
	font-weight: bold;
	}
	
	.fieldNormal{
	font-size: 12px;
	color: #003366;
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	}
	
	.fieldNormalLength{
	font-size: 12px;
	color: #003366;
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	width : 100%;
	}
	
	/*By Ibrahim Al-Ashqar 10-10-11*/
	.fieldNormalCenter{
	font-size: 12px;
	color: #003366;
	width: 100%;
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	text-align: center;
	}
	
	.fieldNormalOld{
	font-size: 12px;
	color: Red;
	background-color:#c8d1e4;
	width: 100%;
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	}
	
	.fieldNormalOld1{
	font-size: 12px;
	color: #003366;
	width: 100%;
	background-color :#006699;
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	}
	
		/*--- size 100%  height 3 lines  -------------*/
	.fieldMultiLine{
	width: 100%;
	border: 1px solid #006699;
	font-size: 12px;
	color: #003366;
	overflow: auto;
	height: 40px;
	scrollbar-face-color:#BCCCEC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#BCCCEC;
	scrollbar-darkshadow-color:#447093;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#000040;
	scrollbar-track-color:#BCCCEC;
	font-family: Tahoma;
	}
	
	.fieldMultiLine1{
	width: 90%;
	border: 1px solid #006699;
	font-size: 12px;
	color: #003366;
	overflow: auto;
	height: 100px;
	scrollbar-face-color:#BCCCEC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#BCCCEC;
	scrollbar-darkshadow-color:#447093;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#000040;
	scrollbar-track-color:#BCCCEC;
	font-family: Tahoma;
	}
	
	/*---   calender field -------------------------*/
.fieldWithBtn{
	width: 100%;
	font-size: 12px;
	color: #003366;
	font-size: 12px;
	color: #003366;
	font-family: Tahoma;
	height: 19px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	direction :rtl;
	}
	
	
	.tdNormal{
}
	.tdLong{
	width:60%;
	
	}
	.tdLOV{
	width:60%;
	
	}
/*-------------------------------------------------------------------------------------------------*/
.summaryTB{
	border-collapse:collapse;
	width: 100%;
	color: #003366;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #c8d1e4;
	background-color: #F8F8F8;
}
.summaryTB_th{
	font-size: 13px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	vertical-align: top;
	background-color: #EFF0F1;
	border-collapse:collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #E3E8EA;
	border-right-color: #E3E8EA;
	border-bottom-color: #FFFFFF;
	border-left-color: #E3E8EA;
	padding-right: 5px;
		text-align: left;
}
.summaryTB td{
	
	vertical-align: top;
	
	border-collapse:collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #E3E8EA;
	border-right-color: #E3E8EA;
	border-bottom-color: #FFFFFF;
	border-left-color: #E3E8EA;

}


@supports not (-ms-high-contrast: none)
{
    .menuTable tbody tr td table tbody tr td
    {
        display: flex;
    }
    .header_UserN_L_TTB
    {
        direction: ltr;
    }    
    .header_Main {
	    direction: rtl;
    }
    .header_commoneLinkTB
    {
        direction: ltr;
    }
    .menuL1
    {
        padding-bottom: 0  !important;
        padding-top: 0 !important;
    }
    .header_UserN_L_T
    {
        display: inherit;
        width: 100%;
    }
    td.tdNormal {
        padding: 5px;
    }
    legend#addItem
    {
        margin-left: 5px;
    }
    
    .tabTb table tbody tr td.on, .tabTb table tbody tr td.off
    {
        display: flex;
    }
    .tabTb table tbody tr td a 
    {
        width: 100%;
    }
    
    .add_ItemTB
    {
        border-right: 1px solid #c8d1e4;
        border-left: 1px solid #c8d1e4;
        border-bottom: 1px solid #c8d1e4;
        width: 95.25%;
    }
}