body { margin: 0; direction: rtl; font: 100% Tahoma; }
html, body,.pageWrapper { height: 100%; }

:focus {outline:none;}

.pageWrapper {width: 650px; margin: 0 auto;position:relative; }
.contentWrapper { min-height:100%; box-shadow: 0 0 10px 2px #eaeaea; text-align: center; background-size: cover;}
#form1 {padding-bottom:90px;}

.footer { height: 90px; width:650px; text-align: center; background-color: white;position:fixed;bottom:0; right:50%; margin-right:-325px;  }

.content { overflow-y: auto; direction: ltr; padding-top: 10px;padding-bottom:25px; }

.header { background-color: #090c9b; height: 60px; font-size: 18px; position: relative; }

.headerIcon {display:block;height:40px; position:absolute;top:11px;right:14px;}
.headerLogo {display:block;height:40px; position:absolute;top:11px;left:14px;}

divTyping {height: 55px; padding: 0; position: relative;
			border-top: 1px solid #C0C0C0;border-left: 1px solid #C0C0C0;border-right: 1px solid #C0C0C0; }
.entrMsg { display:none;margin: 0;border:0;padding:0;padding-left:60px;padding-right:17px;width:100%; height:55px;line-height:53px;box-sizing:border-box; }
textarea.entrMsg { resize: none;min-height:55px;}

#entrMsg[placeholder], [placeholder], *[placeholder] { font-size: 20px; font-family: Tahoma; }

.srvName { color: #009FE3; font-size: 12px; font-weight: bold; }

.questRadioOptionsWrapper input[type="radio"] { display: none; }
.questRadioOptionsWrapper label { display: inline-block; background: transparent; color: #009FE3; font-size: 14px; cursor: pointer; border: 1px solid grey; text-align: center; padding: 5px; border-radius: 5px; margin-top: 5px; margin-left: 5px; }
.questRadioOptionsWrapper input[type="radio"]:checked + label {}
.questRadioOptionsWrapper label:hover { background-color: #009FE3; color: white; }

#usrTyping { position: fixed; top: 30%; left: 43%; _position: absolute; z-index: 1500; }
input[type="text"]:disabled { background-color: white; outline: none;background-color:#F9F9F9;}

.questWrapper {display:none; direction: rtl; text-align: right; margin-right: 15px; }
.questWrapper.questWrapperOpeningText{display:block;}

.questContent { background: #F6F6F6; padding: 5px 10px 10px 10px; display: inline-block; border-radius: 10px; }

.ansWrapper { display:none;direction: ltr; text-align: left; margin-left: 15px; }
.ansContent { background: #009FE3; color: white; padding: 5px 10px 10px 10px; display: inline-block; border-radius: 10px; max-width: 266px; }
.ansContent span {    display: block;direction: rtl;text-align: right;}

.credentials { text-align: center; height: 30px;border-top:1px solid #C0C0C0; }
.credentials img { height: 20px;vertical-align: sub;margin-left: 3px; }
.credentials a { display: inline-block; display: inline-block; text-decoration: none; color: #090c9b; font-family: Tahoma; font-size: 16px; font-size: 15px; line-height: 30px; }

.triangle-right { width: 0; height: 0; border-top: 0px solid transparent; border-left: 15px solid #F6F6F6; border-bottom: 15px solid transparent; position: relative; top: 15px; right: -7px; }
.triangle-left { width: 0; height: 0; border-top: 0px solid transparent; border-right: 15px solid #009FE3; border-bottom: 15px solid transparent; position: relative; top: 15px; right: 7px; }

.loader { display:none; position: relative; }
.loader img { position: absolute; top: -18px; right: 13px; }

.btnSendMessage {  position: absolute; width: 32px; height:50px;top: 2px; left: 17px; 
				   background: url(../img/inputArrowBG.png) no-repeat left center;background-size:24px 38px; cursor:pointer; }

.pageWrapper.noInput #form1 {padding-bottom:35px;}
.pageWrapper.noInput .footer {height:35px;}

@media only screen and (max-width:650px) {
	.pageWrapper,.footer {width:100%;}
	.footer {right:0;margin:0;}
}

@media only screen and (max-width:600px) {
	html, body,.pageWrapper { height: 100%; }
	.contentWrapper {min-height:100%;border:0;box-shadow:none;}
	.contentWrapper { background-position: right; }

}