@charset "utf-8";

/* CSS Document */

/** {box-sizing: border-box;

}*/



/* Button used to open the chat form - fixed at the bottom of the page */

.open-button {

  

  color: white;

  font-weight:bold;

  position: fixed;

  bottom: 0px;

  right: 1px;

  font-size: 12px;

  padding-right: 12px;

  border-radius:5px 5px 0px 0px;

  z-index: 9;

}

/* The popup chat - hidden by default */

.chat-popup {

  display: none;

  position: fixed;

  bottom: 0;

  right: 15px;

  border: 3px solid #f1f1f1;

  z-index: 9;

}

#registrationform .form-control{

	color:#000;

	background-color:#fff;

}

/* Add styles to the form container */

.form-container {

  max-width: 300px;

  padding: 10px;

  background-color: white;

}

/* Full-width textarea */

.form-container textarea {

  width: 100%;

  padding: 15px;

  margin: 5px 0 22px 0;

  border: none;

  background: #f1f1f1;

  resize: none;

  min-height: 200px;

}

/* When the textarea gets focus, do something */

.form-container textarea:focus {

  background-color: #ddd;

  outline: none;

}

/* Set a style for the submit/send button */

.form-container .btn {

  /*background-color: #4CAF50;*/

  color: white;

  padding: 16px 20px;

  border: none;

  cursor: pointer;

  width: 100%;

  margin-bottom:10px;

  opacity: 0.8;

}

/* Add a red background color to the cancel button */

.form-container .cancel {

  background-color: red;

}

/* Add some hover effects to buttons */

.form-container .btn:hover, .open-button:hover {

  opacity: 1;

}

.chatbox{ position: fixed;

  bottom: 0px;

  right: 0px;

  z-index:999999999;

  /*text-align:center;*/

  width: 335px;

  /*background-color:#e6dfda;*/
  background-color:#f5f5f5;
  
  border: 3px solid #ff0000;

  }

  #chatheader{

	  /*background-color:#2e3192;*/
	  
		background-color:#ff0000;
	  color:#fff;

	 padding:0px;

  }

  

.text-light{text-align:justify;}

	h4{

	font-size:17px;

	

	}

	

	#myModalLabel

	{

		font-size:15px;

		color:#323a45;

	}

		

		

 .t1{

	 color:#2e3192;

	 font-size:15px;

	}

.label {

  color: white;

  padding: 2px 6px;

  border-radius:4px;

}



.label-success {background-color: #4CAF50;} /* Green */

.label-info {background-color: #2196F3;} /* Blue */

.label-warning {background-color: #ff9800;} /* Orange */

.label-danger {background-color: #f44336;} /* Red */

.label-other {background-color: #e7e7e7; color: black;} /* Gray */

