@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Lato|PT+Mono|Open+Sans);


			
#VCMasquerade {
				position: fixed; width: 100%; height: 100%; left: 0px; top: 0px;
				z-index: 99999;
				color: #202020;
				
			}
			
			.VCMContentContainer {
				position: relative; width: 100%; height: 100%; left: 0px; top: 0px;
				background-image: url('images/Dark_BG.png'); background-repeat: repeat-x;
			}
			
			#VCMAgent {
				position: absolute; width: 100%; height: 100px; left: 0px; top: 0px;
				background-image: url('images/Dark_Agent_BG.png'); background-repeat: repeat-x;
			}
			
			#VCMChat {
				position: absolute; width: 100%; height: auto; left: 0px; top: 100px; bottom: 100px;
				overflow: auto;
				
			}
			
			#VCMSurfer {
				position: absolute; width: 100%; height: 100px; left: 0px; bottom: 0px;
				
			}
			
			.VCMBubble {
				border-radius: 5px; background-color: #4d7a18;
				padding: 0.5em;
				margin: 2px 0.5em;
				max-width: 75%;
			}
			
			.VCMAgentMessageContainer {
				text-align: left;
			}
			.VCMAgentMessage {
				display: inline-block;
				color: #202020;
			}
			
			.VCMSurferMessageContainer {
				text-align: right;
				
			}
			
			.VCMSurferMessage {
				display: inline-block;
				color: #FFFFFF;
			}
			.VCMTimestamp {
				height: 1em;
				opacity: 0;
				-webkit-transition: all 0.3s; transition: all 0.3s;
				font-size: 0.8em;
				padding: 0.1em 0.75em;
			}
			
			#VCMSurferInputMessageContainer {
				float: left; min-width: 75%; width: 75%; max-width: 75%;
				text-align: right;
			}
			
			#VCMSurferInputMessage {
				margin: 15px 1px;
				height: 70px; width: 90%;
				border-top-left-radius: 5px; border-bottom-left-radius: 5px;
				border: solid 1px #202020;
			}
			#VCMSurferInputExecutionerContainer {
				float: right; min-width: 25%; width: 25%; max-width: 25%;
				text-align: left;
				
			}
			#VCMSurferInputExecutioner {
				margin: 15px 1px;
				height: 76px; width: 90%;
				background-color: #4d7a18;
				color: #202020;
				font-weight: bold;
				font-size: 1.1em;
				border: none;
				border-top-right-radius: 5px; border-bottom-right-radius: 5px;
				line-height: 76px;
				text-align: center;
				cursor: pointer;
			}
			#VCMSurferInputExecutioner:hover {
				background-color: #4d7a18;
			}
			
			#VCMAgentContainer {
				position: relative;
			}
			
			#VCMAgentPicture {
				position: absolute; width: 100px; height: 100px; left: 10px; top: 10px;
				background-image: url('https://chat.addc.ae/hermes_net_v5/PlateformPublication//WebSitesLiveChat/Commun/TheWave/BTN_FB_DARK_BIG/AGENT_IMG.png'); background-repeat: no-repeat;
				
			}
			
			#VCMAgentPicture.VCMNeutral {
			    background-image: url('https://chat.addc.ae/hermes_net_v5/PlateformPublication//WebSitesLiveChat/Commun/TheWave/BTN_FB_DARK_BIG/AGENT_IMG.png');
			    
			}
			
			#VCMAgentInfo {
				margin-left: 100px; margin-right: 50px;
				padding-top: 30px 
			}
			
			#VCMAgentName {
				color: #202020; font-size: 1.1em;
			}
			
			#VCMAgentStatus {
				color: #202020; font-style: italic; font-size: 0.8em;
			}
			
			#VCMAgentExecutioner { 
				position: absolute; width: 35px; height: 35px; right: 15px; top: 15px;
				background-image: url('images/Image_Close.png'); background-repeat: no-repeat;
				background-size: 35px 35px;
				cursor: pointer;
			}
			
			#VCMBrand {
				position: absolute; width: 101px; height: 14px; right: 15px; bottom: 25px;
				background-image: url('images/PoweredByVocalcom-xs.png'); background-repeat: no-repeat;	
			}
			
			/* Bright */
			.VCMCenter .VCMContentContainer {
				top : 25%;
				height : 50%;
				border: solid 1px #D9D9D9;
			}
			
			.VCMCenter #VCMConfirmation {
				top : 25%;
				height : 50%;
				border: solid 1px #D9D9D9;
			}
			
			
			.VCMBright #VCMAgent {
				background-image: url('images/Bright_Agent_BG.png');
			}
			.VCMBright .VCMBubble {
				background-color: #E9E2CF;
				border: solid 1px #D9D9D9;
			}

			
			.VCMBright .VCMAgentMessage {
				color: #202020;
			}
			
			
			
			@media (min-width: 800px) {
				#VCMasquerade {
					font-size: 1.5em;
				}
			}
			
			@media (max-height: 350px) {
				#VCMAgent {
					height: 50px;
				}
				#VCMAgentPicture {
					display: none;
				}
				#VCMAgentInfo {
					margin-left: 10px; margin-right: 50px;
					padding-top: 5px 
				}
				#VCMAgentExecutioner { 
					position: absolute; width: 35px; height: 35px; right: 7px; top: 7px;
				}
				#VCMBrand {
					right: 45px; bottom: 18px;
				}
				#VCMChat {
					top: 50px; bottom: 70px;
				}
				#VCMSurfer {
					height: 70px;
				}
				#VCMSurferInputMessage {
					margin: 5px 1px;
					height: 60px;
				}
				#VCMSurferInputExecutioner {
					margin: 5px 1px;
					height: 64px;
					line-height: 64px;
				}
				#VCMSurveyContentContainer .VCMExecutionerLabel {
					margin: 2px 1px;
					padding: 0.2em;
				}
			}
			
			
			
			#VCMConfirmation {
				position: fixed; width: 100%; height: 100%; left: 0px; top: 0px;
				background-color: #d6d6c2; 
				color: #4d7a18;
				display: none;
			}
			
			#VCMConfirmationMessage {
				text-align: center;
				font-size: 1.3em;
				padding-top: 25%;
			}
			
			#VCMConfirmationCancel {
				display: inline-block; width: 49%;
				text-align: center;
				color: #000000;
			}
			
			#VCMConfirmationOK {
				display: inline-block; width: 49%;
				text-align: center;
				
				color: #000000;
			}
			
			#VCMQueueContentContainer  #VCMQueueWelcome{
				padding-top: 20%;
			}
			#VCMQueueContentContainer > div {
				
				width: 75%;
				margin: 0.5em auto;
				
			}
			#VCMQueueWelcome {
				font-size: 1.4em;
				text-align: center;
				border-bottom: solid 2px #202020;
				
			}
			
			#VCMQueueCloser {
				position: absolute; width: 35px; height: 35px; right: 5px; top: 5px;
				background-image: url('images/Image_Close.png'); background-repeat: no-repeat;
				background-size: 35px 35px;
				cursor: pointer;
			}
			
			.VCMDifferent {
				color: #202020; font-weight: bold;
			}
			
			#VCMSurveyContentContainer > div {
				height: 15%; overflow: hidden;
			}
			
			#VCMSurveyTitle {
				font-weight: bold; font-size: 1.2em;
				text-align: center;
			}
			#VCMSurveyTitle h1{
				font-size: 1.2em;
			}
			
			.VCMSurveySet {
				border-bottom: dotted 1px #202020;
				padding-bottom: 0.2em; margin-bottom: 0.2em;
			}
			
			.VCMSurveyQuestion {
				max-width: 45%; float: left;
				padding: 0px 0.5em;
				font-size: 0.8em;
			}
			.VCMSurveyAnswer {
				min-width: 30%; float: right; padding-right: 0.5em;
			}
			
			#VCMSurveyComments {
				height: 90%;
				width: 90%;
				margin-left: 5%;
			}
			
			#VCMSurveyCancel {
				text-align: right;
				color: #A30000;
			}
			#VCMSurveySubmit {
				text-align: left;
			}
			#VCMSurveyExecutionerContainer {
				position: relative;
			}
			#VCMSurveyExecutionerContainer > div {
				display: inline-block; width: 49%;
				
			}
			
			.VCMSurveyStarOn {
				display: inline-block; width: 23px; height: 23px;
				background-repeat: no-repeat; background-image: url('images/STAR_ON.png');
				cursor: pointer;
			}
			
			.VCMSurveyStarOff {
				display: inline-block; width: 23px; height: 23px;
				background-repeat: no-repeat;background-image: url('images/STAR_OFF.png');
				cursor: pointer;
			}
			
			
			
			.VCMExecutionerLabel {
				margin: 15px 1px;
				padding: 0.5em;
				min-width: 1em;
				height: 30px;
				min-width: 3em;
				display: inline-block;
				background-color: #4d7a18;
				font-weight: bold; font-size: 1.1em;
				border: none;
				border-radius: 3px;
				line-height: 30px;
				text-align: center;
				cursor: pointer;
			}
			
			.VCMFillUp {
				position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;
				overflow: auto;
				
			}
						
			#VCMExternalContentsCloser {
				position: absolute; width: 35px; height: 35px; right: 5px; top: 5px;
				background-image: url('images/Image_Close.png'); background-repeat: no-repeat;
				background-size: 35px 35px;
				cursor: pointer;
			}
			
			#VCMExternalContentContainer .VCMFillUp {
				height: 90%; margin-top: 40px; border: none;

			}
			
			#VCMasqueradeLauncher {
                               display: none !important;
                	}

			.BTN_CALL_CHAT {
                		display : none ;
			}



	.VCMNoShow { display: none; }