

/*** Message Box ***/
#messagedd {
	position:relative;
	z-index:99999999;
}
.message-box {
    bottom:1px;
    position:fixed;
	
    left:0px;
    width:360px;
}
.message-box-title {
	
    width:242px;
	float:right;
	overflow:hidden;
	cursor:pointer;
	

    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.message-box-title > span {
	float:left;
    width:45px;
    text-align:center;
	margin-right:10px;
	
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.message-box-title span i {
    color:#FFFFFF;
    font-size:12px;
    line-height:34px;
}
.message-box-title > p {
    float:left;
    color:#FFFFFF;
    font-family:Montserrat,sans-serif;
    font-size:12px;
    line-height:34px;
	margin-left:10px;
    margin-bottom:0;
	font-weight:700;
}
.message-box-title > i {
    color:#FFFFFF;
    float:right;
    font-weight:bold;
    line-height:34px;
    margin-right:10px;
}


.message-form {
	display:none;
	float:left;
    padding:13px 33px 33px 13px;
	border-left:2px solid;
	border-right:2px solid;
    background:none repeat scroll 0 0 #FFFFFF;
}
.message-form > p {
    color:#333;
    font-family:Montserrat,sans-serif;
    font-size:11px;
    margin-bottom:20px;
}
.message-form form input.form-control,
.message-form form input.form-control:focus {
    background:none repeat scroll 0 0 #F6F6F6;
    border:0 none;
    color:#A5A5A5;
    font-family:Montserrat,sans-serif;
    font-size:11px;
    font-weight:bold;
    margin-bottom:12px;
    text-transform:uppercase;
	
    -webkit-box-shadow:1px 1px 2px #B3B3B3 inset;
    -moz-box-shadow:1px 1px 2px #B3B3B3 inset;
    -ms-box-shadow:1px 1px 2px #B3B3B3 inset;
    -o-box-shadow:1px 1px 2px #B3B3B3 inset;
    box-shadow:1px 1px 2px #B3B3B3 inset;
}
.message-form form textarea.form-control,
.message-form form textarea.form-control:focus {
    background:none repeat scroll 0 0 #F6F6F6;
    border:0 none;
    color:#A5A5A5;
    font-family:Montserrat,sans-serif;
    font-size:11px;
    font-weight:bold;
    margin-bottom:12px;
    text-transform:uppercase;
	
    -webkit-box-shadow:1px 1px 2px #B3B3B3 inset;
    -moz-box-shadow:1px 1px 2px #B3B3B3 inset;
    -ms-box-shadow:1px 1px 2px #B3B3B3 inset;
    -o-box-shadow:1px 1px 2px #B3B3B3 inset;
    box-shadow:1px 1px 2px #B3B3B3 inset;
}
.submit-btn {
    padding:5px 30px;
    border:0 none;
    color:#FFFFFF;
    float:right;
    font-family:Montserrat,sans-serif;
    font-size:11px;
    font-weight:600;
    line-height:10px;
    text-transform:uppercase;
	
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.message-box-title.opened {
    width:100%;
}
.message-box-title,
.submit-btn,
.show-header{
	background-color:#008eff;
}


.message-box-title > span {
	background-color:#006abf;
}
.message-form,
.message-form {
	border-color:#008eff;
}

p {
  margin: 0 0 10px;
}





.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
