/* images uploaded css */
#app {
	overflow-x:hidden;
}
#media-list li video {
  width: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
li.myupload span {
  position: relative;
  width: 100px;
  display: block;
  background: #fff
}
li.myupload span input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
li.myupload span i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ccc;
  font-size: 54px
}
#media-list li {
  float: left;
  border: 1px solid #ccc;
  background: #ccc;
  position: relative;
  margin: 0 5px 5px 0;
  width: 102px
}
#media-list li:last-child {
  margin-right: 0
}
.post-thumb {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none
}
#media-list li:hover .post-thumb {
  display: block
}
a.remove-pic {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  height: 25px;
  width: 25px;
  text-align: center;
  padding: 3px 0
}
.inner-post-thumb {
  position: relative
}
.user-post-text-wrap {
  position: relative
}
.user-pic-post {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0
}
.user-pic-post img {
  width: 100%
}
.user-txt-post {
  padding: 0 0 0 65px
}
textarea.form-control.upostTextarea {
  border: 0;
  box-shadow: none;
  height: 85px;
  resize: none
}
.user-post-text-wrap {
  border-bottom: 1px solid #ccc;
  margin: 0 0 15px
}
.user-post-btn-wrap {
  margin: 25px 0 0
}
ul.btn-nav {
  list-style: none;
  padding: 0;
  margin: 0
}
ul.btn-nav li {
  position: relative;
  float: left;
  margin: 0 10px 0 0
}
ul.btn-nav li span input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  opacity: 0;
  filter: alpha(opacity=100)
}
ul#media-list {
  list-style: none;
  padding: 0;
  margin: 0
}
.second_part, .third_part{
 display: none;
}
span.head_cart {
  position: absolute;
  top: -7px;
  right: 0px;
  background: #F9AE0C;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  width: 22px;
  height: 20px;
  line-height: 22px;
}
#graft-form .grafts .range, .areas .radio {
  display: none;
}
/** graft calculator **/
.graft-f{
	text-align: center;
}
.graft-p{
	border-bottom: 1px solid #ddd;
  font-size: 24px;
  text-align: center;
}
.check-icon{
	display:none;
}
fieldset.areas svg g[id] {
  cursor: pointer;
  fill-opacity: 0;
}
.type-range input[type=range], .type-range>span {
  width: 100%;
  height: 100%;
  padding: 0;
}
.type-range input[type=range] {
  -webkit-appearance: block;
  -moz-appearance: none;
  background-color: transparent;
  position: relative;
  z-index: 2;
  top: 0;
  margin: 0;
  border: 1px solid #ddd;
}
.login-signup .btn {
  background: transparent;
  border: none;
}
.login-signup .btn .fa-user:before  {
  font-size: 22px !important;
}
.login-signup .dropdown-toggle::after{
	content: none;
}
.login-signup .btn .fa-user:focus {
  background: transparent !important;
  outline: none;
}
.dropdown-menu.show {
	padding-top: 0px;
  display: block;
  left: -140px;
  border-radius: 0px;
  top: 37px;
  background: #fff;
  border: none;
  padding-bottom: 0px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.dropdown-menu.show .dropdown-item:hover {
  background-color: #ffbd59;
}
.dropdown-menu.show .dropdown-item {
  color: #000 !important;
  padding: 4px 10px;
  border-bottom: 1px solid #d4d5d6;
  font-size: 14px !important;
}
.dropdown-menu.show::before {
  position: absolute;
  content: '';
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: -10px;
  right: 0px;
}
/** image radio button css ****/
.image-radio {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;    
  margin-bottom: 0;
  outline: 0;
  border: 2px solid #353f48;
}
.image-radio input[type="radio"] {
  display: none;
}
.image-radio-checked {
  border: 2px solid #f9ad0c;
}
.image-radio .glyphicon {
  position: absolute;
  color: #4A79A3;
  background-color: #fff;
  padding: 10px;
  top: 0;
  right: 0;
}
.image-radio-checked .glyphicon {
  display: block !important;
}
.step .main-content-right .main-thumbnail {
	padding: 20px !important;
}
.pro-content .sticker {
	position: relative; 
}
.pro-content .sticker {
  position: absolute;
  top: 25px;
  right: 15px;
  background-color: transparent;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  box-shadow: inset 0px 0px 0px 50px #F44336, 0px 0px 0px 5px #F44336;
  padding: 10px 4px;
  border: 1px solid transparent;
}
.pro-content .sticker h6 {
  color: #fff;
  font-family: cursive;
  text-transform: lowercase;
  font-size: 18px;
  line-height: 15px;
}
#media-list li img {
	width: 100px;
	height: 100px
}
.load-btn {
  background: #777777 !important;
  color: #fff !important;
}
.load-more a:hover {
  background: #353f48 !important;
}
.grid-container {
  grid-gap: 15px;
  padding: 15px;
}
.banner-heading h3, .banner-heading p {
  margin-bottom: 0px !important;
}
.parent-product {
  position: relative;
  overflow: hidden;
}
.parent-product:hover .cart-btn {
 left: 5px; 
 transition: 0.3s ease;
}
.cart-btn {
  position: absolute;
  top: 10px;
  left: -100px; 
  transition: 0.3s ease;
}
.cart-btn a {
  padding: 10px 10px;
  margin: 0px 5px;
  background: #353f48;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-btn a:hover {
  background: #f9ae0c;
  transition: 0.3s ease;
}
.cart-btn a:hover i{
	color: #353f48;
}
.cart-btn a i {
  font-size: 18px;
  color: #fff;
}
.cus-promo-bnrs iframe {
  height: calc(100% - 80px);
}
.step-01 h4, .step-02 h4, .step-03 h4 {
  font-weight: 700;
  text-transform: none;
}
.step-01 h3, .step-02 h3, .step-03 h3 {
  font-weight: 700;
  font-family: inherit;
  font-size: 36px;
}
/* Back to top button */
#button {
  display: inline-block;
  background-color: #353f48;
  width: 46px;
  height: 46px;
  text-align: center;
  position: fixed;
  bottom: 70px;
  right: 50px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  border-radius: 100% !important;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
}
#button:hover {
  cursor: pointer;
  background-color: #faaf40;
}
#button:active {
  background-color: #faaf40;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.p-price{
	color:#f9ae0c;
}
.products {
  background: #dfe1e2;
  padding: 50px 0px;
  z-index: -1;
  position: relative;
}
.pro-content img{
  position: relative;
  overflow: hidden;
}
.pro-content img::after{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.pro-content img:hover::after {
  -webkit-animation: collection 1s;
  animation: collection 1s;
}
.drop-cart_expand {
  left: -424px !important;
}
.minicart_table{
	width:424px!important;
}
.minicart_table #quantity{
	width:47px;
	text-align:center;
}
.typeahead,
.tt-query,
.tt-hint {
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 1px solid #F9AE0C;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999
}
.tt-menu {
  width: 250px;
  margin: 12px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  left: -11px !important;
  position: absolute !important;
  border-radius: 0 !important;
}
.tt-suggestion {
  padding: 4px 10px;
  font-size: 15px;
  border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #F9AE0C;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #F9AE0C;

}
.tt-suggestion p {
  margin: 0;
}
.gist {
  font-size: 14px;
}
/** dashboard css **/
.dashboard{
	background: #f6fcf9;
	padding: 60px 0px;
}
.dash_head h5{	
 letter-spacing: 5px;
 color: #313231;
 font-weight: 600;
}
.dashtab{
	border-top: 2px solid #d6dbd9;
	border-bottom: 2px solid #d6dbd9;	
}
.boxdt{	
	border: 1px solid #d6dbd9;	
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16), 0 3px 4px rgba(0, 0, 0, 0.16);
}	
.boxdt p{
  font-weight: 600;	
  letter-spacing: 0px;
}
.dashlinks h6{
 font-weight: 800;
}
.listlinktab ul li{
	list-style:none;
}
.listlinktab ul li a{
  color:	#5876ff !important;	
}
.procedure{	
	padding: 60px 0px;
}
.proceduretab{	
	border-top: 2px solid #d6dbd9;
	border-bottom: 2px solid #d6dbd9;			
}
.albuy{
  border: 1px solid #d6dbd9;		
}
.listbox{
	background: #f8f8f9;
	border: 1px solid #d6dbd9;	
}
.listbox h6{
  color: #313131;
  font-weight: 700;  
}
.hea_protab{
  font-weight: 700;	
}
.bt-list{
  background: #7d8594;
  padding: 10px 0px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  display: block;
  font-size: 10px !important;
  border-radius: 2px;
  color: #fff !important;
}
.albuy h6{
	font-weight: 700;
}
.bt-ex{
	background:#5271ff;	
	padding:5px 15px;
	font-weight: 100;
	color:#fff !important;
	font-size: 10px !important;
}
/*Form Wizard*/
.bs-wizard {margin-top: 40px;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #222323; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute;  display: block; background: #fbe8aa; top: 23px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
	content: ' ';
  width: 11px;
  height: 11px;
  background: #ff5757;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: 8px;
  border: 1px solid #545454;
} 
.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 2px;
  box-shadow: none;
  background: #6a6c6b;
  margin: 15px 0;
  box-shadow: 0 5px 15px 1px #333;	
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #545454;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard > .bs-wizard-step > .bs-wizard-dot.active:after {
  content: ' ';
  width: 11px;
  height: 11px;
  background: #7ed957 !important;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: 8px;
  border: 1px solid #545454;
}
.appintbox{
	border-radius: 5px;
	background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.datert{
  font-size: 11px;
  font-weight: 700;	
}
.apointdash{	
	padding: 60px 0px;
	background: #f6fcf9;	
}
select.mt-2 {
  font-size: 11px;
  width: 100%;
  background: #f6fcf9;
  color: #acb0ae;
}
.submit_btn{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	background: #5271ff;
	color: #fff !important;
	padding: 5px 10px;
  border-radius: 2px;
}
.bordot{	
	border-left:1px dashed #c2c6c4;	
}
.cal_btn {
  background: #fabf42;		
  width: 100%;
  display: block;
  text-align: center;
  color: #fff !important;
  padding: 5px 0px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  border-radius: 2px;
  cursor:pointer;
}
.head_dot{
  font-weight: 600;		
}
.readm{
  color: #738dfe !important; 
}
.changeof{
  font-size:11px !important;;
  color: #738dfe !important; 
}
.actb{
  font-weight: 600;		
}
.actb:after {
  content: "";
  position: absolute;
  height:10px;
  margin-left: 1px;
  margin-top: 3px;
  width: 10px;
  background: #ff5757;
  border-radius: 10px;		
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid #d6dbd9;;
}
.brl {
  border-right: 2px solid #d6dbd9;	
  word-wrap: break-word;
  height: 100%;
}
.bll {
  border-left: 2px solid #d6dbd9;	
}
.ythead{
  font-size: 12px;
  font-weight: 700;
}
.listr20{	
	padding-left: 20px;
}
.map{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 overflow: hidden; 	
}
.dos li{
	font-size: 13px !important;	
}
.nav.nav-pills.nav-stacked a {
  width: 100%;
  background: #d9d9d9;
  padding: 20px 0px;
  text-align: center;
  border-top: 2px solid #b0b0b0;
  display: block;
  font-weight: 700;
  font-size: 11px !important;
}
.paytabs a.active{	
  background: #fff !important;
  border-left: 9px solid #ffcc00;
}
.paytsc.tab-content{
	height:100%;
  border-left: 2px solid #c5c9c7;
  border-top: 2px solid #c5c9c7;
  border-bottom: 2px solid #c5c9c7;
}
.cardd label {
  display: inline-block;
  margin-bottom: 0.1rem;
  font-size: 12px;
  font-weight: 600;
  color: #313231;
}
.cardd input.form-control {
  font-size: 0.8rem;
  background: #f6fcf9;
  border-radius: 0;
}
.cardd select.form-control {
  background: #f6fcf9;
  border-radius: 0px;
  padding: 0px 0px;
  height: 30px !important;
  font-size: 0.8rem;
}
.cardd .form-control {
  color: #a1a5a3;
  border: 1px solid #a4a7a6;
}
.cvvleft i{
 font-size: 35px;
 color: #717273;
}
.cvvleft p{
 font-size: 11px !important;
 color: #a4a8a6 !important;
}
.congr{
	font-weight: 700;
 color: #7b7e7c;
 letter-spacing:3px;
}
.review_form .form-control {	
	background: #eff0f2 !important;	
	border:4px solid #c8d0d8;
	border-radius: 0px;
}
.btn_upload{
	background: #777777;
	padding: 10px 30px;
	color: #fff !important;
  font-weight: 600;	
}
.btn_submit{
	background: #ffcc00;
	padding: 11px 30px;
	color: #000 !important;
  font-weight: 600;	
}
.claimr i{
	color: #99b83c;
	margin-top: 2px;
	margin-right: 1.3em !important;
}
.claim-r{
	background: #7e8694;
	padding: 11px 20px;
	color: #fff !important;
  font-weight: 600;	
  font-size:12px !important;
  border-radius:2px;
}
.rem-r{ 
 background: #fabf42;
 padding: 8px 10px;	
 color: #634c1a;    
 webkit-box-shadow: 0 14px 10px -12px rgba(0, 0, 0, 0.5);;
 box-shadow: 0 14px 10px -12px rgba(0, 0, 0, 0.5);;
}
.remh6 {
	color: #626463;
	text-transform: inherit;
	font-weight: 700;
}
.uploader {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
.uploader label {
  float: left;
  clear: both;
  width: 100%;
  font-size: 14px;
  padding: 2.5rem 1.5rem;
  text-align: center;
  color: #babebc;
  background: #f6fcf9;
  border-radius: 7px;
  border: 3px solid #d5d9d7;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uploader label:hover {
  border-color: #454cad;
}
.uploader label.hover {
  border: 3px solid #454cad;
  box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
}
.uploader #start {
  float: left;
  clear: both;
  width: 100%;
}
.uploader #start.hidden {
  display: none;
}
.text12{
  font-size: 11px !important;	
}
.uploader #start i.fa {
  font-size: 42px;
  color: #babebc;
  margin-bottom: 0rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.uploader #response {
  float: left;
  clear: both;
  width: 100%;
}
.uploader input[type="file"] {
  display: none;
}
.videof{
  border: 5px solid #7e8694;	
  border-radius: 8px;
  webkit-box-shadow: 0 24px 10px -20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 24px 10px -20px rgba(0, 0, 0, 0.5);
}
.tab_reminder ul li a{
  display:block;
  width: 100%;		
}
.tab_reminder ul li a{	
	color: #c9cecc !important;
	margin-bottom: 10px;
	margin-left: 20px;	
}
.tab_reminder ul li a.active {
  color: #5b5e5c !important;
  border-top : 2px solid #cbcfcd;
  border-bottom : 2px solid #cbcfcd;
  margin-bottom: 10px; 
  margin-left: 0px;	
  width: 100%;
  background: -moz-linear-gradient(top,  rgba(223,229,226,1) 0%, rgba(240,246,243,0) 100%); 
  background: -webkit-linear-gradient(top,  rgba(223,229,226,1) 0%,rgba(240,246,243,0) 100%); 
  background: linear-gradient(to bottom,  rgba(223,229,226,1) 0%,rgba(240,246,243,0) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe5e2', endColorstr='#00f0f6f3',GradientType=0 ); 
  font-weight: 600;
  padding:2px 0px;   
}
.offerr .modal-content{
 background: #f6fcf9 !important;
}
.starra .fa {  
  font-size: 20px !important;	
}
.fill{ 
  color: #ffbd59;  
}
.offercard{
	background: #fff;
	padding: 50px  10px;;
	border: 2px solid #f2f2f2;
}
#sailorTableArea {
	font-size: 12px !important;
}
#talkExpert .col select {
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px 5px;
}
#talkExpert .col {
	width: 50%;
	float: left;
}
/*** Chat Css **/
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg {
  width: 100%;
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}
.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}
.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}
.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}
.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height: 550px; overflow-y: scroll;}
.active_chat{ background:#ebebeb;}
.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
}
.received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
  float: left;
  padding: 30px 15px 0 25px;
  width: 60%;
}
.sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}
.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
  height: 516px;
  overflow-y: auto;
}
.inner-template .content-wraper {
  padding-top: 9px;
}
.inbox_chat img, .msg_history img{
	max-width:100%;
}
.second_part label.error, .third_part label.error {
  display: none !important;
}
.second_part .error, .third_part .error {
  border:1px solid #ec2c2c !important;
}
.change_p_type.selected {
  background: #ffbd59;
  border: 1px solid #ffbd59;
}
/** end chat css **/
/**** Media Queries ****/
@media (max-width: 767px) {
	.custom-toggle {
		padding-left: 15px;
	}
}
@media (min-width: 768px) {
	.custom-toggle {
		display:none;
	}
}
.review_form1 .hide {
  display: none;
}
.review_form1 .clear {
  float: none;
  clear: both;
}
.review_form1 .rating {
  width: 110px;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
  position: relative;
}
.review_form1 .rating > label {
	float: right;
	display: inline;
	padding: 0;
	margin: 0;
	position: relative;
	width: 22px;
	cursor: pointer;
	color: #000;
	font-size: 25px;
}
.review_form1 .rating > label:hover,
.review_form1 .rating > label:hover ~ label,
.review_form1 .rating > input.radio-btn:checked ~ label {
  color: transparent;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
  content: "\2605";
  position: absolute;
  left: 0;
  color: #FFD700;
}
.error {
  color: #ea0000;
}
.list-box .list-head {
  padding: 10px;
  background-color: #282C3F;
}
.list-box .list-head h6 {
  color: #fff;
  margin-bottom: 0;
}
.list-box .list-body ul {
  background-color: #fff;
  border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.list-box .list-body ul li {
  padding: 10px;
  border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.list-body {
  height: 360px;
  overflow-y: auto;
}
.resend_otp a {
    color: #2985f3 !important;
}
a.resend_otp {
    color: #2985f3 !important;
}
.procedure-detail-list ul span, .procedure-detail-list p span {
    font-size: 14px !important;
}