/* chat widget css */
.col-xs-8,.col-xs-4{float: left;position: relative;min-height: 1px;}
.col-xs-8{width: 66.66666667%;}
.col-xs-4{width: 33.33333333%;}

.modal {text-align: center; padding: 0!important;}
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
/*.modal-popup{background: linear-gradient(#8769cd, #718acc);}*/
.modal-body-popup{padding: 30px 30px;min-width: 320px;}
.modal-body-content{box-shadow: none !important; border-radius: 0 !important; border: none !important;}
.pop-img{width: 105px; height: 105px; background: #fff; border-radius: 50%; display: block;  margin: -85px auto 0; padding: 12px;}
.modal-body-popup h4{font-size: 18px; font-weight: 500; text-align: center; margin: 25px 0;}
.pop-enquire-form-div{position: relative; margin-bottom: 25px;display: inline-block;width: 100%;}
.pop-enquire-form-div img{width: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.pop-enquire-form-div input{width: 100%; border-bottom: 1px solid #bdbdbd !important; height: 45px; border:none; font-weight: 300; padding-left: 25px; font-size: 13px; color: #000;}
.pop-enquire-form-div input:focus{border:none;border-bottom: 1px solid #bdbdbd !important;outline: none;}
.pop-enquire-form-div input::placeholder{color: #666;}

.pop-enquire-form-div .nice-select{margin-bottom: 0; border-bottom: 1px solid #bdbdbd !important; font-size: 13px; color: #000 !important; font-weight: 300; height: 45px; line-height: 45px;}
.pop-enquire-form-div .nice-select:after{width: 7px; right: 10px; height: 7px; border-bottom: 1px solid #777; border-right: 1px solid #777;}

.pop-enquire-btn{background: #7288cc; transition: 0.25s; margin-top: 9px; font-size: 15px; font-weight: 400; color: #fff; height: 45px; width: 100%; text-transform: uppercase; border:none;}
.pop-enquire-btn:hover{background: #f50a0a;}
.modal-body-content button.close{position: absolute; top: 10px; right: 15px; font-size: 24px; font-weight: 400; opacity: 1; z-index: 1;}

.modal-popup-callbck .pop-enquire-btn{margin-top: 0;}
.modal-popup-callbck .modal-body-popup h4{margin: 25px 0 15px 0;}
.modal-dialog-popup{max-width: 400px !important; margin: 80px auto 30px 0;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}

.details-error{position: absolute; bottom: -15px; font-size: 10px; color: red; font-weight: 400;}
.middle-form-enquire-div .details-error{color: #fff;}
.success_msg{text-align: center; font-size: 15px; font-weight: 300; color: #000; line-height: 25px;}
.success_msg i{font-size: 54px; color: green; display: block; margin-bottom: 10px;}
.middle-form-enquire .success_msg{color: #fff; font-size: 14px;}
.middle-form-enquire .success_msg i{color: #fff; font-size: 42px; margin-bottom: 5px;}
.formError{position:relative}

.loading {position: fixed; z-index: 99999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0;display:none}
.loading:before {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.loading:not(:required) {/* hide "loading..." text */font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
/* .loading:not(:required):after {content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;} */

/* HTML: <div class="loader"></div> */
.loader {
  --d:22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: #ffffff;
  box-shadow: 
    calc(1*var(--d))      calc(0*var(--d))     0 0,
    calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
    calc(0*var(--d))      calc(1*var(--d))     0 2px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
    calc(-1*var(--d))     calc(0*var(--d))     0 4px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
    calc(0*var(--d))      calc(-1*var(--d))    0 6px;
  animation: l27 1s infinite steps(8);
}
@keyframes l27 {
  100% {transform: rotate(1turn)}
}


button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}

/* Mobile fixed footer*/
.bottom-fixed {width: 100%;z-index: 1; position: fixed;left: 0;display: none;right: 0;bottom: 0;background: #fff;padding: 15px 0;box-shadow: 0 0 5px rgba(0, 0, 0, .15);}
.bottom-fixed ul {margin: 0;padding: 0;list-style: none;}
.bottom-fixed ul li {float: left;width: 33.33%;border-right: 1px solid #eee;text-align: center;}
.bottom-fixed ul li a {display: block;text-decoration: none !important;color: #777 !important;}
.bottom-fixed ul li a img {width: 22px;margin-right: 8px;vertical-align: middle;}

@media (max-width: 991px) {
    .mylivechat_inline {display: none !important;}
	.bottom-fixed {display: initial;}
	#chat-bot-launcher-container.chat-bot-avatar-launcher, #chat-bot-launcher-container.chat-bot-launcher-notext{bottom: 65px!important;}
	#chat-bot-message-container{bottom: 130px;}
}