@font-face {
	font-family: "MonLig"; src:url('/fonts/Montserrat-Light.otf');}
@font-face {
	font-family: "MonReg"; src:url('/fonts/Montserrat-Regular.otf');}
@font-face {
	font-family: "MonMed"; src:url('/fonts/Montserrat-Medium.otf');}
@font-face {
	font-family: "MonBold"; src:url('/fonts/Montserrat-Bold.otf');}
@font-face {
	font-family: "MonEBold"; src:url('/fonts/Montserrat-ExtraBold.otf');}

@font-face {
	font-family: "Mt"; src:url('/fonts/BPG Mrgvlovani Caps 2010.ttf');}
@font-face {
	font-family: "Nus"; src:url('/fonts/BPG Mrgvlovani 2010.ttf');}

* {
   font-size: 14px;

}
body {
	font-family: "Nus";
	background: #f1f2f2;
	font-size: 13px;
}
body,
table,
select,
option,
.btn {
	font-family: "Nus";
}
.content {
	background: #fff;
	border-top: 1px solid transparent;
	min-height: 400px;
	min-height:90vh;
}
.footer {
	/*min-height: 100px;*/
	height: auto;
	padding: 10px 0;
}
.header {
	background: #1565c0;
/*	padding: 15px 0px;*/
}
.header a:hover {
	color: #fff;
}
.sub-header {
	background: #f1f2f2;
	color: #AAAAAA;
	padding: 16px 0;
}

.navbar {
	margin: 0;
	padding: 8px 0;
	font-size:13px !important;
}
.navbar-transparent {
    background-color: transparent;
    border-color: transparent;
}
.navbar-transparent .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-transparent .navbar-toggle {
    border-color: #fff;
}
.navbar-transparent .navbar-nav > li > a {

    color: #fff;
}
.navbar-transparent .navbar-nav > li > a:hover,
.navbar-transparent .navbar-nav > li.active  > a{
	background: rgba(0,0,0,0.3);
    color: #fff;
}
.navbar-transparent.navbar-light .navbar-toggler-icon {
	border-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-transparent.navbar-light .navbar-toggler {
	background:rgba(0, 0, 0, 0.1);
    border-color: transparent !important;
    outline: none;
    right: 0;
}
.navbar-nav .nav-link {
    padding-right: 8px;
    padding-left: 8px;
	font-size:13px;
}

.navbar-transparent .navbar-toggler.navbar-toggler-right {
	top: 16px !important;
}
.navbar-transparent .navbar-toggler-icon {
	color: white;
}
.navbar-transparent.navbar-light .navbar-nav .open > .nav-link, .navbar-transparent.navbar-light .navbar-nav .active > .nav-link, .navbar-transparent.navbar-light .navbar-nav .nav-link.open, .navbar-transparent.navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-transparent.navbar-light .navbar-nav .open > .nav-link, .navbar-transparent.navbar-light .navbar-nav .active > .nav-link, .navbar-transparent.navbar-light .navbar-nav .nav-link.open, .navbar-transparent.navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-transparent.navbar-light .navbar-nav .nav-link:focus, .navbar-transparent.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
/*    color: rgba(0, 0, 0, 0.8);*/
    color: #DCDCDC;
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {
	color: #FFFFFF;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #FFFFFF;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {

}

.anim-link {
	position: relative;
}
.anim-link > a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #1565c0;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}
.anim-link > a:hover:before,
.anim-link.active > a:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}




.header-userbar {
	padding: 9px 0px 0px 0px;
}
.header-userbar a {
	text-decoration: none;
	color: rgba(255,255,255,0.8);
	line-height: 1.5;
	font-size: 0.9em;
}
.table-borderless td,
.table-borderless th {
    border: 0 !important;
}


.caps {
			font-family: 'Mt';
			text-transform: uppercase;
		}
		
		.im-1x {
		  font-size: 1.5em;
		}
		.im-2x {
		  font-size: 2em;
		}
		.im-3x {
		  font-size: 3em;
		}
		.im-4x {
		  font-size: 4em;
		}
		.im-5x {
		  font-size: 5em;
		}
		.im-6x {
		  font-size: 6em;
		}
		.im-7x {
		  font-size: 7em;
		}
		.im-8x {
		  font-size: 8em;
		}
		.im-9x {
		  font-size: 9em;
		}
		.im-10x {
		  font-size: 10em;
		}
		.im-lg {
		    font-size: 1.33333333em;
		/*    line-height: .75em;
		    vertical-align: -15%;*/
		}
		
		
@media (max-width: 768px) {
/*	.sub-header .container {
		padding-left: 30px;
		border: 1px solid red;
	}*/
}
@media (min-width: 1200px){
.container {width:60%;}
}
@media (min-width: 768px) {
	.header .navbar {
		padding-left: 0;
	}
	.container{width:80%;}
	.col-md-10{flex: 1 0 83.333333%;max-width:unset;}
}
.login {
	padding-top: 35px;
}
.login h5 {
	color: #1c69c1;
	margin-left: 10px;
}
.login .sinput {
	border: 2px #FFFFFF solid;
	padding: 8px 12px;
	background-color: transparent;
	border-radius: 0px;
	width: 100%;
	margin-top: 4px;
	font-size: 15px;
	font-family: Nus;
}
.login .sbutton {
	border: none;
	background-color: #1565c0;
	padding: 8px 20px;
	color: #FFFFFF;
	transition: all 0.3s;
	font-family: Nus;
}
.login .sbutton:hover {
	background-color: #11539F;
}
.pagetitle {
	width: 100%;
	font-size: 17px;
	padding: 7px 0px;
	text-align: center;
	background-color: #1565c0;
	color: #FFFFFF;
}
.pagec {
	padding: 5px 0px;
}
.check-in-days {
	font-size: 11px !important;
}
.check-in-days a {
	text-decoration: none;
}
#scroll .form-group {
	margin-bottom: 0.3rem;
}
.b_loading{
	position:absolute;
	width:100%;
	height:100%;
	color:green;
	font-size:30px;
	z-index:100;
	align-items: center;
    display: flex;
    justify-content: center;
	background:#80808033;

}
.task_table{
width:100%;

}
.task_table th{
	padding:5px 5px;
		
	}
.task_table td{
padding:5px 5px;
min-width: 6vw;
max-width: 6vw;
text-align:center;
overflow-wrap: break-word;
}
.hr {
	background-color: #c3c6c9;
	height: 2px;
	width: 90%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.obj_wraper{
	display:flex;
/*-webkit-box-shadow: -7px 10px 5px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: -7px 10px 5px -7px rgba(0,0,0,0.75);
	box-shadow: -7px 10px 5px -7px rgba(0,0,0,0.75);*/
}
.checkin_title{
    min-height: 28px;
    vertical-align: top;
    flex-wrap: wrap;
    margin-left: 5px;
    display: inline-flex;
    align-content: center;
}
.checkin_mosuli_title{
margin-left:10px;
display:inline-block;
}
.checkin_mosuli_title span{

}
.a_span{
	margin-left:34px;
}
.cmp_table td{
	color:black;
}
.coment_div{
	/*margin-left:34px;*/
}
.check_title{
	color:black;
	font-weight:bold;
}
.string_form{
	width:100%;
	margin-top:15px;
}
.string_form input:read-only{
	border:none !important;
	outline: none;
}
.string_form input:focus{
	
	outline: none;
}
.string_form input{
	font-size:17px;
	padding:5px;
	width:60%;
	height: 40px;
    border-radius: 10px;

}
.string_form p{
	font-size:17px;
	padding:5px;
	width:60%;
	height: 40px;
    border-radius: 10px;
	text-align:left;
	margin:0px;
	font-family: sans-serif;

}
.strings_table{
display:flex;
width:100%;
}
.strings_table tbody{
	width:100%;
}
.strings_table tr{

	display:flex;
  
}
.strings_table th,.strings_table td{
	text-align: center!important;
	width: 33.333%;
	width:60%;
	
}
.strings_table td{
	position: relative;
	display: flex;
	
  
}
.strings_table td:last-child{
	justify-content: center;
}
.strings_edit_but{
	border-radius:50%;
	height:35px;
	width:35px;
	color:white;
	background:#1565c0;
	border:none;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
}
.string_i{
	font-size:21px;
	line-height:0px !important;
}
.string_form b {
	background:yellow;
}
.checkin_popup{
	display:none;
	position:absolute;
	top:20%;
	left:49%;
	transform:translate(-49%,0);
	max-width:80%;
	background:white;
	border-radius:20px;
	padding:20px;
	font-size:15px;
	min-width:25%;
	border:1px solid #1565c0;
	z-index:5;
	
}
.checkin_popup span{
	display:block;
	background:white;
	padding:5px;
	border:1px solid #1565c0;
	min-width:300px;
	border-radius:10px;
	margin-bottom:20px;
}
.checkin_popup button{
	padding:10px 20px;
	border-radius:20px;
	margin-left:10px;
	border-color:#1565c0;
	float:right;
}
.checkin_popup input{
	width:auto;
	min-width:60px;
}
.checkin_popup input:active {
	width: auto;   
}
.white_but{
	color:#1565c0;
	background:white;
}
.white_but:hover{
	background:#dee8fd;
}
.blue_but{
	color:white;
	background:#1565c0;
}
.blue_but:hover{
	background:#1565c0cf;
}
.round_input{

	font-size: 17px;
    padding: 5px;
    width: 60%;
    height: 40px;
    border-radius: 10px;
}
#search_res b {
	background:yellow;
}
.tasks_dropdown_wraper_holder{
cursor:pointer;
}

/*.tasks_dropdown_wraper_holder:hover .tasks_dropdown_wraper {
    display: block; 
}*/
.tasks_dropdown_wraper_holder_dist{
	cursor:pointer;
}
.tasks_dropdown_wraper{
	position: absolute;
    background: white;
    border: 1px solid black;
    padding: 5px;
    border-radius: 5px;
    top: 55px;
    left: 39%;
    transform: translate(-39%,0);
	display:none;
	z-index:100;
	overflow-y: scroll;
    max-height: 50vh;
}
.tasks_dropdown_wraper:hover{
	display:block;
}
.tasks_dropdown{
border-bottom:1px solid #d9d9d9;
border-radius:5px;
cursor:pointer;
margin:0px;
padding:5px;
}
.tasks_dropdown:hover{
	color:white !important;
	background:#0275d8;
}

.tasks_dropdown b{
margin-left:10px;
font-size: 11px;
color: #9a9595;
}
.tasks_dropdown:hover .tasks_dropdown b{
	color:white !important;
}
.tasks_dropdown_dist{
border-bottom:1px solid #d9d9d9;
border-radius:5px;
cursor:pointer;
margin:0px;
padding:5px;
width:100%;
}
.tasks_dropdown_dist:hover{
	color:white !important;
	background:#0275d8;
}
	
	
	
.drop_down_title{
	border: 1px solid #d9d9d9;
	padding: 5px;
	border-radius: 5px;
	position:relative;
	display:flex;
	justify-content: space-between;
    align-items: center;
	white-space: nowrap;
    margin-right: 20px;
}
.drop_down_title:after{
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000; /* You can set the color of the arrow here */
   /* Adjust this margin based on your preference */


}
.drop_down_title_dist{
	border: 1px solid #d9d9d9;
	padding: 5px 10px;
	border-radius: 5px;
	position:relative;
	display:inline-flex;
	justify-content: space-between;
    align-items: center;
	
}
.drop_down_title_dist:after{
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000; 
  	margin-left:10px;

}
.search_suj{
	display: none;
    position: absolute;
    background: white;
    padding: 5px;
    width: 200%;
    left: -74px;
    top: 47px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
	height:400px;
	overflow:hidden;
	overflow-y:scroll;
}
.search_suj_cmp{
	display: none;
    position: absolute;
    background: white;
    padding: 5px;
    width: 200%;
    left: 0px;
    top: 47px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
	max-height:400px;
	overflow:hidden;
	overflow-y:scroll;
}
.search_wraper_holder{
	min-width:50%; 
	margin-top:20px;
	 display:flex; 
	 justify-content:
	  space-evenly;
	  position:relative;
}
.show_all_inp{
	white-space: nowrap;
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    padding: 5px 15px;
    height: 33.5px;
    border-radius: 5px;
	cursor:pointer;
	background:white;
}
.show_all_inp:hover{
	color:white;
	background:#0275d8;
}
.show_all_inp_selected{
	color:white;
	background:#0275d8;
}
.show_all_inp_selected:hover{
	color:#292b2c;
	background:white;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
/* Center images vertically */
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 100%; /* Fill the entire slide */
	position: relative; /* Position the dots relative to the slide */
}
/* Ensure images maintain aspect ratio and remove default spacing */
.swiper-slide img {
	display: block; /* Remove inline space */
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	vertical-align: middle;
	cursor: zoom-in; /* Initial cursor style */
	transition: cursor 0.3s ease; /* Smooth transition for cursor change */
}
/* Change cursor to zoom-out when zoomed in */
.swiper-slide.zoomed img {
	cursor: zoom-out; /* Change cursor to zoom-out when zoomed in */
}
/* Remove any additional default spacing */
body {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* Customize pagination dots */
.swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px; /* Adjust as needed */
	text-align: center;
}
.swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff; /* White */
}
/* Style navigation arrows */
.swiper-button-next, .swiper-button-prev {
	color: #0275d8; /* Set arrow color to blue */
}
/* Hide navigation arrows on first and last slides */
.swiper-button-disabled {
	visibility: hidden;
}
.testing_pics{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
position:absolute;
top:0px;
width:98%;
margin:auto;
display:none;
overflow:hidden;
height:76vh;
background:white;
}
#cometchat__widget{
height:0px !important;
}
.testing_pics_visit{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
position:fixed;
top:65px;
width:750px;
margin:auto;
display:none;
overflow:hidden;
left:50%;
transform:translate(-50%);
height:450px;
background:white;
}
#cometchat__widget{
height:0px !important;
}
.button_holder{
	background:white;
	z-index:20;
	position:absolute;
	top:0px;
	right:0px;
	padding:5px;
	color:red;
	font-size:22;
	line-height: 1.1;
	display: flex;
    flex-direction: row-reverse;
}


/*//////////////////////////////////*/
.toggle-container {
	display: inline-block;
	width: 100px;
	height: 40px;
	border-radius: 20px;
	background-color: #ddd; /* Background color when off */
	position: relative;
	cursor: pointer;
	transition: background-color 0.3s;
}

.toggle-fill {
	width: 50px;
	height: 40px;
	border-radius: 20px;
	background-color: #f44336; /* Red color when off */
	position: absolute;
	top: 0;
	left: 0;
	transition: left 0.3s, background-color 0.3s;
}

.toggle-right .toggle-fill {
	left: 50px; /* Move fill to the right when on */
	background-color: #4CAF50; /* Green color when on */
}

input[type="radio"] {
	display: none; /* Hide radio buttons */
}

.toggle-text {
	position: absolute;
	width: 50px;
	height: 40px;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	color: white;
	pointer-events: none; /* Prevent pointer events */
}

.toggle-left-text {
	left: 0;
}

.toggle-right-text {
	right: 0;
}
.grey_icon{
	filter: grayscale(100%) brightness(70%);
}
.chat_menu_bot{
border: none;
background: none;
display: flex;
flex-direction: column;
align-items: center;
color:rgb(3, 169, 244);
cursor:pointer;
}
.chat_tittle{
	font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin: 0px;
    
}
.new_conv_but{
    
    z-index: 11;
    left: 5px;
    top: 0px;
    width: 25px;
    height: 25px;
    color: white;
    background: #5cb85c;
    border: none;
    border-radius: 5px;
	cursor:pointer;
}
.new_conv_but:focus{
	outline:none;
}
.chat_def_user_icon{
	height: 20px;
    margin-right: 10px;
}
.chat_user_list{
	overflow:hidden;
	overflow-y:auto;
	margin-top:10px;
	padding:10px
}
.chat_crt_conv_but{
	border-radius: 5px;
    border: none;
    width: 40%;
    margin: auto;
    display: flex;
    margin-top: 5px;
    height: 30px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.chat_close_button{
    color: red;
    float: right;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 5px;
    cursor: pointer;
	margin-right:5px;
}
.chat_search{
	border-radius: 16px;
    border: 1px solid lightgrey;
    width: 100%;
    margin-top: 10px;
    padding: 5px;

}
.chat_users{
	border-radius: 10px;
    border: 1px solid lightgrey;
    width: 100%;
    padding: 5px;
	margin-bottom: 10px;
    width: 80%;
    height: 30px;

}
.conv_numb{
    line-height: 1;
    font-size: 10px;
    position: absolute;
    top: 3px;
}
.dropdown-item {
	border-bottom: 1px solid lightgrey;
	position:relative;
    padding: 5px;
    cursor: pointer;
   	display:flex;
    border-radius: 5px;
    position:relative;
	margin: 0px;
	flex: 1; /* Ensures it takes available space */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: fit-content;
	align-items: center;
}
.dropdown-item:hover {
    background-color: #f1f1f1;
}

.dropdown_item_wrapper:hover .three_dots {
	display:flex;
}
.dropdown-item p{
	margin:0px;
	display:inline-block;
	position:relative;
}
.three_dots {
	display:none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 20px;
    border-radius: 50%;
    /*border: 1px solid black;*/
    top: 6px;
    right: 7px;
    background: white;
}
.three_dots::before {
   /* content: "⋯";*/
    font-size: 14px;
    line-height: 1;
}
.three_dots:hover {
	background-color: #f1f1f1;
}
.three_dots:hover .dropdown-item {
	background:white;
}
.three_dots img{
	width:20px;
}
.dropdown_item_wrapper{
align-items: center;
display:flex;
position:relative;
}
.mini_dropdown{
	position: absolute;
    background: white;
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    left: 5px;
    width: 80%;
    top: 5px;
    /* cursor: pointer; */
    min-height: 123px;
    z-index: 1;
    display: flex;
    justify-content: center;
}
.show_div{
	display:flex;
}
.chat_arrow{
	display: inline-block;
	border: solid white;
	border-width: 0 2px 2px 0;
	
	transform: rotate(45deg);
	display:none;
	height: 15px;
    width: 15px;
}
.remove_user_div img{
	width:20px;
}
.remove_user_div{
	display: inline-block;
	margin-left:10px;
}
.remove_user_div:hover .remove_user_div img{
	filter:invert() !important;
}
.current_users{
	padding: 7px;
   border-bottom:1px solid lightgrey;
	
}
.chat_new_lab{
	cursor:pointer
}
.chat_new_lab p{
	display:inline-block;
	margin:0px;
	
}
.chat_dropdown {
	background-color: white;
    height: 100%;
    border-radius: 4px;
     position: absolute; 
    z-index: 10;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;

}
.chat_new_chat {
	background-color: white;
    height: 100%;
    border-radius: 4px;
    z-index: 10;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;

}
.chat_conv_name{
    padding: 5px;
    border-radius: 5px;
    border: 1px solid lightgrey;
	width: 74%;
    display: block;
	margin:auto;
	margin-top:10px;
}
.chat_bubble{
    border-radius: 12px;
    width: 65%;
    background: lightgray;
    padding: 4px 10px;
    height: 39px;
    height: auto;
    flex-shrink: 0;
    min-height: 35px;
    height: -webkit-fill-available;
    margin-top: 5px;
    height: auto;
    position: relative;
    padding-bottom: 24px;
}
.chat_bubble:hover .chat_img_cont{
	display:flex;
}
.chat_bubble p{
	margin:0px;
	font-size:12px;
}
.chat_img_cont{
	width:47px;
	display:none;

    bottom: 13px;
   /* left: 12px;*/
	justify-content: space-evenly;
	align-items: center;
}
.chat_img_cont span{
	cursor:pointer;
}
.chat_img_cont span:first-child{
	line-height: 1;
font-size: 20px;

}
.chat_enlarged_img{
	display: none;
    margin: auto;
    height: 600px;
    z-index: 200;
    position: absolute;
    /* left: 0px; */
    /* top: 0px; */
    max-width: 100%;
	-webkit-box-shadow: -7px 10px 5px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: -7px 10px 5px -7px rgba(0,0,0,0.75);
	box-shadow: -7px 10px 5px -7px rgba(0,0,0,0.75);
}
.chat_enlarged_img img{
	height:100%;
}

.modal {
	display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 44px;
    width: 100%;
    height: 405px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
  }
  
  .modal-content {
	background-color: #fefefe;
	padding: 20px;
	border: 1px solid #888;
	width: 60%;
	overflow: hidden;
    overflow-y: scroll;
  }
  
  .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
    right: 5px;
    top: 10px;
	opacity: 1;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }
  .spinner {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #333;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.spinner_wraper{
	position: absolute;
    width: 100%;
   /* height: 100%;*/
   flex: 1;
    left: 0px;
    top: 0px;
    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: #77889954;
    z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.reply_div{
	opacity:0.5;
	overflow: hidden;
	white-space: normal;
word-break: break-word;
}
.reply_div:hover{
	opacity:1;
}
.non_reply_text{
    position: absolute;
    /* top: 50%; */
    background: white;
    padding: 10px;
    bottom: 10px;
    margin: 0px;
    border-radius: 5px;
	padding-top: 3px;
	min-width:115px;
    /* transform: translate(0px, -50%);*/
}
.remove_icon{
	top:7px;
	 right:10px;
	  position:absolute;
}
.remove_icon img{
	width:20px;
}
.reply_message_div{
	position:relative;
}
.unr_conv{
    border-radius: 50%;
    display: block;
    color: red;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 100%;
    top: -3px;
    margin-left: 5px;
}
/*
.unr_conv{
	background:blue;
	height:5px;
	width:5px;
	border-radius:50%;
	display:block;
	margin-left:5px;
}*/
.unread_count{
	position: absolute;
    color: white;
   /* border: 1px solid red;*/
    border-radius: 50%;
    right: 6px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
	top:1px;
}
.list_of_users{
    position: absolute;
    display: flex;
    background: white;
    border-radius: 11px;
    padding: 10px;
    margin: auto;
    width: 43%;
    top: 115px;
    right: 17%;
    max-height: 250px;
    z-index: 100;
    box-shadow: #000000 0px 0px 3px;
    overflow: hidden;
    overflow-y: auto;
}
.user_list_header{
    display: flex;
    justify-content: space-between;
	margin-bottom: 5px;
}
.chat_user_icon{
	width: 25px;
    height: 25px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: white;
    background: rgb(52 205 0);
    margin-right: 7px;
}
.chat_user_icon_wraper{
	display: flex;
    flex-direction: row;
	align-items: center;
	margin-left: 5px;
}
.chat_crt_date{
	position: absolute;
    font-size: 8px;
    bottom: 1px;

}
.unr_conv_wraper{
	position:relative;
	display: flex;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    transition: background 0.2s;
}

.autocomplete-items div:hover {
    background-color: #f1f1f1;
}

.autocomplete-items strong {
    color: #007bff;
    font-weight: bold;
}
.resizer {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: ne-resize;
    z-index: 10;
    background: transparent;
}
.resizer:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="18" y2="18" stroke="gray" stroke-width="2"/></svg>') no-repeat center center;
    opacity: 0.5;
}
.user_sub_users_label{
	position:relative;
	padding: 3px 10px;
    border: 1px solid lightgrey;
}
.user_sub_users_div{
	display:none;
	border:1px solid #ddd;
	border-radius:6px;
	padding:10px;
	margin-top:5px;
	
	
	
	/*position:absolute;
	display:none;
	background: white;
	padding:10px;
	border-radius: 5px;
	border:1px solid grey;
	top: 20px;*/
}
.chevron {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  padding: 3px;
  margin-left: 4px;
  vertical-align: middle;
  transition: transform 0.2s;
}
.chevron-down {
  transform: rotate(45deg);
}
.chevron-up {
  transform: rotate(-135deg);
}
.visit_search_suj{
	display: none;
    position: absolute;
    background: white;
    padding: 5px;
    width: 100%;
    left: 0px;
    top: 47px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    height: 227px;
    overflow: hidden;
    overflow-y: scroll;
}
.visi_sug_item{
	cursor:pointer;
	padding:5px;
	border-bottom:1px solid #d9d9d9;
}
.visi_sug_item:hover{
	background-color: #f1f1f1;
}
.paginator_class{
	cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px;
    min-width: 30px;
    color: white;
    background: lightgrey;
    border-radius: 5px;
}
.paginator_class:hover{
	background-color: #0275d8;
}
.read_indicator{
	color:#705e5e;
}