@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
/*****************************/
/* MESSAGE BOX RELATED CLASS */
/* (START) */
/*****************************/
 .msgbox-area {
	font-size: inherit;
	max-height: 100%;
	position: fixed;
	bottom: 65px;
	left: 20px;
	right: 20px;
	z-index: 1030;
}
 .msgbox-box {
	 font-size: inherit;
	 color: #fff;
	 background-color: rgba(0, 0, 0, 0.7);
	 margin: 0 0 1rem;
	 display: flex;
	 flex-direction: column;
	 position: relative;
	 border-radius: 12px;
	 box-shadow: 0 10px 15px rgba(0, 0, 0, 0.65);
	 backdrop-filter: blur(4px);
	 transition: opacity 256ms ease-in;
}
 .msgbox-box.msgbox-box-hide {
	 opacity: 0;
}
 .msgbox-box:last-child {
	 margin: 0;
}
 .msgbox-content {
	font-size: inherit;
	padding: 0.5rem;
	padding-bottom: 0;
	flex-shrink: 1;
	display: flex;
}
.msgbox-content-avatar{margin-right: 10px;}
.msgbox-content-avatar img{
	border-radius: 50%;
    width: 50px;
}
 .msgbox-command {
	padding: 0.5rem;
	padding-top: 0;
	display: flex;
	justify-content: space-between;
}
 .msgbox-close, .msgbox-open{
	 color: #fff;
	 font-size: inherit;
	 text-decoration: none;
	 margin: 0 10px;
	 flex-grow: 0;
	 flex-shrink: 0;
	 position: relative;
	 transition: color 64ms ease-out, text-shadow 64ms ease-out;
}
/*.msgbox-close{
	position:absolute;
	top: 0;
	right: 5px;
}*/
 .msgbox-close:hover, .msgbox-open:hover,
 .msgbox-close:focus, .msgbox-open:focus,
 .msgbox-close:active, .msgbox-open:active {
	 color: #efefef;
	 text-shadow: 0 0 4px #fff;
}
 .msgbox-close:first-child {
	 margin-left: auto;
}
 .msgbox-close:last-child {
	 margin-right: 0;
}
 @media (min-width: 481px) and (max-width: 767px) {
	 .msgbox-area {
		 left: 80px;
		 right: 80px;
	}
}
 @media (min-width: 768px) {
	 .msgbox-area {
		 width: 480px;
		 height: 0;
		 top: 65px;
		 left: auto;
		 right: 15px;
		}
	}
@media (max-width: 365px) {
	.msgbox-close, .msgbox-open{margin: 0 5px;}
}
@media (max-width: 330px) {
	.msgbox-close, .msgbox-open{margin: 0 3px;}
}
/******************************/
/* MESSAGE BOX RELATED CLASS */
/* (END) */
/*****************************/
.msgbox-area {
	 font-size: 16px;
}
 .msgbox-message-container {
	 text-align: center;
	 background-color: #fff;
	 padding: 2rem;
	 box-sizing: border-box;
	 border-radius: 1rem;
	 box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
}
 .msgbox-message-container h1, .msgbox-message-container h3 {
	 font-weight: normal;
	 padding: 0.5rem 1rem;
	 margin: 0;
}
 .msgbox-message-container h1:first-child, .msgbox-message-container h3:first-child {
	 padding-top: 0;
}
 .msgbox-message-container h1:last-child, .msgbox-message-container h3:last-child {
	 padding-bottom: 0;
}
 .msgbox-message-container p {
	 padding: 0.5rem 1rem;
	 margin: 0;
}
 .msgbox-message-container p:first-child {
	 padding-top: 0;
}
 .msgbox-message-container p:last-child {
	 padding-bottom: 0;
}
 .msgbox-message-button {
	 font-size: 18px;
	 font-family: inherit;
	 color: white;
	 background-color: #387cdc;
	 width: 250px;
	 border: solid 2px #2263bf;
	 padding: 0.75rem 1.5rem;
	 cursor: pointer;
	 outline: none;
	 box-shadow: 0 0.4rem #2263bf;
	 transition: background-color 64ms ease-out, box-shadow 64ms ease-out, transform 64ms ease-out;
}
 .msgbox-message-button:hover, .msgbox-message-button:focus, .msgbox-message-button:active {
	 background-color: #4e8ae0;
}
 .msgbox-message-button:active {
	 background-color: #256ed5;
	 box-shadow: 0 0 #2263bf;
	 transform: translateY(0.4rem);
}
._cancel-call-req{
	position: absolute;
	color: #ffa4ad;
    right: 5px;
    top: 7px;
}
._cancel-call-req i{font-size: 18px;}
.opacity-25{opacity: .25; background-color: #ff1e1e !important;}
.cancelled-over{
	top: 0;
    left: 0;
    opacity: .25;
}