.h-device{
	height: 100vh !important;
	overflow-y: auto;
}

.h-sub{
	height: 70vh !important;
	overflow-y: auto;
}

.chat-container{
	position: relative;
}

.chat-input{
	position: absolute;
	background-color: #fff;
	padding: 10px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.chat-area{
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100vh - 200px);
}

.chat-area2{
	height: calc(100vh - 80px);
}

.btn-white:hover{
	background-color: #f3f3f3;
}

.img-profile-wrapper{
	position: relative;
}

.img-profile{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.img-profile-wrapper-big{
	width: 120px;
}

.img-profile-big{
	width: 120px;
	height: 120px;
}

.img-profile img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-profile-wrapper i{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: white;
	border-radius: 50%;
	font-size: 18px;
}

.img-profile-wrapper-big i{
	right: 10px;
	font-size: 28px;
}

.other-message, .my-message{
	margin: 8px 0;
}

.message{
	display: inline-block;
	position: relative;
	max-width: 90%;
}

.message-text{
	padding: 8px 12px;
    border-radius: 18px;
}

.message-attach{
	border-radius: 14px;
	overflow: hidden;
}

.message-attach-midia{
	max-width: 100%;
	max-height: 70vh;
}

.message-attach-80{
	max-width: 80%;
}

.message-attach-big{
	/*width: 400px;*/
	min-width: 300px;
	max-width: 400px;
}

.message .fab,
.message .fal,
.message .fas
{
	position: absolute;
	top: -2px;
	right: -6px;
	background-color: #fff;
	border-radius: 50%;
	padding: 1px;
	z-index: 100;
}

.other-message .message-text{
	background-color: #eee;
}

.other-message .message{
	float: left;
}

.my-message .message{
	float: right;
}

.my-message .message-text{
	background-color: #007bff;
	color: white;
}

.my-message .message-text *{
	color: white;
}

.search-box{
	border-radius: 18px;
}


.form-control.search-box{
	background-color: #f1f1f1 !important;
	border-radius: 18px !important;
}

.chat-input .input-group{
	border-radius: 18px !important;
	background-color: #f1f1f1 !important;
	overflow: hidden;
}

.chat-input .form-control
{
	border-radius: 0 !important;
	border: none !important;
	background-color: #f1f1f1 !important;
}

.carousel-control-next, .carousel-control-prev{
    background-color: rgba(0, 0, 0, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 20px;
	opacity: 1 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);   
}


body{
	background-color: #fff !important;
}

.icon-lg{
	font-size: 18px;
}

@media (max-width: 767px)
{
	html, body {
		/*overflow: hidden;*/
	}
}

.img-box{
    max-height: 75vh;
}

.img-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.carousel-inner .img-box img{
	object-fit: cover;
}

.carousel-inner .img-box.r_square img{
	object-fit: fill;
}



.el-collapse-item__header {
    color: #99979c !important;
}

.flow .div_flow_content {
    width: 100% !important;
}

.flow {
    padding: 0 !important;
    display: initial;
}

.pill{
	border-radius: 999px;
}

pre{
	font-size: 14px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.p_add_btt, .btn{
	font-size: 14px;
}

.p_add_btt:hover{
	font-weight: 500;
	cursor: pointer;
	color: #050505 !important;
	background-color: #ccc !important;
}

.chat-avatar{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: -8px;
}

.chat-avatar img{
	width: 100%;
	height: 100;
	object-fit: cover;
}

.message-delay{
	display: none;
}

video{
	width: 100%;
}


.r_horizontal{
	width: 100% !important;
    height: 131px !important; 
}

.r_square{
	width: 100% !important;
    height: 248px !important;    
}

/*
#app2 > .row{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
}
*/