@media screen and (min-width: 980px)  {

	/**** menu ****/
	.menu a {
	    color:#221BFF;
	    transition:color linear 0.15s;
	    font-family: NotoSansDisplay,  Arial, Helvetica, sans-serif;
	}
	 
	.sideMenu a {
	    color:#221BFF;
	    transition:color linear 0.15s;
	    font-family: NotoSansDisplay,  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, .menu .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-left: 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: left;
	}
	#footerPart2{
		width: 50%;
		float: left;
	}
	
	/** news and graph**/
	#newGraphCont{
		width: 100%;
	}
	#graphCont{
		width: 38%;
		float: left;
	}
	#newsCont{
		width: 60%;
		float: left;
	}
	
	#loginBoxContainterDiv{
		width: 35%;
		float: left;
	}
	
	#instructionContainterDiv{
		width: 60%;
		float: left;
	}
	/** customer registration data**/
	#registrationDataContainer{
		width: 100%;
	}
	#registrationDataPart1{
		width: 45%;
		float: left;
	}
	#registrationDataSepH{
		float: left;
		width: 66px ;
		align: center;
	}
	#registrationDataPart2{
		width: 45%;
		float: left;
	}
	
	#channelsContainer{
		width: 100%;
	}
	#channelsLabelDiv{
		width: 50%;
		float: left;
		border: none;
		background-image: none;
		font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: transparent;
	}
	#channelsListDiv{
		width: 50%;
		float: left;
	}
	
	TH.elsagTextField{
		height: 24px;
	}
	
	.elsagSelectField {
		font-family: NotoSansDisplay,  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:170px;
	}
	
	/*----- Language -----*/
	.lang-form {
	    float:right;
	    display:inline-block;
	    margin-top: 14px;
	    font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	}
	
	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: NotoSansArabic,Tahoma,Arial, Century Gothic;
	}

	.customLangStyle:hover {
		font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	}
	
}


@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%;
	}
	/** 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%;
	}
	.loginBoxContainterStyle{
		padding-left: 0px;
		padding-right: 0px;
	}
	.loginBoxHeaderTitle{
		font-size: 20px;
		height: 20px;
	}
	/*.arcLogoBackGroundMainStyle*/
	.arcLogoBackGroundMainStyle{
		background: inherit;
	}
	
	.footerCopyRightTextingStyle{
		font-family: NotoSansDisplay, Verdana, Arial, Helvetica, sans-serif;
		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;
    }
    .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;
    }
    .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: left;
	}
	#registrationDataSepH{
		display: none; 
	}
	#registrationDataPart2{
		width: 100%;
		float: left;
	}

	.elsagSelectField {
		font-family: NotoSansDisplay,  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-left: 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: left;
		border: none;
	    background-image: none;
	    font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    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: 140px;
	}
	.elsagBtnNextWithLogoStyle{
		margin-left: 0px;
		margin-right: 0px;
	}
	    
	#channelsLabelDiv{
		width: 100%;
		float: left;
		border: none;
	    background-image: none;
	    font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color: #949699;
	    background-color: transparent;
	    -webkit-opacity: 1;
	    font-weight: normal;		
	}
	#channelsListDiv{
		width: 100%;
		float: left;
	}
	
	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: left !important;
}
.alignToRight {
	text-align: right !important;
}

/* ----------  from rcmStyle.css  ---------- */
.footerTextingStyle a, .footerTextingStyle a:hover, .footerTextingStyle a:visited {
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #221BFF;
	text-align:center;
	font-weight:normal;
}

.menuTxtSelectedStyle a, .menuTxtSelectedStyle a:hover, .menuTxtSelectedStyle a:visited {
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	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: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	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, NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#221BFF;
	text-align:right;
	vertical-align:middle;
}

.leftMenuTxtTopCellStyle a, .leftMenuTxtTopCellStyle a:hover, .leftMenuTxtTopCellStyle a:visited {
	text-align:left;
	vertical-align:middle;	
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold; 
	color:#221BFF;
}

.leftMenuTxtMidCellStyle a, .leftMenuTxtMidCellStylea a:hover, .leftMenuTxtMidCellStylea a:visited {
	text-align:left;
	vertical-align:middle;	
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#221BFF;
}

.leftMenuTxtButtomCellStyle a, .leftMenuTxtButtomCellStylea a:hover, .leftMenuTxtButtomCellStylea a:visited {
	text-align:left;
	vertical-align:middle;	
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#221BFF;
}

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

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

SPAN.elsagTextField {
	border: none;
	background-image: none;
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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:178px;**/
    text-align: right;
    vertical-align: middle;
    background-color:transparent;
    -webkit-opacity: 1;
}

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

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

SPAN.elsagRadioBoxStyle{
	font-family: NotoSansDisplay,  Verdana, 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: left;
	height: 34px;
	vertical-align: middle;
}

SPAN.elsagSelectFieldXMid {
	border: none;
	background-image: none;
	font-family: NotoSansDisplay,  Verdana, 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: NotoSansDisplay,  Verdana, 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: left;
}

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: NotoSansDisplay,  Verdana, 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: right;
	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: NotoSansDisplay,  Verdana, 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: left;
	height: 22px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

SPAN.elsagTextFieldLarg {
	border: none;
	background-image: none;
	font-family: NotoSansDisplay,  Verdana, 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: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #221BFF;
	width: 125px;
	font-weight: normal;
}

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: left;
}

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: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #221BFF;
	padding-left: 5px;
	font-weight: normal;
}

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: NotoSansDisplay,  Verdana, 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: NotoSansDisplay,  Verdana, 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: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	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: NotoSansDisplay,  Verdana, Arial, Helvetica, 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: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263C51;
	/*font-weight: bold;*/
}

TABLE.landingPageMessage {
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	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: left;
}

.latestNewsTxtStyle a, .latestNewsTxtStyle a:hover {
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#446b8c;
}

.latestNewsDateStyle{
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	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/tadawulaty/bg.gif");
	background-repeat:no-repeat;
	position:relative;
}
#tadawul_reg_e-counter{
	float:right;
	clear:both;
	margin-top:-15px;
	z-index: 1;
	position:relative;
	left:15px;
}
#tadawul_reg_content{
	padding-top: 10px;
	padding-left:5px;
	top:-15px;
	position:relative;
}
#tadawul_reg_buttons{
	margin-top:-15px;
}

#tadawul_news_popup_wrapper{
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	bottom:-20px;
	padding-top:0px;
	padding-left:10px;
	background: url(../images/tadawulaty/roundedcornr_tl.gif) no-repeat top left;
}
.roundedcornr_box {
	background: url(../images/tadawulaty/roundedcornr_tl.gif) no-repeat top left;
}
.roundedcornr_top {
	background: url(../images/tadawulaty/roundedcornr_tr.gif) no-repeat top right;
	padding-right:10px;
}
.roundedcornr_bottom {
	background: url(../images/tadawulaty/roundedcornr_bl.gif) no-repeat bottom left;
	padding-right:10px;
	margin-left:-10px;
}
.roundedcornr_bottom div {
	background: url(../images/tadawulaty/roundedcornr_br.gif) no-repeat bottom right;
    padding-right:20px;
}
.roundedcornr_content {
	background: url(../images/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-right: -10px;
	margin-left: -10px;
	background-color: white;
}

.tadawul_news_popup_title{
	color: #15729A;
	font-size: 18px;
	font-weight: bold;
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:25px;
	margin:0px;
}

.tadawulaty_news_ul {
	padding-left:50px;
	list-style: disc url(../images/tadawulaty/bullet.jpg);
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11pt;
}

#tadawul_news_popup_closer{
	float:left;
	clear:both;
	position:absolute;
	margin-left: 862px;
}
.tadawulaty_login_btn{
	padding-bottom:10px;
}
.tadawulaty_popup_header_img {
	margin-left: 10px;
}

/**************** Added for the mobile togled menu *****************/
/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}
 
/*----- Menu -----*/
@media screen and (min-width: 980px)  {
    .menu {
	/*-- width:100%; 
        padding:10px 18px; 
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;--*/
		background: white;
		border-top: 2px solid #f2f2f3; 
		border-bottom: 2px solid #f2f2f3;
    }
    
    .sideMenu {
		background: white;
		/*border-top: 2px solid #f2f2f3; 
		border-bottom: 2px solid #f2f2f3;*/
    }
    
}
 
.menu ul {
    display:inline-block;
}
 
.sideMenu ul {
    display:inline-block;
}
 
.menu li {
    margin:0px 0px 0px 0px;
	padding: 8px 10px 8px 10px;
    float:left;
    list-style:none;
    font-size:13px;
	font-family: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border-right: 2px solid #f2f2f3;
	/**height: 38px;**/
}

.sideMenu li {
    margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
    float:none;
    list-style:none;
    font-size:13px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 2px solid #f2f2f3;
	/**height: 38px;**/
}

.sideMenu li:last-child {
    margin-right:0px;
	border-bottom: none;
	
}
 	 
/*----- Responsive -----*/
/**@media screen and (max-width: 1150px) {
    .wrap {
        width:90%;
    }
}***/
 
@media screen and (max-width: 1050px) {
    .lang-form input {
        width:120px;
    }
}
 
@media screen and (max-width: 979px) {
    .menu {
        position:relative;
        /** display:inline-block; **/
    }
    .sideMenu {
        position:relative;
        margin-top: -98px;
        /** display:inline-block; **/
    }
	.menu a {
	    color:#FFFFFF;
	    transition:color linear 0.15s;
	}
	.sideMenu a {
	    color:#FFFFFF;
	    transition:color linear 0.15s;
	}
	.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;
		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;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		border-radius: 0px;
		background-color: #221BFF;
		margin-top: 0px;
		margin-left: 39px;
    }
  
    .menu li {
    	padding: 10px 10px 10px 10px;
        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: 5px 5px 5px 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;
    }
    .menu a {
        display:block;
		text-decoration: none;
    }
    .sideMenu a {
        display:block;
		text-decoration: none;
    }
    .toggle-nav {
        padding:10px;
        float:left;
        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;
    }
 	.menu a lang-form {
	    color:#221BFF;
	}
	
	/*----- Language -----*/
	.lang-form {
		margin:12px 20px 0px 0px;
	    float:right;
	    display:inline-block;
	    font-family: NotoSansArabic, Tahoma,Arial, Century Gothic;
	}
 
    .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, .menu .current-item a {
		text-decoration: none;
		color: #FFFFFF;
		background: #e3e3e3;
	}
	#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: NotoSansDisplay,  Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#8a7467;
	background-repeat: no-repeat;
	padding: 18px;
}
div.onlineAccountOpeningSteps {
	float: right;
}
div.onlineAccountOpeningSteps ul {
	right: 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: left;
	list-style: none;
	text-align: center;
}
.onlineAccountOpeningSteps ul li.active {
  opacity: 1;
}
.letsbegin {
	background-position: 81px 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 */

/* Begin 18.11.2019 - IVR Login & Registration */
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid; border-radius: 8px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #1F3997; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 50%; height: 100%;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 50%;
    border: 1px solid; border-radius: 8px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* End 18.11.2019 - IVR Login & Registration */
/******************** *********************/
.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;
}

/**
 * Calendar classes
 */

TD.CALENDRIER {
/*	background-color: #C2C2C2; */
	background-color: #C0C9D5;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}

A.CALENDRIER {
	text-decoration: none;
	color: #000000;
}

.CALENDARBORDER {
/*	background-color: #336699; //#000000;*/
	background-color: #638CC5;
}

.CALENDARTITLE {
/*	background-color: #336699; //#C9252C; */
	background-color: #638CC5;
}

.CALENDARWEEK {
/*	background-color: #FFFFFF;*/
	background-color: #F4F6FA;
}

.CALENDARWEEKEND {
/*	background-color: #FFF4E5;*/
	background-color: #f8d1c7;
	/*#EAA693;*/
}

.CALENDARSELECTED {
/*	background-color: #FF8F01;*/
	background-color: #E7623A;
}

/* Stile per tutte le celle con la classe COLLECTION */
th.COLLECTION,
td.COLLECTION {
  border: 1px solid #ddd;
  padding: 10px;
}

/* Stile specifico per l'intestazione della tabella */
th.COLLECTION {
  background-color: #3525A6;
  color: white;
  text-align: center;
  font-size: 12px;
}

/* Allineamento centrale per le celle dati (puoi sovrascrivere inline se necessario) */
td.COLLECTION {
  text-align: center;
  font-size: 10px;
}