/*floating button*/

.fixed-action-btn {

    position: fixed;

    right: 13px;

    bottom: 13px;

    padding-top: 15px;

    margin-bottom: 0;

    z-index: 997;

}



.btn-floating.btn-large {

    width: 56px;

    height: 56px;

    padding: 0;

}



.btn-floating {

    display: inline-block;

    color: #fff;

    position: relative;

    overflow: hidden;

    z-index: 1;

    width: 40px;

    height: 40px;

    line-height: 40px;

    padding: 0;

    background:#c054ff;

    border-radius: 50%;

    -webkit-transition: background-color .3s;

    transition: background-color .3s;

    cursor: pointer;

    vertical-align: middle;

}

.btn-floating:hover, .close-icon:hover, .back-icon:hover, .chat-cards

{

	cursor:pointer;

}

.btn-large {

    height: 54px;

    line-height: 54px;

    font-size: 15px;

    padding: 0 28px;

	text-decoration: none;

}



.btn-large i {

    font-size: 1.6rem;

}



.btn-floating.btn-large i {

    line-height: 56px;

}



.btn-floating i {

    width: inherit;

    display: inline-block;

    text-align: center;

    color: #fff;

    font-size: 1.6rem;

    line-height: 40px;

}



/*chat box */

#chat_box{

	display: none;

	float: right;

	width: 350px;

	bottom: 75px; 

	position: fixed;

	right:10px;	

	z-index:999;

}



.reply-btn

{ 

	cursor:pointer;

	color:#007bff!important;

}

@media (max-width: 767px)

{

	#chat_box

	{

		right:0px;	

		margin-left: 5px;

		margin-right: 5px;

	}

}

.chat-box-on

{

	display: block!important;

}

#chat_box .form-group

{

	margin-bottom:0.5rem

}



#chat_box .invalid-feedback

{

	margin-top: .05rem;

    font-size: 70%;

}

#chat_box .btn-primary 

{

    color: #fff;

    background-color: #173464;

    border-color: #173464;

	border-radius:0px;

}

#chat_box #message

{

   border-radius:0px;

}

#chat_box .form-control:focus

{

  box-shadow: inset 0 0px 0 #173464;  

  border:1px solid #173464;

  border-radius:0px;

}

#chat_box .card

{

    

	box-shadow: 0 2px 44px 0 rgba(158,158,158,.5);

}

#chat_box .card-body

{

	padding: .5rem;

}

#chat_box .card-header

{

    padding: 0px;

    background:url(../img/hero/ba-bgchat.png);

}

#chat_box .card-footer

{

	padding: .5rem .5rem;

}

.back-icon

{

	display:block;

	box-sizing:border-box;

	width:20px;

	height:20px;

	color:#fbe794!important;

	font-size: 20px;

	margin-right:10px;		

	transition: all 0.3s ease;

	float:right;

	margin-top: -36px;

}

.close-icon

{

	display: block;

    box-sizing: border-box;

    width: 20px;

    height: 20px;

    border-width: 3px;

    border-style: solid;

    border-color: #fff;

    border-radius: 100%;

    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #fbe794 46%, #fbe794 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, #fbe794 46%, #fbe794 56%,transparent 56%, transparent 100%);

    background-color: #fff;

    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);

    transition: all 0.3s ease;

    float: right;

    margin-top: -35px;

	margin-right: 15px;

}

.chat-btn-close

{

	display:none;

}



/*live chat*/



.direct-chat .box-body {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    position: relative;

    overflow-x: hidden;

    padding: 0

}



.direct-chat.chat-pane-open .direct-chat-contacts {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

}



.direct-chat-messages

{

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    padding: 10px;

    height: 250px;

    overflow: auto;

    overflow-x: hidden;

	min-height:350px;

    overflow-wrap: break-word;

}



.direct-chat-msg,

.direct-chat-text {

    display: block

}



.direct-chat-msg {

    margin-bottom: 10px

}



.direct-chat-msg:before,

.direct-chat-msg:after {

    content: " ";

    display: table

}



.direct-chat-msg:after {

    clear: both

}



.direct-chat-messages,

.direct-chat-contacts {

    -webkit-transition: -webkit-transform .5s ease-in-out;

    -moz-transition: -moz-transform .5s ease-in-out;

    -o-transition: -o-transform .5s ease-in-out;

    transition: transform .5s ease-in-out

}



.direct-chat-text {

    border-radius: 5px;

    position: relative;

    padding: 5px 10px;

    background:  #173464;

    border: 1px solid #173464;

    margin: 5px 0 0 50px;

    color: #fff;

}



.direct-chat-text:after,

.direct-chat-text:before {

    position: absolute;

    right: 100%;

    top: 15px;

    border: solid transparent;

    border-right-color: #173464;

    content: ' ';

    height: 0;

    width: 0;

    pointer-events: none

}



.direct-chat-text:after {

    border-width: 5px;

    margin-top: -5px

}



.direct-chat-text:before {

    border-width: 6px;

    margin-top: -6px

}



.right .direct-chat-text {

    margin-right: 50px;

    margin-left: 0;

}



.right .direct-chat-text:after,

.right .direct-chat-text:before {

    right: auto;

    left: 100%;

    border-right-color: transparent;

    border-left-color: #173464

}



.direct-chat-img {

    border-radius: 50%;

    float: left;

    width: 40px;

    height: 40px

}



.right .direct-chat-img {

    float: right

}



.direct-chat-info {

    display: block;

    margin-bottom: 2px;

    font-size: 13px;

	color: #173464;

}



.direct-chat-name {

    font-weight: 600

}



.direct-chat-timestamp {

    color: #999

}



.direct-chat-contacts-open .direct-chat-contacts {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

}



.direct-chat-contacts {

    -webkit-transform: translate(101%, 0);

    -ms-transform: translate(101%, 0);

    -o-transform: translate(101%, 0);

    transform: translate(101%, 0);

    position: absolute;

    top: 0;

    bottom: 0;

    height: 250px;

    width: 100%;

    background: #222d32;

    color: #fff;

    overflow: auto

}



.contacts-list>li {

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    padding: 10px;

    margin: 0

}



.contacts-list>li:before,

.contacts-list>li:after {

    content: " ";

    display: table

}



.contacts-list>li:after {

    clear: both

}



.contacts-list>li:last-of-type {

    border-bottom: none

}



.contacts-list-img {

    border-radius: 50%;

    width: 40px;

    float: left

}



.contacts-list-info {

    margin-left: 45px;

    color: #fff

}



.contacts-list-name,

.contacts-list-status {

    display: block

}



.contacts-list-name {

    font-weight: 600

}



.contacts-list-status {

    font-size: 12px

}



.contacts-list-date {

    color: #aaa;

    font-weight: normal

}



.contacts-list-msg {

    color: #999

}



.direct-chat-danger .right>.direct-chat-text {

    background: #dd4b39;

    border-color: #dd4b39;

    color: #fff

}



.direct-chat-danger .right>.direct-chat-text:after,

.direct-chat-danger .right>.direct-chat-text:before {

    border-left-color: #dd4b39

}



.direct-chat-primary .right>.direct-chat-text {

    background: #278dd9;

    border-color: #278dd9;

    color: #fff

}



.direct-chat-primary .right>.direct-chat-text:after,

.direct-chat-primary .right>.direct-chat-text:before {

    border-left-color: #278dd9

}



.direct-chat-warning .right>.direct-chat-text {

    background: #f39c12;

    border-color: #f39c12;

    color: #fff

}



.direct-chat-warning .right>.direct-chat-text:after,

.direct-chat-warning .right>.direct-chat-text:before {

    border-left-color: #f39c12

}



.direct-chat-info .right>.direct-chat-text {

    background: #00c0ef;

    border-color: #00c0ef;

    color: #fff

}



.direct-chat-info .right>.direct-chat-text:after,

.direct-chat-info .right>.direct-chat-text:before {

    border-left-color: #00c0ef

}



.direct-chat-success .right>.direct-chat-text {

    background: #00a65a;

    border-color: #00a65a;

    color: #fff

}



.direct-chat-success .right>.direct-chat-text:after,

.direct-chat-success .right>.direct-chat-text:before {

    border-left-color: #00a65a

}



.text-left

{

	float:left;

}

.text-right

{

	float:right;

}

#chat_box .btn

{

	font-weight:700;

}

#chat_box .btn:hover

{

	color:rgb(255, 255, 255,0.8);

}



.chat-header-img

{

    border-radius: 50%;

    float: left;

    width: 40px;

    height: 40px;

	border:2px solid #fbe794;

	margin:5px;

}

.chat-header-title

{

	color:#fbe794;

	margin-top: 4%;

	margin-left: 55px;

}

.chat-cards

{

	margin:10px;	

}

.chat-cards .btn

{

    font-size: 17px;

    border-radius: 26px;

    font-weight: 600;

    padding: 8px 16px;

    margin-bottom: 4px;

}

.chat-cards a

{

	color: #fff!important;	

	

}

.chat-cards a i

{

	padding-left:5px;

	padding-right:5px;

}

.first-title

{

	margin-top:30px;

}

.second-title

{

	margin-bottom:30px;

}

.chat-head-bg h6

{

	color:#173464;

	font-size:20px;

	font-weight:600;	

}



.chat-head-bg

{

	margin-top:80px;

}



#initialize-chat

{

	min-height:300px;

}

#writetous-msg

{

	min-height:300px;

	margin-top:100px;

}

#writetous form

{

	padding:10px;

}

.direct-chat-messages::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

}



.direct-chat-messages::-webkit-scrollbar

{

	width: 3px;

	background-color: #F5F5F5;

}

.direct-chat-messages::-webkit-scrollbar-thumb

{

	background-color: #000000;

}