@media screen and (min-width: 980px) {
	/**** menu ****/
	.menu a {
	    color:#221BFF;
	    transition:color linear 0.15s;
	    font-family: NotoSansArabic, Arial, Helvetica, sans-serif;
	}
	.sideMenu a {
	    color:#221BFF;
	    transition:color linear 0.15s;
	    font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	}
	.current-item {
	    text-decoration: none;
	    color: #FFFFFF;
	    background: #e3e3e3;
	}
	.menu a:hover, .menu .current-item a {
		text-decoration: none;
		color: #221BFF;
		/*background: #e3e3e3;*/
	}
	 
	.sideMenu a:hover, .sideMenu .current-item a {
		text-decoration: none;
		color: #221BFF;
		background: #e3e3e3;
	}
	
	.menu li:hover, .menu .current-item a {
		text-decoration: none;
		color: #221BFF;
		background: #e3e3e3;
	}
	
	.sideMenu li:hover, .sideMenu .current-item a {
		text-decoration: none;
		color: #221BFF;
		background: #e3e3e3;
	}
	
	.sideMenu ul.active {
        padding-right: 0px;
        margin-top: 0px;
    }
	
	/* desktop and tablet */
	#container {
		margin-left: 3px; 
		margin-right: 3px;
	}
	.wrapper{
		max-width: 955px;
		margin:0 auto;
	}
	#header{
		margin-bottom: 10px;
	}	
	#footerContainer {
		border-top: 2px solid #e1e2e3; 
		padding-bottom: 35px;
	}
	#mobileFooterContainer {
		display: none; 
	}
	#allFooterCont{
		width: 100%;
	}
	#footerPart1{
		width: 50%;
		float: right;
	}
	#footerPart2{
		width: 50%;
		float: right;
	}
	
	/** news and graph**/
	#newGraphCont{
		width: 100%;
	}
	#graphCont{
		width: 38%;
		float: right;
	}
	#newsCont{
		width: 60%;
		float: right;
	}
	
	#loginBoxContainterDiv{
		width: 35%;
		float: right;
	}
	
	#instructionContainterDiv{
		width: 60%;
		float: right;
	}

	/** customer registration data**/
	#registrationDataContainer{
		width: 100%;
	}
	#registrationDataPart1{
		width: 45%;
		float: right;
	}
	#registrationDataSepH{
		float: right;
		width: 66px ;
		align: center;
	}
	#registrationDataPart2{
		width: 45%;
		float: right;
	}
	
	#channelsContainer{
		width: 100%;
	}
	#channelsLabelDiv{
		width: 50%;
		float: right;
		border: none;
		background-image: none;
		font-family: NotoSansArabic, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: transparent;
	}
	#channelsListDiv{
		width: 50%;
		float: right;
	}
	
	.elsagSelectField {
		font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
		font-size: 11px;
		border: 0px solid #9dabca;
		padding-right: 1px;
		padding-left: 1px;
		padding-bottom:1px;
		padding-top:1px;
		color: #221BFF;
		background-color: #f2f2f3;
		background-repeat:repeat-x;
		height:20px;
		width:170px;
	}
	
	/*----- Language -----*/
	.lang-form {
	    float:left;
	    display:inline-block;
	    margin-top: 24px;
	}
	
	TD.elsagTextField{
		width: 178px;
	}
	TD.elsagTextFieldDisabled{
		width: 178px;
	}
	
	.leonardoBtnNewStyle:hover {
		background-color: #e3e3e3;
		color: #221BFF;
	}
	
	.leonardoBtnNewStyleNoLogo:hover {
		background-color: #e3e3e3;
		color: #221BFF;
	}
	
	.elsagLoginBtnStyle:hover {
		background-color: #e3e3e3;
		color: #221BFF;
	}
	
	.customLangStyle {
		font-family: NotoSansDisplay, PageSans-Regular, Arial, Helvetica, sans-serif;
	}

	.customLangStyle:hover {
		font-family: NotoSansDisplay, PageSans-DemiBold, Arial, Helvetica, sans-serif;
	}


}


@media screen and (max-width: 979px) {
    /* phones */
	#container {
		margin-left: 3px; 
		margin-right: 3px;
	}
	
	.wrapper{
		max-width: 955px;
		margin:0 auto;
	}
	#header{
		margin-bottom: 1px;
		border-bottom: 2px solid #e1e2e3;
	}
	#footerContainer {
		padding-bottom: 35px;
	}
	#mobileFooterContainer {
		border-bottom: 2px solid #e1e2e3; 
		padding-bottom: 35px;
	}
	#allFooterCont{
		width: 100%;
	}
	#footerPart1{
		width: 100%;
		margin-bottom: 1px;
		border-bottom: 2px solid #e1e2e3; 
		padding-bottom: 10px;
	}
	#footerPart2{
		width: 100%;
		padding-top: 10px;		 
	}
	/** LOGIN BOX STYLE**/
	.loginBoxInnerStyle{
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 1px;
		padding-right: 1px;
	}
	.loginBigBodyStyle{
		width: 100%;
		height: 100%;
	}
	.loginBoxContainterStyle{
		padding-left: 0px;
		padding-right: 0px;
	}
	.loginBoxHeaderTitle{
		font-size: 20px;
		height: 20px;
	}
	/** news and graph**/
	#newGraphCont{
		width: 100%;
	}
	#graphCont{
		width: 100%;
		text-align:center; 
	}
	#newsCont{
		width: 100%;
		padding-top: 10px;
		text-align:center; 
	}
	
	#loginBoxContainterDiv{
		width: 100%;
	}
	
	#instructionContainterDiv{
		width: 100%;
	}
	
	/*.arcLogoBackGroundMainStyle*/
	.arcLogoBackGroundMainStyle{
		background: inherit;
	}
	
	.footerCopyRightTextingStyle{
		font-family:  NotoSansArabic,  Tahoma, Arial, Century Gothic;
		font-size: 11px;
		color: #838383;
		text-align: center;
		font-weight: normal;
	}
	.instructionContainterStyle{
		padding-left: 1px;
		padding-right: 1px;
		width: 100%;
	}
	img {
        max-width: 100%;
        object-fit: contain;
    }
    
    .pageHeaderTxtStyle{
    	font-weight:normal;
    	height: 40px;
    	font-family:  NotoSansArabic,  Tahoma, Arial, Century Gothic;
    }
    .pageHeaderStepsTxtStyle{
    	font-weight:normal;
    }
    .subscriptionRenewalAccountingContainerStyle{
		padding-top: 1px;
		padding-right: 1px;
		padding-left: 1px;
    }
    .whiteBoxHeaderTitleStyle{
    	font-weight: normal;
    	padding-bottom: 10px;
		padding-left: 1px;
		padding-right: 1px;
		font-family:  NotoSansArabic,  Tahoma, Arial, Century Gothic;
    }
    .whiteBoxHeaderTitleStyle#whiteBoxHeaderTitleTD{
    	padding-top: 10px;
    }
    .confirmationWarningStyle#confirmationWarningTD{
    	padding-top: 10px;
    }
    .whiteBoxHeaderTitleStyle br {
		display: inline;
    }
	img#laptop {
		display: none; 
	}
	img#iphone {
		display: none; 
	}
	
	SPAN.elsagTextField{
		color: #221BFF;
	}
	
	.whiteContainterChangePasswordStyle{
		padding-top: 1px;
		padding-right: 1px;
		padding-left: 1px;
	}
	
	TD#keyTD {
	    display: none;
	}

	.whiteContainterStyle{
		padding-top: 1px;
		padding-right: 1px;
		padding-left: 1px;
	}

	.confirmationLabelLabelStyle{
		white-space:normal;
		padding-left: 1px;
		padding-right: 1px;
		font-weight: normal;
	}
	
	.openPortFoilioLogoBGStyle{
		white-space: normal;
	}
	
	.subscriptionRenewalAccountingContainerStyle{
		white-space:normal;
		padding-top: 1px;
		padding-right: 1px;
		padding-left: 1px;
	}
	
	/** customer registration data**/
	#registrationDataContainer{
		width: 100%;
	}
	#registrationDataPart1{
		width: 100%;
		float: right;
	}
	#registrationDataSepH{
		display: none; 
	}
	#registrationDataPart2{
		width: 100%;
		float: right;
	}
	
	.elsagSelectField {
		font-family: NotoSansArabic,  Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		border: 0px solid #9dabca;
		padding-right: 1px;
		padding-left: 1px;
		padding-bottom:1px;
		padding-top:1px;
		color: #221BFF;
		background-color: #f2f2f3;
		background-repeat:repeat-x;
		height:20px;
		width:140px;
	}
	
	.whiteBoxSubscriptionRenewalStyle{
		padding-top: 1px;
		padding-right: 1px;
		padding-left: 1px;
	}
	
	TD.elsagTextField{
		width: 158px;
	}
	TD.elsagTextFieldDisabled{
		width: 158px;
	}

	/* inner menu after login, padding for the icon */
	.menuTxtSelectedStyle{
		padding-right: 10px;
	}
	
	#clientProductsDiv {
		padding-top: 15px;
	}
	
	.leonardoBtnNewStyle:active {
			background-color: #e3e3e3;
			color: #FFFFFF;
	}
	
	.leonardoBtnNewStyleNoLogo:active {
			background-color: #e3e3e3;
			color: #FFFFFF;
	}
	
	.elsagLoginBtnStyle:active {
			background-color: #e3e3e3;
			color: #FFFFFF;
	}
		
		
	#channelsLabelDiv{
		width: 100%;
		float: right;
	    border: none;
	    background-image: none;
	    font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	    font-size: 13px;
	    color: #949699;
	    background-color: transparent;
	    -webkit-opacity: 1;
	    font-weight: normal;
	}
	
}

@media screen and (max-width: 400px) {
    /* small phones */
    .elsagTextField{
    	width: 120px;
    }
    .elsagTextFieldDisabled{
    	width: 120px;
    }
    .elsagSelectField{
        width: 100px;
    }
	.elsagSelectFieldXMid{
		width: 150px;
	}
	.elsagBtnNextWithLogoStyle{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#channelsLabelDiv{
		width: 100%;
		float: right;
	    border: none;
	    background-image: none;
	    font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	    font-size: 13px;
	    color: #949699;
	    background-color: transparent;
	    -webkit-opacity: 1;
	    font-weight: normal;
	}
	#channelsListDiv{
		width: 100%;
		float: right;
	}
    
	TD.elsagTextField{
		width: 158px;
	}
	TD.elsagTextFieldDisabled{
		width: 158px;
	}
	
	.leonardoBtnNewStyle:active {
			background-color: #e3e3e3;
			color: #FFFFFF;
	}
	
	.leonardoBtnNewStyleNoLogo:active {
			background-color: #e3e3e3;
			color: #FFFFFF;
	}
	
	.elsagLoginBtnStyle:active {
			background-color: #e3e3e3;
			color: #FFFFFF;
	}
	
}

html {
	overflow-y: scroll;
}
table {
	*border-collapse: collapse;
}

TD {
	empty-cells: show;
}

#FRAMEWAITING {
	background-color: white;
	opacity: 0.55;
	filter: Alpha(style=0,opacity=55);
	position: absolute;
	left: 0px;
	top: 0px;
	min-height: 100%;
	opacity: 0.55;
	width: 100%;
	height: 100%;
	width: expression( ( ignoreMe = document.documentElement.clientWidth? document.documentElement.clientWidth : document.body.clientWidth) + 'px' );
	height: expression( ( ignoreMe = document.documentElement.clientHeight? document.documentElement.clientHeight : document.body.clientHeight) + 'px' );
}
#DIVWAITING {
	z-index: 100;
	align: center;
	position:absolute;
	font-family:Verdana;
	font-size:12px;
	font-color:#FFFFFF;
	left: 45%;
	top: 50%;
	display: inline;
}

.slpdivClass {
	width: expression( ( ignoreMe = document.documentElement.clientWidth? document.documentElement.clientWidth : document.body.clientWidth) + 'px' );
	height: expression( ( ignoreMe = document.documentElement.clientHeight? document.documentElement.clientHeight : document.body.clientHeight) + 'px' );
}

.alignToLeft {
	text-align: right !important;
}
.alignToRight {
	text-align: left !important;
}

/* ----------  from rcmStyle.css  ---------- */
.footerTextingStyle a, .footerTextingStyle a:hover, .footerTextingStyle a:visited {
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:11px;
	color: #221BFF;
	text-align:center;
	font-weight:normal;
}

.menuTxtSelectedStyle a, .menuTxtSelectedStyle a:hover, .menuTxtSelectedStyle a:visited {
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:13px;
	font-weight:bold;
	color:#221BFF;
	text-align:center;
	vertical-align:middle;
	text-transform: uppercase;
}

.menuTxtNonSelectedStyle a, .menuTxtNonSelectedStyle a:hover, .menuTxtNonSelectedStyle a:visited{
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:13px;
	font-weight:bold;
	color:#221BFF;
	text-align:center;
	vertical-align:middle;
	text-transform: uppercase;
}

.menuLangTxtNonSelectedStyle a, .menuLangTxtNonSelectedStyle a:hover, .menuLangTxtNonSelectedStyle a:visited{
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:13px;
	font-weight:bold;
	color:#221BFF;
	text-align:left;
	vertical-align:middle;
}

.leftMenuTxtTopCellStyle a, .leftMenuTxtTopCellStyle a:hover, .leftMenuTxtTopCellStyle a:visited {
	text-align:right;
	vertical-align:middle;
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:12.5px;
	font-weight: bold; 
	color:#221BFF;
}

.leftMenuTxtMidCellStyle a, .leftMenuTxtMidCellStylea a:hover, .leftMenuTxtMidCellStylea a:visited {
	text-align:right;
	vertical-align:middle;	
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:12.5px;
	/*font-weight: bold;*/
	color:#221BFF;
}

.leftMenuTxtButtomCellStyle a, .leftMenuTxtButtomCellStylea a:hover, .leftMenuTxtButtomCellStylea a:visited {
	text-align:right;
	vertical-align:middle;	
	font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	font-size:12.5px;
	font-weight: bold;
	color:#221BFF;
}

TD.elsagTextField {
    border: none;
    padding: 0px;
    background-image:none;
    height:20px;
    width:190px;
    text-align: right;
    vertical-align: middle;
    background-color:transparent;
}

TH.elsagTextField {
	border: none;
	background-image: none;
	text-align: right;
	height: 34px;
	vertical-align: middle;
	background-color:transparent;
}

SPAN.elsagTextField {
	border: none;
	background-image: none;
	font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #221BFF;
	background-color:transparent;
	font-weight: normal;
}
SELECT.elsagTextField {
	width: 170px;
}

TD.elsagTextFieldDisabled{
    border: none;
    padding: 0px;
    background-image:none;
    background-color: transparent;
    height:20px;
    width:190px;
    text-align: right;
    vertical-align: middle;
    background-color:transparent;
    -webkit-opacity: 1;
}

TH.elsagTextFieldDisabled {
	border: none;
	background-image: none;
	text-align: right;
	height: 34px;
	vertical-align: middle;
	background-color: transparent;
	background-color:transparent;
	-webkit-opacity: 1;
}

SPAN.elsagTextFieldDisabled {
	border: none;
	background-image: none;
	font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #949699;
	background-color: transparent;
	-webkit-opacity: 1;
	font-weight: normal;
}
SELECT.elsagTextFieldDisabled {
	width: 170px;
}

SPAN.elsagRadioBoxStyle{
	font-family: NotoSansArabic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height:25px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

TD.elsagSelectFieldXMid {
    border: none;
    padding: 0px;
    background-image:none;
    height:22px;
    width:190px;
    text-align: center;
    vertical-align: middle;
}

TH.elsagSelectFieldXMid {
	border: none;
	background-image: none;
	text-align: right;
	height: 34px;
	vertical-align: middle;
}

SPAN.elsagSelectFieldXMid {
	border: none;
	background-image: none;
	font-family: NotoSansArabic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

TH.customerRegistrationLabelOverViewFieldsTxtStyle {
	text-align: left;
	vertical-align: middle;
}
TD.customerRegistrationLabelOverViewFieldsTxtStyle, TD SPAN.customerRegistrationLabelOverViewFieldsTxtStyle {
	font-family: NotoSansArabic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666FB5;
	height: 20px;
	padding-left: 10px;
	background-color: white;
	white-space: nowrap;
	vertical-align: middle;
}

TH SPAN.customerRegistrationLabelOverViewFieldsTxtStyle {
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: middle;
}

TH.tableHeaderinnerTableTopLeftStyle, TH.tableHeaderinnerTableTopMidStyle, TH.tableHeaderinnerTableTopRightStyle {
	vertical-align: middle;
	font-weight: normal;
}
TD.tableBodyinnerTableBodyStyle {
	text-align: right;
}

TABLE.tableBodyinnerTableBodyStyle {
	background-color: transparent;
	text-align: left;
	border: none;
	padding: 0px;
}

TH.tableBodyinnerTableBodyRightCellStyle{
	vertical-align: middle;
	font-weight: normal;
}

SPAN.changePasswordElsagPwdField{
	border: none;
	background-image: none;
	font-family: NotoSansArabic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*color: black;*/
}

TD.changePasswordElsagPwdField{
    border: none;
    padding: 0px;
    background-image:none;
    background-color: transparent;
    text-align: left;
    vertical-align: middle;
    width:145px;
}

TH.changePasswordElsagPwdField {
	border: none;
	background-image: none;
	text-align: left;
	width: 135px;
	height: 25px;
	vertical-align: middle;
	background-color: transparent;
}

TH.changePasswordClarificationTxtStyle {
	text-align: left;
}

.openPortfButton {
	cursor: pointer;
}

SPAN.personalDataElsagTextField{
	border: none;
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

TD.personalDataElsagTextField{
    border: none;
    padding: 0px;
    background-image:none;
    background-color: transparent;
    text-align: left;
    vertical-align: middle;
    width: 203px;
}

TH.personalDataElsagTextField {
	border: none;
	background-image: none;
	text-align: left;
	width: 114px;
	height: 25px;
	vertical-align: middle;
	background-color: transparent;
}

TH.personalDataInformationStyle {
	font-weight: normal;
}

SELECT.personalDataElsagTextField {
	width: 194px;
	height: 19px;
}

TD.elsagTextFieldLarg {
    border: none;
    padding: 0px;
    background-image:none;
    height:15px;
    width:196px;
    text-align: right;
    vertical-align: middle;
}

TH.elsagTextFieldLarg {
	border: none;
	background-image: none;
	text-align: right;
	height: 22px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

SPAN.elsagTextFieldLarg {
	border: none;
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #221BFF;
	font-weight: normal;
}

TD.elsagTextFieldXLarg, TD.elsagSelectFieldXLarg {
    border: none;
    padding: 0px;
    background-image:none;
    height:15px;
    width:307px;
    vertical-align: middle;
}

TH.elsagTextFieldXLarg, TH.elsagSelectFieldXLarg {
	border: none;
	background-image: none;
	text-align: left;
	height: 22px;
	width: 125px;
	vertical-align: middle;
	padding-left: 5px;
}

SPAN.elsagTextFieldXLarg, SPAN.elsagSelectFieldXLarg {
	border: none;
	background-image: none;
	font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #221BFF;
	width: 125px;
}

SELECT.elsagSelectFieldXLarg {
	width: 298px;
}

TABLE#tblSummry INPUT[type="image"]{
	border: none;
	padding: 0px;
	background-image: none;
	height: auto;
	width: auto;
}

TABLE#tblSummry SELECT{
	width:294px;
}

TH.labelLabelSummaryStyleNoBGRed {
	text-align: right;
}

#applicationsAndFormContainer {
	padding: 10px;
	overflow: auto;
	background-color: #ffffff;
	scrollbar-base-color: #b9b9b9;
	scrollbar-arrow-color: #fefefe;
	scrollbar-shadow-color: #898989;
	scrollbar-darkshadow-color: #b9b9b9;
	scrollbar-highlight-color: #cecece;
	scrollbar-3dlight-color: #8a8a8a;
	scrollbar-track-color: #e2e2e2;
	scrollbar-face-color: #bfbfbf;
}

.elsagBtnOpenWithIconStyle {
	cursor: auto;
}

.instructionTxtStyle li {
	list-style-image: url("../images/politePoint.png");
}

.textBulletinApplicationStyle {
	text-align: right;
}

TD.loginBoxLabel {
	padding-left: 5px;
	padding-right: 5px;
}

TD.elsagSelectFieldMsgCenter, TD.elsagTextFieldMsgCenter {
    border: none;
    padding: 0px;
    background-image:none;
    background-color: transparent;
    vertical-align: middle;
	width: 451px;
	padding-left: 5px;
}

TH.elsagSelectFieldMsgCenter, TH.elsagTextFieldMsgCenter {
	border: none;
	background-image: none;
	background-color: transparent;
	text-align: left;
	width: 84px;
	vertical-align: middle;
}

SPAN.elsagSelectFieldMsgCenter, SPAN.elsagTextFieldMsgCenter {
	border: none;
	background-image: none;
	background-color: transparent;
	font-family: NotoSansArabic,  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: black;
	padding-left: 5px;
}

TD.msgCeneterDateTxtStyle, TH.msgCeneterDateTxtStyle {
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

DIV.msgCenterElsageIframeTermsStyle {
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #ced4ea;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	scrollbar-base-color: #b9b9b9;
	scrollbar-arrow-color: #fefefe;
	scrollbar-shadow-color: #898989;
	scrollbar-darkshadow-color: #b9b9b9;
	scrollbar-highlight-color: #cecece;
	scrollbar-3dlight-color: #8a8a8a;
	scrollbar-track-color: #e2e2e2;
	scrollbar-face-color: #bfbfbf;

}

DIV.secondMarketRequstListStyle {
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #f4f7fc;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	scrollbar-base-color: #b9b9b9;
	scrollbar-arrow-color: #fefefe;
	scrollbar-shadow-color: #898989;
	scrollbar-darkshadow-color: #b9b9b9;
	scrollbar-highlight-color: #cecece;
	scrollbar-3dlight-color: #8a8a8a;
	scrollbar-track-color: #e2e2e2;
	scrollbar-face-color: #bfbfbf;
	border-top: 0px solid #dcdcdc;
	border-right: 0px solid #dcdcdc;
	border-bottom: 0px solid #dcdcdc;
 	border-left: 0px solid #dcdcdc;
	height: 235px;
	width: 765px;
}

TH.emailTable, TH.emailTable_Sel {
	background-color:#ced4ea;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	height:36px;
	border-bottom:1px solid #f4f7fc;
	vertical-align: middle;
}

TD.emailTable, TD.emailTable_Sel, TD.emailTable_Del {
	border-right: 1px solid #f4f7fc;
	border-bottom:1px solid #f4f7fc;
	border-left:1px solid #f4f7fc;
	border-top:1px solid #f4f7fc;
	background-color:#dce0f0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	height:20px;
}
TD.emailTable_Sel {
	color:#676767;
}
TD.emailTable_Del {
	color:#ff0000;
}

.msgCenterTapNonSelectedTxtStyle a, .msgCenterTapNonSelectedTxtStyle a:hover, .msgCenterTapNonSelectedTxtStyle a:visited {
	font-family:Century Gothic;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#676767;
	padding-top:6px;
}

.elsagTextareaDisabledStyle {
	width: 743px;
	height: 150px;
	border: 1px solid #c0c0c0;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	color: grey;
	background-position: bottom right;
	background-repeat: no-repeat;
	scrollbar-base-color: #b9b9b9;
	scrollbar-arrow-color: #fefefe;
	scrollbar-shadow-color: #898989;
	scrollbar-darkshadow-color: #b9b9b9;
	scrollbar-highlight-color: #cecece;
	scrollbar-3dlight-color: #8a8a8a;
	scrollbar-track-color: #e2e2e2;
	scrollbar-face-color: #bfbfbf;
	-webkit-opacity: 1;
}

.elsageDivKYCStyle {
	border-top: 1px solid #9d9c9c;
	border-right: 1px solid #9d9c9c;
	border-bottom: 1px solid #9d9c9c;
 	border-left: 1px solid #9d9c9c;
	height: 700px;
	width: 100%;
	overflow: auto;
}

.msgCenterViewMessageDetailsStyle, .msgCenterViewMessageDetailsTxtStyle{
	min-height:100px;
	vertical-align: top;
}
.msgCenterViewMessageDetailsTxtStyle {
	padding-top:2px;
}

.arcLogoStyle {
	font-family: NotoSansArabic, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263C51;
	/*font-weight: bold;*/
}

TABLE.landingPageMessage {
	font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	--background-image: url("../images/LB_arclogo.jpg");
	background-repeat: no-repeat;
	padding: 18px;
}

TD.landingPageMessage {
	--background-color: white
}

DIV.landingPageMessage {
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
}

.latestNewsTxtStyle a, .latestNewsTxtStyle a:hover {
	font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
	font-size:11px;
	font-weight:normal;
	color:#446b8c;
}

.latestNewsDateStyle{
	font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
	font-size:11px;
	font-weight:bold;
	color:#221BFF;
	padding-top: 8px;
}

#tadawul_reg_wrapper{
	width: 300px;
	height: 250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-image: url("../images_ar/tadawulaty/bg.gif");
	background-repeat:no-repeat;
	position:relative;
}
#tadawul_reg_e-counter{
	float:left;
	clear:both;
	margin-top:-15px;
	z-index: 1;
	position:relative;
	left:-15px;
}
#tadawul_reg_content{
	padding-top: 10px;
	padding-right:5px;
	top:-15px;
	position:relative;
}
#tadawul_reg_buttons{
	margin-top:-15px;
}

#tadawul_news_popup_wrapper{
	width: 920px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	bottom:-20px;
	padding-top:0px;
	padding-left:1px;
	background: url(../images_ar/tadawulaty/roundedcornr_tl.png) no-repeat top left;
	margin-right:10px;
}
.roundedcornr_box {
	background: url(../images_ar/tadawulaty/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(../images_ar/tadawulaty/roundedcornr_tr.png) no-repeat top right;
	padding-right:10px;
}
.roundedcornr_bottom {
	background: url(../images_ar/tadawulaty/roundedcornr_bl.png) no-repeat bottom left;
	/*padding-right:10px;*/
	margin-left:-10px;
}
.roundedcornr_bottom div {
	background: url(../images_ar/tadawulaty/roundedcornr_br.png) no-repeat bottom right;
    padding-right:20px;
}
.roundedcornr_content {
	background: url(../images_ar/tadawulaty/roundedcornr_r.png) top right repeat-y;
	padding-right:10px;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
}
.roundedcornr_content{
	padding: 0 0px;
	margin-left: 0px;
	background-color: white;
	padding-right: 10px;
}

.tadawul_news_popup_title{
	color: #15729A;
	font-size: 18px;
	font-weight: bold;
	font-family: tahoma;
	padding-top:20px;
	padding-right:25px;
	margin:0px;
}

.tadawulaty_news_ul {
	padding-right:50px;
	list-style: disc url(../images_ar/tadawulaty/bullet.jpg);
	font-family: tahoma;
	font-weight: normal;
	font-size: 11pt;
}

#tadawul_news_popup_closer{
	float:right;
	clear:both;
	position:absolute;
	margin-right: 872px;
}
.tadawulaty_login_btn{
	padding-bottom:10px;
}

/**************** Added for the mobile togled menu *****************/
/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}
 
/*----- Menu -----*/
@media screen and (min-width: 980px) {
    .menu {
		background: white;
		border-top: 2px solid #f2f2f3; 
    }
    .sideMenu {
		background: white;
    }
}
 
.menu ul {
    display:inline-block;
}
 
.sideMenu ul {
    display:inline-block;
}
 
.menu li {
    margin:0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
    float:right;
    list-style:none;
    font-size:15px;
	font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
	text-align: center;
	vertical-align: middle;
	border-left: 2px solid #f2f2f3;
}
 
.sideMenu li {
    margin:0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
    float:none;
    list-style:none;
    font-size:13px;
	font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
	text-align: right;
	vertical-align: middle;
	border-bottom: 2px solid #f2f2f3;
	/*height: 38px;*/
}
 
.menu li:last-child {
    margin-left:0px;
	border-left: none;
	
}
  
.sideMenu li:last-child {
    margin-left:0px;
	border-bottom: none;
	
}

/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
    .wrap {
        width:90%;
    }
}
 
 /**
@media screen and (max-width: 970px) {
    .lang-form input {
        width:120px;
    }
}
 **/
 
@media screen and (max-width: 979px) {
    .menu {
        position:relative;
        /** display:inline-block; **/
    }
 
    .sideMenu {
        position:relative;
        margin-top: -98px;
    }
    
	.menu a {
	    color:#FFFFFF;
	    transition:color linear 0.15s;
        display:block;
		text-decoration: none;
		font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
		text-align: right;
    }
    
	.sideMenu a {
	    color:#FFFFFF;
	    transition:color linear 0.15s;
        display:block;
		text-decoration: none;
		font-family: NotoSansArabic,  Tahoma, Arial, Century Gothic;
		text-align: right;
    }
    
    
	.current-item {
	    text-decoration: none;
	    color: #FFFFFF;
	    background: #e3e3e3;
	}

	.menu a:hover, .menu .current-item a {
		text-decoration: none;
		color: #FFFFFF;
		background: #e3e3e3;
	}
	
	.sideMenu a:hover, .sideMenu .current-item a {
		text-decoration: none;
		color: #FFFFFF;
		background: #e3e3e3;
	}
	 
	.menu li:hover, .menu .current-item a {
		text-decoration: none;
		color: #FFFFFF;
		background: #e3e3e3;
	}
 
	.sideMenu li:hover, .sideMenu .current-item a {
		text-decoration: none;
		color: #FFFFFF;
		background: #e3e3e3;
	}
	
    .menu ul.active {
        display:none;
    }
 	
    .sideMenu ul.active {
        display:none;
    }
    
    .menu ul {
		width: 200px;
		position: absolute;
		top: 63%;
		left: 0px;
		right: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		border-radius: 0px;
		background-color: #221BFF;
		margin-top: 49px;
    }
  
    .sideMenu ul {
		width: 274px;
		position: absolute;
		top: 63%;
		left: 0px;
		right: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		border-radius: 0px;
		background-color: #221BFF;
		margin-top: 0px;
		margin-right: 39px;
    }
    
    .menu li {
        margin:0px 0px 0px 0px;
        float:none;
        display:block;
		border-right: 0px;
		text-align: left;
		text-decoration: none;
		border:0 solid #FFF;
		border-bottom-width:1px;
		color:#FFF;
		text-shadow:none;
		border:0 solid #FFF;
		border-bottom-width:1px;
		cursor:pointer;
    }
    
    .sideMenu li {
    	padding: 0px 5px 0px 5px;
        margin:0px 0px 0px 0px;
        float:none;
        display:block;
		border-right: 0px;
		text-align: left;
		text-decoration: none;
		border:0 solid #FFF;
		border-bottom-width:1px;
		color:#FFF;
		text-shadow:none;
		border:0 solid #FFF;
		border-bottom-width:1px;
		cursor:pointer;
    }
    
  
    .toggle-nav {
        padding:10px;
        float:right;
        display:inline-block;
        background:#e7e3e0;
        text-shadow:0px 1px 0px rgba(0,0,0,0.5);
        color:#777;
        font-size:20px;
        transition:color linear 0.15s;
    }
 
    .toggle-nav:hover, .toggle-nav.active {
        text-decoration:none;
        color:#221BFF;
    }
 
	/*----- Language -----*/
	.lang-form {
		margin:12px 0px 0px 20px;
	    float:left;
	    display:inline-block;
	    font-family: NotoSansDisplay, PageSans-Regular, Verdana, Arial, Helvetica, sans-serif;
	}
	
 	.menu a lang-form {
	    color:#221BFF;
	}

    .lang-form input {
        box-shadow:-1px 1px 2px rgba(0,0,0,0.1);
    }
    
    #langLink{
    	color:#221BFF;
    }
    #langLink:hover{
    	color:#FFFFFF;
    	background: #221BFF;
    }
	#langLink a:hover {
		text-decoration: none;
		color: #FFFFFF;
		background: #221BFF;
	}
}

/* --> cosmin - 14.08.2018 - Online Account Opening */
.onlineAccountOpeningContainer {
	padding: 5px;
}
.arbLogoStyle {
	background-color: #221BFF;
    padding: 10px;
}
.onlineAccountOpeningInstructions {
	font-family: NotoSansArabic,  Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#8a7467;
	background-repeat: no-repeat;
	padding: 18px;
}
div.onlineAccountOpeningSteps {
	float: left;
}
div.onlineAccountOpeningSteps ul {
	left: 0;
	border:0;
	margin:0;
	padding:0;
	list-style: none;
}
.onlineAccountOpeningSteps ul li {
	font-weight: normal;
	height: 25px;
	width: 25px;
	margin: 0px 3px 3px 0px;
	padding: 2px 7px 2px 7px;
	background-color: #e3e3e3;
	border: none; 
	border-radius: 50%;
	display: inline-block;
	opacity: 0.3;
	float: right;
	list-style: none;
	text-align: center;
}
.onlineAccountOpeningSteps ul li.active {
  opacity: 1;
}
.letsbegin {
	background-position: 5px center;
	min-width: 105px;
}
.onlineAccOpeningAuthInfo {
	list-style-image: url("../StrutsLayout/ast.gif");
}
.submitredbtn {
	/* background-color: #ffd5d5; */
}
.onlineAccOpeningTC {
	border-top: 1px solid #9d9c9c;
	border-right: 1px solid #9d9c9c;
	border-bottom: 1px solid #9d9c9c;
 	border-left: 1px solid #9d9c9c;
	height: 700px;
	width: 100%;
	overflow: auto;
}
.width190 {
	width: 190px;
}
.width20 {
	width: 20px;
}
input[type=checkbox].elsagTextField, input[type=checkbox].elsagTextFieldDisabled {
	background-color: transparent;
}
.onlineAccountOpeningContainer .whiteBoxHeaderTitleStyle{
	font-size: 15px;
}
.linkColor {
	color: #221BFF;
}
/* <-- cosmin - 14.08.2018 - Online Account Opening */

/******************** *********************/

.nafathCircle {
  background: #e3e3e3;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  font-size: 33px;
  color: rgb(27, 66, 154);
}

.alignCenter {
  margin-left: auto;
  margin-right: auto;
}