/***************************************************************************/
.chatbox-wrap{
    position:fixed;
    right:2%;
    bottom:0px;
    font-family:arial;
    z-index: 999;
    width:96%;
    max-width: 360px;
    min-width:280px;
    border: 1px solid #ddd;
    /*height: 414px;*/
    }

.chatbox-wrap.add_height{min-height:414px;}
.chatbox-header{
padding:10px;
background:#18368e;
color:#fff;
font-size:14px;
font-weight:bold;
cursor:pointer;
}
.chatbox-header::after{
content:'';
display:table;
clear:both;
}
.heading-name{
float:left;padding: 10px;font-weight:bold;font-size: 16px;
}
.close-min{
float:right;padding: 10px 0 0 0;font-weight: bold;

    width: 10%;
    float: right;
    text-align: left;
}
.close-min a{
color: #fff;
    text-decoration: none;
    padding: 0px 10px;
    font-size: 14px;
    top: 6px;
    position: relative;


}

.close-min a:after{
    display: none;
}
.web-chat-wrap{
display:none;
/*height: 370px;*/
}
.not-started{
background:#a4d7ed;
padding:10px;
color:#05445f;
font-size: 12px;
}
.web-chat-box-white{
background:#fff;
position:relative;
z-index:9;
}

#chatScreen
{

    /*height:414px;*/
}
.privacy_padding {
    padding-top: 38px;
}

.web-chat-box-white-privacy{
background:#fff;
position:relative;
z-index:9;
padding-top:15px;
}
.web-chat-option-form {padding-left:10px;padding-right:10px}

.web-chat-box-white h2{margin:0px;font-size:16px;padding: 10px 10px;font-weight: 600;}
.web-chat-support-form,.web-chat-option-form,.web-chat-login-form{
/*max-height: 290px*/ height:238px;  overflow-x: hidden;   padding: 10px;  -webkit-overflow-scrolling: touch;position:relative;

}
.step_2 {
    height:283px;
}

.step_3 {
    height:271px;
}
.web-chat-support-form label,.web-chat-support-form .error_chtFlds,.web-chat-option-form label,.web-chat-option-form .error_chtFlds,.web-chat-login-form label,.web-chat-login-form .error_chtFlds{width:100%;display:block;font-weight:600;padding-bottom: 5px;font-size:12px;margin-bottom: 0;padding-top: 0;}
    .web-chat-login-form div.history p {
        width:100%;display:block;padding-bottom: 5px;font-size:12px;margin-bottom: 0;padding-top: 0;
    }
.web-chat-support-form .error_chtFlds,.web-chat-option-form .error_chtFlds,.web-chat-login-form .error_chtFlds {
    color:#F00;
    }
.web-chat-support-form input,.web-chat-support-form select,.web-chat-option-form input, .web-chat-option-form select,.web-chat-login-form input, .web-chat-login-form select{
width:100%;
padding:5px 10px;
border:1px solid #ccc;
box-sizing:border-box;
margin-bottom: 10px;
}
.butns-wrap{
padding: 7px 10px;
border-top: 1px solid #ccc;
position:relative;
z-index:9;
background-color:#fff;
/*margin: 10px 0px;*/
}
.butns-wrap input{
    width:100%;
    background:#009fe7;
    color:#fff;
    border:0px;
    margin-bottom:7px;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
}
.butns-wrap input:last-child{
    margin-bottom:0px;
}
.history{
    height:270px;
    background:#ffffff;
    padding:10px;
    /*overflow:auto;*/
    font-size: 14px;
    overflow-x: hidden;

    color: #000000;

                    /*background-color: whitesmoke;*/
                    padding-left: 5px;
                    padding-right: 5px;
                    width: 100%;
                    border-radius: 5px;
                    -webkit-overflow-scrolling: touch;
                    padding-top: 5px;
                    padding-bottom: 5px;
}
.user-chat{

}
.user-chat::after,custMessage::after, .response-chat::after,agentMessage::after, .butns-wrap::after{
    display:table;
    content:'';
    width:100%;
}
.chat-history label, .chat-history p{
    float:left;
    font-size: 12px;
}
.type-msg-txtarea{
    height:45px;
    border:1px solid #ccc;
    width:100%;
    margin-bottom:10px;
}
.begin-chat-wrap,.chat-history-wrap{
    display:none;
}
.typing{
        font-size: 11px;
    width: 100%;
    padding: 2px 12px;
    background-color: #fff;
    position: absolute;
    bottom:0;
     right: 2px;
}
input.button-half{
    width:48%;
    float:left;
     background-image: url("../images/send.html");
}
.fr{float:right!important;}

.div_priv_pol{
    margin-left:10px;
}

#privacy-policy
{
    height:70%;
}

/*.accept-box p
{
    margin-right: 10px;
    margin-left: 16px;
    margin-top: -22px;
}*/

.butns-wrap1{
padding: 10px 10px 4px 10px;
border-top: 1px solid #ccc;
}
.butns-wrap1 input{
    width:49%;
    background:#009fe7;
    color:#fff;
    border:0px;
    margin-bottom:7px;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
}
/*.butns-wrap input:last-child{
    margin-bottom:0px;
}*/

.web-chat-option-form .accept-box input[type=checkbox]
{
    width:14px;
}
.web-chat-option-form .accept-box,.offline{
    font-size:12px;
}

.chatbox-wrap textarea
{
    resize:none;
}
#endChat{width: 10%;
    float: right;
    font-size: 23px;
    font-weight: bold;
    padding-top: 5px;
    position:relative;right:0;
    z-index:9999;
    text-align: left;}
#enterButton:hover{background-color:#0285d2;}
#enterButton{
	width: 13%;
    float: right;
    text-align: center;
    border-radius: 3px;
    height: 65px;
    font-size: 39px;
    font-weight: bold;
	cursor: pointer;
    padding: 0;
}

#enterButton svg{
    width: 20px;
    height: 65px;
    transform: rotate(180deg);
}

.butns-wrap .type-msg-txtarea {
        width: 85%;
    float: left;
    height: 65px;
    min-height: 65px;
    overflow-y: scroll;
    padding:6px;
    margin: 0;
}
.close-min a:hover{color:#fff;text-decoration:none;}
.close-min a:focus{color:#fff !important;text-decoration:none !important;outline:none !important;}
.privacy_title{margin: 0px;
    font-size: 16px;
    padding:17px 10px;
    font-weight: 600;
	float:left;
	}
.title_dx_logo{float:right;padding: 0 8px 0 0;}
.title_area{background-color:#fff;}


.custMessage {
      color: #ffffff;
                    background-color: #009fe7;
                    font-size: 14px;
                    width: 89%;
                    border-radius: 5px;
                    margin-left: 9%;
                    padding-left: 5px;
                    padding-right: 5px;
                    padding-bottom:5px;
                    padding-top: 5px;
                    margin-bottom: 12px

}

.agentMessage {
                    color: #000000;
                    font-size: 14px;
                    background-color: whitesmoke;
                    padding-left: 5px;
                    padding-right: 5px;
                    width: 92%;
                    border-radius: 5px;
                    padding-bottom:5px;
                    padding-top: 5px;
                    margin-bottom: 12px
                }
 .imgLogo{
           height: 42px;
           float: left;
           padding: 8px;
        }