/* font-family: "SegoeUIRegular"; */
@font-face {
    font-family: "SegoeUIRegular";
    src: url("/consultant/Module/view/fonts/SegoeUIRegular/SegoeUIRegular.eot");
    src: url("/consultant/Module/view/fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),
    url("/consultant/Module/view/fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),
    url("/consultant/Module/view/fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "SegoeUIBold"; */
@font-face {
    font-family: "SegoeUIBold";
    src: url("/consultant/Module/view/fonts/SegoeUIBold/SegoeUIBold.eot");
    src: url("/consultant/Module/view/fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"),
    url("/consultant/Module/view/fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),
    url("/consultant/Module/view/fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "SegoeUIItalic"; */
@font-face {
    font-family: "SegoeUIItalic";
    src: url("/consultant/Module/view/fonts/SegoeUIItalic/SegoeUIItalic.eot");
    src: url("/consultant/Module/view/fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"),
    url("/consultant/Module/view/fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"),
    url("/consultant/Module/view/fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "SegoeUILight"; */
@font-face {
    font-family: "SegoeUILight";
    src: url("/consultant/Module/view/fonts/SegoeUILight/SegoeUILight.eot");
    src: url("/consultant/Module/view/fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"),
    url("/consultant/Module/view/fonts/SegoeUILight/SegoeUILight.woff") format("woff"),
    url("/consultant/Module/view/fonts/SegoeUILight/SegoeUILight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "SegoeUISemiBold"; */
@font-face {
    font-family: "SegoeUISemiBold";
    src: url("/consultant/Module/view/fonts/SegoeUISemiBold/SegoeUISemiBold.eot");
    src: url("/consultant/Module/view/fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),
    url("/consultant/Module/view/fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"),
    url("/consultant/Module/view/fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
*, a:hover, a:focus {outline: none;}
.kdn_window * {
float:none;
text-align:left;
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin:0;
padding:0;
border:none 0;
border-radius:0;
vertical-align:baseline;
background:0 0;
outline:none;
text-transform:none;
text-decoration:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
text-shadow:none;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
[contentEditable=true]:empty:not(:focus):before{
    content:attr(placeholder)
 }

.kdn_callFrameRotateForRight{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.kdn_callFrameRotateForLeft{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
 .kdn_callFrameRotateForTop{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}

.kdn_callFrameRightTop{
	border-radius: 10px 0 0px 10px;
    width: 25px;
    min-height: 100px;
    right: 0;
    top: 0;
}
.kdn_callFrameRightCenter{
    border-radius: 10px 0 0px 10px;
    width: 25px;
    min-height: 100px;
    right: 0;
    top: 50%;
    margin-top:-50px;
}
.kdn_callFrameRightBottom{
	border-radius: 10px 0 0px 10px;
    width: 25px;
    min-height: 100px;
    right: 0;
    bottom: 0;
}
.kdn_callFrameLeftTop{
    border-radius: 0px 10px 10px 0px;
    width: 25px;
    min-height: 100px;
    left: 0;
    top: 0;
}
.kdn_callFrameLeftCenter{
    border-radius: 0px 10px 10px 0px;
    width: 25px;
    min-height: 100px;
    left: 0;
    top: 50%;
    margin-top: -50px;
}
.kdn_callFrameLeftBottom{
    border-radius: 0px 10px 10px 0px;
    width: 25px;
    min-height: 100px;
    left: 0;
    bottom: 0;
}
.kdn_callFrameTopLeft{
    width: auto;
    height: 20px;
    top: 0px;
    left: 0px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    border-top: 0px!important;
}
.kdn_callFrameTopCenter{
    width: auto;
    height: 20px;
    top: 0px;
    right: 50%;
    margin-right: -50px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    border-top: 0px!important;
}
.kdn_callFrameTopRight{
    width: auto;
    height: 20px;
    top: 0;
    right: 0;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    border-top: 0px!important;
}
.kdn_callFrameBottomLeft{
    width: auto;
    height: 20px;
    bottom: 0px;
    left: 0px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    border-bottom: 0px!important;
}
.kdn_callFrameBottomCenter{
    width: auto;
    white-space: nowrap;
    height: 20px;
    bottom: 0;
    right: 50%;
    margin-right: -50px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    border-bottom: 0px!important;
}
.kdn_callFrameBottomRight{
    width: auto;
    height: 20px;
    bottom: 0;
    right: 0;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    border-bottom: 0px!important;
}

.kdn_callFrameTopRight .kdn_callText div,
.kdn_callFrameTopLeft .kdn_callText div,
.kdn_callFrameTopCenter .kdn_callText div,
.kdn_callFrameBottomCenter .kdn_callText div,
.kdn_callFrameBottomRight .kdn_callText div,
.kdn_callFrameBottomLeft .kdn_callText div {
    display: inline-block;
    width: auto!important;
}

.kdn_callFrameRightTop .kdn_callText,
.kdn_callFrameRightCenter .kdn_callText,
.kdn_callFrameRightBottom .kdn_callText {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

.kdn_bigLet {
    height: 13px!important;
    line-height: 13px!important;
}
.kdn_callText {
    float: none;
    text-align: left;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    vertical-align: baseline;
    outline: none;
    text-transform: none;
    text-decoration: none;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.kdn_callText div {
    width: 25px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    height: 10px;
    line-height: 10px;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    border: none 0;
}

#kdn_call_consultant {
    z-index: 999999;
    position: fixed;
    background-image: none;
    padding: 10px 10px;
    float: none;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    background: #3c6 no-repeat 50% 50%;
    border: 1px solid #fff;
    font-weight: normal;
    -webkit-box-shadow: 0px 2px 16px 2px rgba(47, 49, 50, 0.5);
    -moz-box-shadow: 0px 2px 16px 2px rgba(47, 49, 50, 0.5);
    box-shadow: 0px 2px 16px 2px rgba(47, 49, 50, 0.5);
    font-family: "Segoe UI", sans-serif;
    cursor: pointer;
}

#kdn_call_consultant .kdn_bait {
    position: absolute;
    background: #5CC9C1;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    line-height: 25px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    bottom: -38px;
    left: 22px;
    border: 1px solid #fff;
    transform: rotate(-180deg);
}

.kdn_window{
  z-index: 999999;
  position: fixed;
  top: 50%;
  left: auto;
  right: -530px;
  margin-top: -246px;
  width: 353px;
  /*height: 490px;*/
  background: #00A7D4;
  border: 1px solid white;
  font-family: "SegoeUIRegular",sans-serif;
  font-size: 14px;
  color:#333;
  text-align: left;
  line-height: 1;
  -moz-border-radius: 0px 10px 15px 0px;
  -webkit-border-radius: 0px 10px 15px 0px;
  -khtml-border-radius: 0px 10px 15px 0px;
  border-radius: 0px 10px 15px 0px;
  box-shadow: -10px 10px 36px -3px rgba(122,122,122,0.7);
  -moz-box-shadow:-10px 10px 36px -3px rgba(122,122,122,0.7);
  -webkit-box-shadow: -10px 10px 36px -3px rgba(122,122,122,0.7);
  -khtml-box-shadow: -10px 10px 36px -3px rgba(122,122,122,0.7);
  margin-right: 6px;
}
.kdn_header{
    position: relative;
    display: block;
    /*overflow: hidden;*/
    height: 36px;
    color:white;
    font-family: "SegoeUIRegular";
    font-size: 0;
    padding-left:8px;
    background: none;
    line-height: 36px;
   /* border-bottom:1px solid white;*/
}
@media(max-width: 750px) {
  .kdn_header {height: 6px;}
  }
.kdn_header span.kdn_intro,
.kdn_consult span.kdn_intro {
  display: block;
  font-size: 14px;
  width: 200px;
  display: inline-block;
  }
.kdn_wind_offline span.kdn_intro {
  display: none;
  }
.kdn_header a{
    text-decoration: none;
}
.kdn_close_icon{
    /*position: relative;
    display: block;
    background: url(/consultant/Module/view/img/kdn_exit.png);
    width: 22px;
    height: 16px;
    background-position: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #2aa2cb!important;
    border-bottom: none;*/
	background-color: #00a7d4 !important;
    background-image: url("/theme/consultant_img/close.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 29px;
    left: 0;
    margin: 0;
    padding: 0;
    top: 0;
    width: 29px;
    z-index: 1;
	display: block;
	font-size: 0;
}
.kdn_close{
  /*width: 22px;
  height: 16px;
  display: block;
  position: relative;
  border-bottom: none;
  float: right;
  margin: 15px;
  background-color: #2aa2cb!important;*/
  background: rgba(0, 0, 0, 0) url("/theme/consultant_img/Bg_close.png") no-repeat 0 0;
    border: medium none;
    color: #ffffff;
    font-weight: normal;
    height: 44px;
    margin: 0;
    padding: 9px 0 0 4px;
    position: absolute;
    right: -15px;
    top: -8px;
    width: 42px;
    z-index: 1;
}
.kdn_header_left{
  cursor: move;
  position: absolute;
  width: 237px;
  /* height: 49px; */
  top: 93px;
  left: -145px;
  background: #33cc66;
  border: 1px solid white;
  border-bottom: 1px solid #33cc66;
  padding-top: 13px;
  padding-bottom: 16px;
  line-height: 20px;
  text-align: center;
  color: white;
  font-family: "SegoeUILight";
  font-size: 18px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
   box-shadow: -10px -10px 36px -3px rgba(122,122,122,0.7);
  -moz-box-shadow:-10px -10px 36px -3px rgba(122,122,122,0.7);
  -webkit-box-shadow: -10px -10px 36px -3px rgba(122,122,122,0.7);
  -khtml-box-shadow: -10px -10px 36px -3px rgba(122,122,122,0.7);
}
.kdn_header_left span{
    font-family: "SegoeUIRegular";
    text-transform: uppercase;
}
.kdn_header_left .kdn_hide_chat {
    display: inline-block;
  	background: url(/consultant/Module/view/img/kdn_hide.png) no-repeat 100% 100%;
	font-size: 0;
	width: 16px;
	height: 22px;
	position: absolute;
    right: 15px;
    top: 13px;
}
.kdn_header_title {padding-left: 20px;}

.kdn_container{
    position: relative;
    display: block;
    width: 100%/*353px*/;
    /*height: 444px;*/
	overflow: hidden;
    background: #efefef/*url(/consultant/Module/view/img/kdn_bgleft.gif) #efefef repeat-y 0 0*/;
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    -khtml-border-radius: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 0px;
}
.kdn_consult_info_col{
    position: relative;
    display: block;
    /*width:130px;*/
    /*height: 100%;*/
/*    float:left;*/
    background: #00A7D4;
    color:white;
	overflow: hidden;
}

.kdn_consult_photo{
    /*width: 130px;
    height: auto;*/
    width: 90px;
    height: 90px;
    background-color: white;
    margin-left: 15px;
    margin-right: 20px;
    margin-bottom: 35px;
    display: block;
    overflow: hidden;
    float: left;
    border-radius: 50%;
}

#kdn_consult_img{
    width: 100%;
    /*width: 90px;
    height: auto;
	  border-radius: 90px;
    margin-left: 15px;*/
}

.kdn_consult{
    font-family: "SegoeUIRegular", sans-serif;
    font-size: 17.64px;
    /*text-align: center;*/
    margin:2px;
    display: block;
	float: left;
	width: 200px;
}
#kdn_firstname {
  font-size: 24px;
  }
.kdn_request_a_call{
    display: none;
    width: 110px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #aadaea;
    margin:0 auto;
    color: #14637e;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
    padding-top:6px;
    padding-bottom:6px;
    text-align: center;
    font-family: "SegoeUIRegular";
    position: absolute;
    bottom:0px;
    margin: 10px;
    cursor: pointer;
}
.kdn_request_a_call a{
    color: #14637e;
}

.kdn_dialog_history{
    position: relative;
    padding-top:5px;
    display: block;
    width: 100%/*223px*/;
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 231px;*/
    height: 250px;
/*    float: right;*/
    background-color: white;
    margin-bottom: 24px;
}
.kdn_warning, .kdn_danger{
    position: absolute;
    width: 100%;/*296px;*/
    height: auto;
    padding: 5px 0px 5px 10px;
    bottom: 10px;
    color: white;
    background-color: rgba(234,49,55,0.7);
    margin-bottom: 196px;
    margin-left: 0px;
}
.kdn_warning{
    color: #8a6d3b!important;
    background-color: rgba(252,248,227,0.87)!important;
}

.kdn_icon_box{
    display: none;
    position: absolute;
    /*top: 50%;*/
   /* margin-top: -25px;
    margin-top:10px;*/
    float: left;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}


.kdn_icon{
    width: 50px;
    height: auto;
}
.kdn_chat_text{
  position: relative;
  padding: 0px 0px 10px 0px;
  display: block;
  word-wrap: break-word;
}
.kdn_chat_text span{
    text-align: left;
    float: left;
}
.kdn_chat_text p {
/*  margin-bottom: 13px;*/
  }
.kdn_chat_history{
  display: block;
  padding: 8px 10px 0px;
  position: relative;
  margin-bottom: 5px;
}

.kdn_chat_history p{  
  padding-bottom: 6px;
  text-align: right;
  font-size: 14px;
  color: #dfdfdf;
}
.kdn_chat_history p span {
  color:#2aa2cb;
  }
.kdn_history_consultant{
/*    background: #e6fbff;
	padding-top: 19px;*/
}

.kdn_input_group{
    /*float: right;*/
    display: block;
    width: 323px;
}
#kdn_message{
    overflow: auto;
    height: 140px;
    /*height: 120px;*/
    background-color: white;
	padding-top: 5px!important;
}

.kdn_menu{
    float: right;
    display: block;
    width: 100%/*323px*/;
    height:50px;
}

.kdn_col_button{
    display: inline-block;
    float: left;
    height: 18px;
    width: 213px;
    margin-top:15px;
}
.kdn_icon_menu{
    width: 18px;
    height:18px;
    margin-left:15px;
    display: inline-block;
    cursor: pointer;
}

#kdn_smile{
    background: url(/consultant/Module/view/img/kdn_smile.png) no-repeat 100%;
}

#kdn_attach{
    background: url(/consultant/Module/view/img/kdn_attach.png) no-repeat 100%;
    width:17px;
}

#kdn_volume{
    background: url(/consultant/Module/view/img/kdn_volume.png) no-repeat 100%;
    height:16px;
}

.kdn_mute{
  background: url(/consultant/Module/view/img/kdn_volume_mute.png) no-repeat 100%!important;
  height: 14px!important;
}

#kdn_print{
    background: url(/consultant/Module/view/img/kdn_printer.png) no-repeat 100%;
}

#kdn_settings{
    background: url(/consultant/Module/view/img/kdn_setting.png) no-repeat 100%;
    height:17px;
    width:17px;
}
.kdn_settings_on ul li {
    background-image: url(/consultant/Module/view/img/kdn_setting.png);
    background-position: 1px;
    background-repeat: no-repeat;
}

.kdn_col_send{
    display: inline-block;
    margin-top: 7px;
    height: 25px;
    width: 88px;
    background-color: #33cc66;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
	float: right;
	margin-right: 10px;
}
.kdn_send{
    /*line-height: 25px;
    text-transform: uppercase;
    font-size: 11.62px;
    color: #ffffff;
    text-align: center;*/
	background-color: #00a7d4;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    float: right;
    height: 34px;
    line-height: 34px;
    text-transform: uppercase;
    width: 130px;
	text-align: center;
}

.kdn_offline{
    position: relative;
    display: block;
    height: 35px;
    padding-top:15px;
    margin-bottom: 15px;
}

.kdn_form_control{
   /* width: 301px;
    border: 1px solid #d7d7d7;
    padding: 10px;
    font-size: 14.53px;
    font-family: "SegoeUIRegular",sans-serif;*/

}
.kdn_form_control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 0px 12px!important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.kdn_input_group .kdn_form_control {
    border-radius: 10px !important;
    float: left;
    margin: 2.5px 2.5%;
    position: relative;
    width: 95%;
    z-index: 2;
}
.kdn_form_control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.kdn_form_control::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.kdn_form_control[disabled], .kdn_form_control[readonly], fieldset[disabled] .kdn_form_control {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}
#kdn_email{
    padding: 6px 10px;
    box-sizing: inherit;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	background: #fff;
}

.kdn_wind_offline{
   /* height: 325px;*/
}
.kdn_wind_offline .kdn_header_left {
    background: grey;
    border-bottom: 1px solid grey;
}

.kdn_offline_error{
    display: block;
    float: right;
    margin: -135px 50px 10px 10px;
    position: relative;
    width: 183px;
    color: #fff;
    line-height: 16px;
}
.kdn_cont_offline {
    /*height: 282px;*/
}

.kdn_wind_end{
    max-height: 290px;
}
.kdn_dialog-end, .kdn_offline_send{
    position: relative;
    display: block;
    width: 323px;
    height: 222px;
    background: #efefef;
    padding: 15px;
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    -khtml-border-radius: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 0px;
}

.kdn_dialog-end p, .kdn_offline_send p{
    font-size: 15px;
    margin: 3px 0 0;
}
.kdn_dialog-end h4, .kdn_offline_send h4{
    font-size: 18px;
    margin: 29px 0px 0;
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    outline: 0;
    padding: 0;
}

.kdn_offline_send h3,.kdn_dialog-end h3{
    font-size: 18px;
    margin: 25px 0px;
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    outline: 0;
    padding: 0;
}

.kdn_dialog-end .kdn_input_group{
    margin: 0 auto;
    float: none;
    width: auto;
}
#kdn_dialog_save{
    margin: 20px auto 12px;
    padding: 6px 10px;
    width: 301px;
	background: #fff;
}

.kdn_button_group{
/*    position: absolute;
    left: 50%;
    margin-left: -90px;*/
    margin-top: 20px;
	text-align: center;
/*    width: 180px;*/
}

.kdn_btn{
    display: inline-block;
    margin-top: 7px;
/*    height: 25px;*/
	padding: 6px 0;
	font-size: 14px;
	line-height:1.42857143;
	border-radius:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
    /*width: 88px;*/
    background-color: #33cc66;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    color: white;
	border: 1px solid transparent;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active, .btn:active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.kdn_btn_danger{
    background-color: #d9534f;
    border-color: #d43f3a;
	border-radius: 10px;
    color: #fff;
    cursor: pointer;
    line-height: 20px;
    min-width: 100px;
}
.kdn_btn_danger.active, .kdn_btn_danger:active, .kdn_btn_danger:focus, .kdn_btn_danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}
.kdn_btn_danger.active, .kdn_btn_danger:active {
    background-image: none;
}
.kdn_btn_danger.disabled, .kdn_btn_danger.disabled.active, .kdn_btn_danger.disabled:active, .kdn_btn_danger.disabled:focus, .kdn_btn_danger.disabled:hover, .kdn_btn_danger[disabled], .kdn_btn_danger.active[disabled], .kdn_btn_danger[disabled]:active, 
.kdn_btn_danger[disabled]:focus, .kdn_btn_danger[disabled]:hover, fieldset[disabled] .kdn_btn_danger, fieldset[disabled] .kdn_btn_danger.active, fieldset[disabled] .kdn_btn_danger:active, fieldset[disabled] .kdn_btn_danger:focus, fieldset[disabled] .kdn_btn_danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.kdn_btn_danger .badge {
    background-color: #fff;
    color: #d9534f;
}
.kdn_btn_success{
    /*position: absolute; 
    margin-left: -55px;
    width: 110px;
    margin-top: 25px;        
    left: 50%;*/
	background-color: #00a7d4;
    border-color: #00a7d4;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    line-height: 20px;
	margin-top: 15px;
    min-width: 100px;
  }
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .kdn_btn_success.active, .kdn_btn_success:active, .kdn_btn_success:focus, .kdn_btn_success:hover, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.kdn_btn_success {
    background-color: #00a7d4;
    border-color: #1381b4;
    color: #fff;
}
.kdn_wind_offline_send{
    height: 235px;
}

.kdn_offline_send{
    height: 162px;
}

.kdn_offline, .kdn_dialog-end, .kdn_offline_send, .kdn_danger, .kdn_warning {
    display: none;
}
@media only screen and (max-height: 960px), only screen and (max-device-height: 768px){
  .kdn_consult_info_col {max-height: 120px;}
  }
@media only screen and (max-width: 960px), only screen and (max-device-width: 960px){

.kdn_wind_offline {
  /*height: 325px!important;*/
}

.kdn_wind_end{
    height: 290px!important;
}

.kdn_cont_offline {
  height: 281px!important;
  width: 325px!important;
}
.kdn_cont_offline #kdn_message {
  height: 100px;
}
.kdn_consult_photo { width: 100px; height: 100px}
#kdn_consult_img {
	width: 100px;
    }
.kdn_consult_info_col {
    width: 325px;
    min-height: 50px;
    float: none;
}
#kdn_firstname {font-size: 18px;}
.kdn_consult {
    display: inline-block;
	width: 180px;
	text-align: left;
}
.kdn_request_a_call{
    display: none;
    position: absolute;
    right: 10px;
    bottom: 3px;
    margin: 0px;
}
.kdn_window {
    width: 325px;
    /*height: 415px;*/
    }
.kdn_container {
  width: 325px;
/*  height: 370px;*/
  }

#kdn_message {
  height: 40px;
  width: 282px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: -10px;
  line-height: 14px;
}
.kdn_dialog-end, .kdn_offline_send {
  width: 295px;
  }
#kdn_dialog_save {
  width: 276px;
  }
.kdn_btn_success {
  margin-top: 20px;
}

.kdn_warning, .kdn_danger {
    position: absolute;
    width: 302px;
    height: auto;
    padding: 10px;
    margin-left: 0px;
    margin-bottom: 90px;
    bottom: 0px;
    color: white;
    background-color: rgba(234,49,55,0.7);
}

}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {  
  .kdn_window {width: 98%;top:7px!important;right: 10px!important;margin: 0px!important;height: 98%;}
  .kdn_container, .kdn_cont_offline {width: 100%!important;height: 98%!important;}
  .kdn_container{height: 99%!important;}
  .kdn_consult_info_col{width: 100%!important; height: 12%;/*20*/}
  .kdn_dialog_history{height: 36%;/*38*/}
  .kdn_cont_offline .kdn_consult_info_col{height: 10%;/*10*/} 
  .kdn_offline_error {width: 85%!important;margin: -90px 20px 0 0;float: right;}
  #kdn_consult_img {
    width: 70px;
}
.kdn_consult_photo {
    width: 70px;
    height: 70px;
}
  .kdn_input_group {width: 98%;height: 32%;/*18*/}
  #kdn_message {width: 95%;height: 100%;}
  .kdn_wind_offline .kdn_header { height:3%;/*8%*/}
 /* .kdn_header{height: 13%;/*8%*//*}*/
  .kdn_menu{height: 10%;}
  .kdn_cont_offline .kdn_input_group{height: 78%}
  .kdn_cont_offline #kdn_message{height: 100%;}
   .kdn_wind_end{width: 323px;}
   .kdn_wind_end .kdn_input_group {height: auto;}
  }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { 
  .kdn_offline_error {width: 80%!important;}
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {   
  .kdn_offline_error {width: 60%!important;margin-top: -80px;}
  .kdn_consult_info_col{width: 100%!important; height: 20%;}
  .kdn_cont_offline .kdn_consult_info_col{height: 10%;} 
  .kdn_dialog_history{height: 38%;}
  .kdn_input_group {width: 98%;height: 18%;}
  #kdn_email{width: 90%;}
  .kdn_cont_offline #kdn_message{width: 90%;}
  .kdn_container, .kdn_cont_offline {width: 100%!important;height: 93%!important;}
}
@media only screen and (max-width: 375px), only screen and (max-device-width: 375px){
  .kdn_offline_error {
    width: 65% !important; 
	margin-top: -95px;
	}
}
@media(max-width: 360px) {
  .kdn_offline_error {margin-top: -80px;}
  #kdn_consult_img {
    width: 60px;
   }
  .kdn_consult_photo {
    width: 60px;
    height: 60px;
   }
  }

@media only screen and (min-device-width: 375px) and (max-device-width: 650px){
  .kdn_offline_error {
    width: 75% !important;
	}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 450px){
  .kdn_offline_error {
    width: 70% !important;
	}
  .kdn_offline_error {
    margin-top: -90px;

}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 627px){
  .kdn_header { height: 5%;}
  .kdn_container {width: 100%!important;height: 94%!important;}
  .kdn_cont_offline{width: 100%!important;height: 97%!important;}
  .kdn_cont_offline .kdn_input_group { height: 65%;}
  .kdn_dialog_history {height: 45%;}
  .kdn_dialog-end, .kdn_offline_send {width: 92%; margin-top: 27px;}
  .kdn_cont_offline .kdn_consult_info_col{height: 12%;}
  .kdn_cont_offline{height: 97%!important;}
  .kdn_wind_end .kdn_header { height: 3%;}
  #kdn_message {width: 90%;}

}

@media only screen and (min-device-width: 360px) and (max-device-width: 667px){
  .kdn_header {height: 6%;}
  .kdn_container, .kdn_cont_offline {width: 100%!important;height: 97%!important;}
  .kdn_dialog_history {height: 45%;}
  .kdn_dialog-end, .kdn_offline_send {width: 92%; margin-top: 27px;}
  .kdn_cont_offline .kdn_consult_info_col{height: 12%;}
  .kdn_cont_offline{height: 97%!important;}
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 362px){
  .kdn_offline_error {
    margin-top: -90px;
}
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 332px){
  .kdn_wind_end {height: 290px!important;}
  .kdn_header{/*height: 36px;*/ height: 8%;}
  .kdn_header_left{display: none;}
  .kdn_window { /*width: 315px;height: 415px;right: 1px;*/}
  .kdn_container {width: 315px!important;height: auto;/*height: 370px;*/}
  .kdn_consult_info_col {width: 315px;min-height: 30px;float: none;}
  .kdn_form_control {width: 292px;}
  #kdn_message {/* width: 293px;*/width: 270px;height: 100%;}
  .kdn_input_group {float: right;display: block;width: 315px;height: 21%;}
  .kdn_dialog_history{width: 313px;/*height: 200px*/height: 40%;}
  .kdn_wind_end .kdn_header { height: 36px;}
  .kdn_warning, .kdn_danger {margin-left: 0px; margin-bottom: 90px;}
  .kdn_cont_offline.kdn_warning, .kdn_cont_offline.kdn_danger {margin-left: 0px; margin-bottom: 42px;}
  .kdn_offline_error{ width: 70%!important; margin-top: -95px;}
  .kdn_input_group {/*width: 92%;*/width: 99%;}
  .kdn_send {width: 100px;}
  .kdn_consult_photo{width: 40px;height: 40px;margin-right: 10px;}
  #kdn_consult_img{width: 100%; height: auto;}
  .kdn_menu { /*height: 50px;*/ height: 10%}
  #kdn_email{width: 85%;}
  .kdn_cont_offline #kdn_message{width: 85%;}
  .kdn_cont_offline .kdn_input_group {width: 98%;height: 58%;}
  .kdn_container, .kdn_cont_offline {width: 100%!important;height: 92%!important;}
  .kdn_dialog-end, .kdn_offline_send {width: 292px;}
  #kdn_dialog_save {width: 260px;}
  .kdn_cont_offline .kdn_consult_info_col{height: 17%;}
  .kdn_cont_offline{height: 97%!important;}
  }

#kdn_audio {
    display: none;
    width:0;
    height:0;
    border:0;
    margin:0;
    padding:0;
}

#kdn_file_upload {
    display: none;
    width:0;
    height:0;
    border:0;
    margin:0;
    padding:0;
}

@media print {
    .kdn_printSelected>* {display: none!important; }
    .kdn_printSelected>.kdn_printSelection { display: block!important; }
}

.kdn_printSelection{
    display:none;
}

#kdn_context-menu {
    position: absolute;
    z-index: 10;
    display: none;
    padding: 5px 10px;
    margin: 26px -28px -3px -12px;
}

@media(max-width: 800px) {
  #kdn_context-menu {
    left: 15px!important;
    }
  .kdn_right-bottom .kdn_arrow-bottom {
    background-position: left bottom!important;
    }
  }

#kdn_context-menu ul {
    background-color: #f7f7f7;
    color: #333;
    font-size: 12px;
    padding: 2px;
    zoom: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
    margin: 0;
    margin-left: 3px;
}

#kdn_context-menu li {
    padding: 3px 5px 3px 20px;
    line-height: 12px;
    cursor: pointer;
    margin-bottom: 2px;
    background: 1px no-repeat;
    white-space: nowrap;
    list-style-type:none;
}

#kdn_context-menu li:last-child {
    margin-bottom: 0;
}

.kdn_settings_on {
	background-position-x: 3px!important;
    background-repeat: no-repeat!important;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAANhQTFRFAAAAAHcAAHgAHrgTAHEA5P+lAA8ACoEFCHwEAUkAAA0AAEkAGJIQGo0RAFQAHpYWSLM3NqojDG0FHZYVSbM5H5YPCEoEGp0SLKMgEX0LSbM5HpYOCE0EAAAARLIxKJ0UBmgDHZYVSLM5HZUOCE0EAAAALqEdP7YgIZgQGo4TSLM6HJUNBGQCIJcQM7AZMrAZQLIuG5QNCEwDBGECG5INKqsUG5QMB0wDBF8CFYkKFokLB00EADQAACkAAAcAQbcrQLcrVL44P7YqOrQcPrYqPLUpKq4V////TcX6rgAAAD90Uk5TAAAAAAAAAAAAAAABQ1ULUuX0cFPl8XstbCPm8oIT0LslVObygxG5/blw5fIgrP7++vKDHK3+8oMcpd+CECwN8N7tYQAAAAFiS0dER2C9yXsAAAAJcEhZcwAACvAAAArwAUKsNJgAAABqSURBVAjXY2DAAhi5eXj5oGwmBn4BQSEYW1jEXlSMQVxCkpmFQVjKQVpGlkHOUV6BVVHJSVlFlY1BTd1ZQ1PLRRvEZtDR1dM3cDU0ArEZ2I1NTN3MzMFsBgYOC0srayibgYHTxtaOC9MZAMxHCpvL0oSsAAAAKnRFWHRDcmVhdGlvbiBUaW1lAE1vIDMgTXJ6IDIwMDMgMjI6NDI6MTAgKzAxMDD/JlV7AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTA5LTIxVDEyOjM5OjM4KzAzOjAwopbLGAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNS0wOS0yMVQxMjozOTozOCswMzowMNPLc6QAAAAASUVORK5CYII=')!important;
}

#kdn_context-menu .kdn_emoticons {
    padding-left: 5px;
    width: 96px;
    white-space: normal;
}

#kdn_context-menu .kdn_emoticons img {
    cursor: pointer;
    margin: 3px;
    height: 18px;
    width: 18px;
}

.kdn_arrow {
    display: none;
    background: url(/consultant/Module/view/img/kdn_tooltip-arrows.gif) no-repeat left bottom;
    height: 5px;
    display: block;
    position: relative;
    z-index: 11;
}

.kdn_arrow-top {
    display:none;
    position: relative;
    z-index: 11;
    background-position: left top;
}

.kdn_right-bottom .kdn_arrow-bottom {
	background-position: right bottom;
}

.kdn_right-top .kdn_arrow-top {
	display: block;
	background-position: right top;
}

.kdn_left-top .kdn_arrow-top {
	display: block;
}


.kdn_left-top .kdn_arrow-bottom,
.kdn_right-top .kdn_arrow-bottom {
	display: none;
}

#kdn_consult-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    background-image: url(/consultant/Module/view/img/kdn_overlay.png);
}

#kdn_consult-load-img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -5px;
    z-index: 100;
}

.kdn_window *, #kdn_call_consultant {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  }
#kdn_email, #kdn_message{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
body:nth-of-type(1) .kdnc_country-search {
  color: #333;
  }
#kdn_call_consultant_btn img {
	border-radius: 0 0 0 10px;
}