#krukchat_box form,
    #krukchat_box label {
        margin: 0;
        padding: 0;
        text-transform: none;
    }


#krukchat_box { /* init height */
	height:37px;
}

  
  /* Typography */
	#krukchat_box,
	#krukchat_box *,
	.krukchat_box {
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
	}


    #krukchat_box {
		position: fixed;
		bottom: 0px;
				right: 20px;
				line-height: 20px;
		z-index: 99999;
	}
	
	
	
	.kruk-chat-wrap {
		padding: 20px;
		border-width: 0 1px 0 1px;
		border-style: solid;
		overflow: auto;
		line-height: 1;
	}
	
	#krukchat_box .kruk-chat-wrap textarea {
		height: 43px;
	}
    
    #krukchat_box .kruk-chat-wrap input, #krukchat_box .kruk-chat-wrap textarea {
		font-size: 14px;
		margin: 0 0 10px 0;
		padding: 7px 11px;
		border-width: 1px;
		border-style: solid;
		text-shadow: none;
		line-height: 1.3;
		-webkit-transition: border .2s, background-color .3s;
		   -moz-transition: border .2s, background-color .3s;
		     -o-transition: border .2s, background-color .3s;
			    transition: border .2s, background-color .3s;
	}
	
	#krukchat_box .kruk-chat-wrap input:focus, #krukchat_box .kruk-chat-wrap textarea:focus, #krukchat_box textarea.f-chat-line:focus {
		outline: 0;
		outline: thin dotted \9; /* IE6-9 */
	}
	
	#krukchat_box .kruk-chat-wrap label {
		display: block;
		margin-top: 7px;
		margin-bottom: 4px;
		line-height: 1.4;
	}
	
	#krukchat_box p.kruk-chat-header-desc {
		font-size: 14px;
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 1.4;
	}
	
	#krukchat_box .kruk-chat-wrap .kruk-req {
		color: red;
		font-weight: bold;
	}
	
	#krukchat_box .kruk-chat-wrap .kruk-start-chat-btn {
		text-align: center;
	}
	#krukchat_box .kruk-chat-wrap .kruk-start-chat-btn a {
		display: inline-block;
		font-weight: bold;
		text-decoration: none;
		border: 0;
		margin: 10px 0;
		padding: 7px 11px;
	}

	#krukchat_box .kruk-chat-wrap .kruk-start-chat-btn a:hover	{
		text-decoration: none;
		border: 0;
	}
		
	#krukchat_box div.kruk-chat-header {
		font-size: 14px;
		font-weight: normal;
		padding: 10px 15px;
		cursor: pointer;
				text-align:left;
			}
	
	#krukchat_box .kruk-chat-header-title {
		
		font-size: 14px;
		
	}
	
	#krukchat_box div.kruk-chat-header i {
		float: right;
		width: 20px;
		height: 14px;
		margin-top: 4px;
	}
	
	
	/* ScrollBar Style */
	#krukchat_box ::-webkit-scrollbar { width: 12px; height: 10px; }
	#krukchat_box ::-webkit-scrollbar-button:start:decrement,
	#krukchat_box ::-webkit-scrollbar-button:end:increment  { display: none; }
	#krukchat_box ::-webkit-scrollbar-track-piece  {
		background-color: #efefef;
	}
	#krukchat_box ::-webkit-scrollbar-thumb:vertical {
		background-color: #999;
	}


/*Krukchat Button*/


#krukchat_box .graybtn {
	padding: 10px 10px;
    display: inline;
    background-color: #f5ea54;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	width:200px;
}.graybtn:hover {
	background-position: 0 -48px;
}.graybtn:active {
	 background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}

/* Kruk Chat Colour */

#krukchat_box div.kruk-chat-header {
			

			color: #000000;

			background-color:  #f5ea54; /* Header */

		}

.kruk-cnv-wrap,

		.kruk-msg-wrap,

		.kruk-chat-wrap,

		#krukchat_box,

		#krukchat_box p.kruk-chat-header-desc,

		#krukchat_box .kruk-chat-wrap input, 

		#krukchat_box .kruk-chat-wrap textarea {

			color: #222222;

			background-color: #ffffff; /* background colour*/

		}

		

		#krukchat_box .kruk-chat-wrap textarea, 

		#krukchat_box .kruk-chat-wrap input,

		#krukchat_box{

			border-color: #cdcdcd;

		}

		#krukchat_box .kruk-chat-wrap input:focus,

		#krukchat_box .kruk-chat-wrap textarea:focus {

			background-color: #f5f5f5;

			border-color: #b9b9b9;

		}

		

		#krukchat_box textarea.f-chat-line:focus {

			background-color: #fafafa;

			border-color: #b9b9b9;

		}

		

		#krukchat_box .kruk-chat-wrap label {

			color: #878787;

		}

		

		#krukchat_box form.kruk-chat-reply {

			border-top: 1px solid #cdcdcd;

			background-color: #f5f5f5;

		}

		

		#krukchat_box {

			width: 300px;

		}

		

		

		

				

			#krukchat_box div.kruk-chat-header,#krukchat_box{

				-webkit-border-radius: 8px 8px 0 0;

				   -moz-border-radius: 8px 8px 0 0;

					   border-radius: 8px 8px 0 0;

			}

			

			

			#krukchat_box .kruk-chat-wrap .kruk-start-chat-btn a,

			#krukchat_box .kruk-chat-wrap input, #krukchat_box .kruk-chat-wrap textarea {

				-webkit-border-radius: 0;

				   -moz-border-radius: 0;

					   border-radius: 0;

			}

		
			#krukchat_box .kruk-chat-wrap #kruk-conv input{
				
				-webkit-border-radius: 0px;

				   -moz-border-radius: 0px;

					   border-radius: 0px;
			}
				

		#krukchat_box .kruk-chat-wrap input, #krukchat_box .kruk-chat-wrap textarea {

			width: 185px;

		}

		

		.kruk-chat-wrap {

			border-color: #f5ea54; /* Boarder */
			border-width:3px;
			height:355px;

			max-height: 400px;

		}

		

		.kruk-cnv-wrap {

			border-color: #ebebeb;

			max-height: 350px;

		}

		

		#krukchat_box .kruk-chat-wrap .kruk-start-chat-btn > a {

			color: #ffffff;

			background-color: #3a99d1;

		}

		

		#krukchat_box .kruk-chat-wrap .kruk-start-chat-btn > a:hover {

			color: #ffffff;

			background-color: #bf3723;

		}

		.hrclass{
			margin-left:0px;
			
			width:100%;	
			
		}