*{
	margin: 0;
	padding: 0;
	font-family: Tahoma; 
	font-size:14px;

}

.panel{
height:auto;
width:auto;
background-color:#fff;
margin:10px;
padding:10px;
border:4px solid #26A69A;	
border-radius: 4px;
position:relative;
}

.baslik{
margin:20px;
text-align:center;
font-family:Verdana;
}
.baslik_1{
	font-size:20px;
	font-weight:bold;
	font-family:Verdana;
	
}
.giris{
	text-align:center;
	margin:20px;
	text-align:center;
	width:auto;
	height:auto;
	
}
.giris_alt{
font-family:Verdana;
padding: 2px;
margin:5px;	
border:1px solid #000;
font-size:15px;
padding:5px;
border-radius: 4px;
}
.button_giris{
	margin-top:10px;
	font-weight:bold;
	padding:5px;
	width:150px;
	height:35px;
	border:1px solid #26A69A;
	border-radius: 4px;
}

.form-control, .form-select{
	border:1px solid #A9A9A9;
}

#msj_box{
	position:absolute;
	height:auto;
	width:80%;
	border:6px solid #5C6BC0;
	background-color:#E8EAF6;
	top:40%;
	left:10%;
	padding:10px;
	box-shadow:0 0 6px 4px rgba(0,0,0,0.6); 

}

#bgonder{
	position:absolute;
	height:auto;
	width:80%;
	border:6px solid #5C6BC0;
	background-color:#E8EAF6;	
	top:30%;
	left:10%;
	padding:10px;
	box-shadow:0 0 6px 4px rgba(0,0,0,0.4); 
	transition:opacity 0.6s ease-out;

}


#isletme{
width:100%;
height:40px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
padding:5px;
background-color:#EDE7F6;	
}

 /* Remove default bullets */
ul, #myUL {
  list-style-type: none;
}

li {  cursor: pointer;}
/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 5px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
} 

#arama{
	height:auto;
	width:100%;
	margin-top:5px;
	margin-left:1px;
	border:1px solid #000;
	padding:5px;
}
.msj_kutu{
position:absolute;
height:80%;
width:69%;
padding:2px;
border:1px solid #000;
background-color:red;	
}

#msg_send{
background-color:#B3E5FC; 
border-radius: 10px; 
box-shadow:0 0 2px 1px rgba(0,0,0,0.2);	
width:90%;
float:right;
margin-right:10px;
}
#msg_come{
background-color:#F9FBE7; 
border-radius: 10px; 
box-shadow:0 0 2px 1px rgba(0,0,0,0.2);	
width:90%;
float:left;
margin-left:10px;
}

#yeni_konu{
	position:absolute;
	height:auto;
	width:80%;
	border:6px solid #5C6BC0;
	background-color:#E8EAF6;
	margin-top:-100px;
	left:10%;
	padding:10px;
	box-shadow:0 0 6px 4px rgba(0,0,0,0.6); 
	z-index:1;
}
body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
body::-moz-scrollbar {
  width: 1em;
	overflow-y:none

}
 
body::-moz-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
}
 
body::-moz-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}