@media screen and (min-width: 1200px) {
	ul#nick_list_menu li a:hover {
    background-color: #171B20;
	color: #fff;
	text-decoration: none;
}
#ozel_buton_1:hover {
	background-color: #999;
	color: #fff;
}
#ozel_buton_2:hover {
	background-color: #999;
	color: #fff;
}
#ozel_buton_3:hover {
	background-color: #999;
	color: #fff;
}
#ozel_buton_4:hover {
	background-color: #999;
	color: #fff;
}
#ozel_buton_5:hover {
	background-color: #999;
	color: #fff;
}
#radyo_durum:hover {
	background-color: #999;
	color: #fff;
}
#bold_item:hover {
	background-color: #999;
	border-style: solid;
    border-width: 1px;
    border-color: #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 35px;
	margin-top: 1px;
}
#italic_item:hover {
	background-color: #999;
	border-style: solid;
    border-width: 1px;
    border-color: #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 35px;
	margin-top: 1px;
}
#underline_item:hover {
	background-color: #999;
	border-style: solid;
    border-width: 1px;
    border-color: #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 35px;
	margin-top: 1px;
}
#eraser_item:hover {
	background-color: #999;
	border-style: solid;
    border-width: 1px;
    border-color: #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 35px;
	margin-top: 1px;
}
}

@media screen and (max-width: 800px) {
	div.window {
		background: none;
	}
	div#loading {
		top: 25%;
		left: 28%;
	}
	#yukleme_durum {
		top: 35%;
		left: 28;
	}
	#yukleme_durumx {
		top: 70%;
		left: 28;
	}
	ul#tabs ul#kanal_tabs {
        position: static;
        width: 100%;
		height: auto;
        max-height: calc(100% - 35px);
        overflow: auto;
        background: none;
    }   

    ul#tabs ul#ozel_tabs {
		position: static;
		height: auto;
        max-height: calc(100% - 35px);
        overflow: auto;
        background: none;
    }
	div#sidebar {
		display: none;
		margin-left: 0;
		background: rgba(23, 26, 30, 1);
		position: absolute;
		z-index: 5;
		bottom: 0;
		top: 32px;
		height: calc(100% - 92px);
		width: 100%;
		opacity: 1;
	}
	div#message_area {
		width: 100%;
		height: calc(100% - 32px);
	}
	div#nicklist {
	    width: 100px;
	    height: 100%;
	}
	#nicklist ul {
	border-left-style: solid;
    padding: 0;
    background: #1b1e23;
    height: calc(100% - 25px);
}
.prefix {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  margin-top: 3px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: normal;
  float: left;
  color: #fff;
}
span.prefix.q {
  display: inline-block;
  background: #FF0000;
  padding-top: 2px;
  text-align: center;
}
span.prefix.a {
  display: inline-block;
  background: #B40404;
  padding-top: 2px;
  text-align: center;
}
span.prefix.o {
  display: inline-block;
  background: #D82CAD;
  padding-top: 2px;
  text-align: center;
}
span.prefix.h {
  display: inline-block;
  background: #FF8000;
  padding-top: 2px;
  text-align: center;
}
span.prefix.v {
  display: inline-block;
  background: #2966E2;
  padding-top: 2px;
  text-align: center;
}
span.prefix.n {
  display: inline-block;
  background: #000000;
  text-align: center;
  padding-top: 3px;
  font-size: 9px;
}
	input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-size: 11px;
}
input[type=search] {
    background: #666666 url(../images/search-icon.png) no-repeat 5px center;
    width: 61px;
	height: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
	margin-top: 0px;
	margin-left: 1.5px;
	margin-right: 0px;
}

	div#ana_ekran {
	    width: calc(100% - 100px);
	    height: 100%;
	    float: left;
	}
	div#toolbar {
		height: 32px;
	}
	div#main_area {
	    height: calc(100% - 60px);
	    width: 100%;
	    background: #f3f4f7;
	}
	div#input {
	    height: 60px;
	    width: 100%;
	    background: white;
	}
	div#yazikutuserit {
		height: 26px;
	}
	i.icon_bar.fa {
	    line-height: 22px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	div.secilen_icon {
		background-color: #999;
		border-style: solid;
		border-width: 1px;
		border-color: #666;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		height: 23px;
		margin-top: 1px;
	}	
	div#mirc_indir {
		display: none;
	}
	i#scroll_lock {
	    float: right;
	    line-height: 26px;
	    font-size: 17px;
	    padding-right: 2.5px;
	    padding-left: 5px;
	    padding-top: 2px;
	    color: #171B20;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
	i#tam_ekran {
	    float: right;
	    line-height: 26px;
	    font-size: 17px;
	    padding-right: 5px;
	    padding-left: 2.5px;
	    color: #171B20;
	}
	div#toolbar_left,div#toolbar_center {
		display: none;
	}
	div#toolbar_mobil {
		display: block;
	}
	.user_avatar img {
    width: 90%;
    margin-left: 5%;
	margin-top: 10%;
	height: 100px;
	max-height: 100px;
    border-radius: 6px;
}
	.ozel_buton {
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:11px;
	width: 70%;
	height: 30px;
	text-align: center;
	text-decoration:none;
	padding-top: 5px;
	margin-top: 5px;
	margin-left: 15%;
}
#ozel_buton_1 {
	background-color: green;
}
#ozel_buton_2 {
	background-color: blue;
}
#ozel_buton_3 {
	background-color: brown;
}
#ozel_buton_4 {
	background-color: red;
}
#ozel_buton_5 {
	background-color: black;
	border:1px solid #ffffff;
}
	#gulrenk {
    height: 18px;
	width: 18px;
    margin: 3px;
    margin-left: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: linear-gradient(to right, red, orange , yellow, green, cyan, blue, violet);
}
#secilen_renk {
	margin: 2px;
	margin-left: 2px;
	color: white;
}
	div#input button i {
	    color: #000000;
	    line-height: 33px;
		margin-left: 7px;
	    float: left;
	    width: 22px;
	    text-align: center;
	}
	input#yaziarea {
	    height: 28px;
	    border: none;
	    width: calc(100% - 93px);
	    float: left;
	    margin-left: 5px;
	    background: #f1f1f1;
	    border-radius: 15px;
	    margin-top: 1px;
	    padding-left: 15px;
	}
	div#gonder_buton {
		float: left;
		width: 27px;
		height: 27px;
	    margin-top: 1px;
	    margin-left: 5px;
		background-color: #171B20;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	div#gonder_buton i {
		float: left;
	    line-height: 27px;
		font-size: 16px;
		padding-left: 4px;
		color: #FFFFFF;
	}
	div#insert_smile i {
	    line-height: 28px;
		font-size: 22px;
	    float: left;
	    margin-top: 3px;
	    margin-left: 5px;
		color: #171B20;
	}
	div#auto_tab2 i {
		display: block;
		float: left;
	    line-height: 28px;
		font-size: 20px;
	    margin-top: 3px;
	    padding-left: 5px;
		color: #171B20;
	}
	div#mobil_menu_icon {
		background: #171B20;
		color: white;
		height: 100%;
		line-height: 24px;
		border-style: solid;
        border-width: 2px;
        border-color: #666;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-top: 2px;
		margin-left: 5px;
		width: 28px;
		text-align: center;
		font-size: 18px;
	}
	div#mobil_menu_icon i {
		float: left;
	    line-height: 24px;
		font-size: 16px;
		padding-left: 4px;
		color: #FFFFFF;
	}
	img.gulrenk.grenk {
	    height: 20px;
	    margin: 3px;
	    margin-left: 4px;
	}

	#toolbar_mobil * {
		float: left;
	}

	.messages {
		width: 100%;
		font-size: 11px!important;
	    padding-left: 3px;
	}
	.message {
		width: 100%;
		display: inline-block;
		font-size: 11px!important;
	}

	.kanal_bilgi {
		display: none;
	}
	.user_in_list {
		height: calc(100% - 25px);
	}
	li.user_in_list.mode {
		height: 22px;
	}
	img.nick_list_avatar {
	    height: 20px;
	    float: left;
	    margin-left: 3px;
	    border-radius: 15px;
	    margin-top: 3px;
	    display: none;
	}
	i.material-icons.access {
		line-height: 22px;
		font-size: 13px;
		margin-left: 1px;
	}
	span.nick_list_nick {
	    line-height: 22px;
	    font-size: 11px;
	    margin-left: 2px;
		font-weight: bold;
	}
	div#kanal_list {
		background: #171B20;
		color: white;
		height: 100%;
		line-height: 24px;
		border-style: solid;
        border-width: 2px;
        border-color: #666;
		border-top-left-radius: 15px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		margin-top: 2px;
		margin-left: 5px;
		width: 100px;
		font-size: 11px;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	div#kanal_list i {
		font-size: 13px;
		padding-top: 5px;
		padding-left: 20px;
		padding-right: 2px;
	}

	div#ozel_list {
		background: #171B20;
		color: white;
		height: 100%;
		line-height: 24px;
		border-style: solid;
        border-width: 2px;
        border-color: #666;
		border-top-left-radius: 0px;
		border-top-right-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		margin-top: 2px;
		margin-left: 5px;
		width: 100px;
		font-size: 11px;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	div#ozel_list i {
		font-size: 13px;
		padding-top: 5px;
		padding-left: 20px;
		padding-right: 2px;
	}

	div#page_info {
		background: #171B20;
		color: white;
		height: 100%;
		line-height: 24px;
		border-style: solid;
        border-width: 2px;
        border-color: #666;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-top: 2px;
		margin-left: 5px;
		width: calc(100% - 253px);
		text-align: center;
		font-size: 11px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	div#list,ul#tabs,ul#tabs ul#kanal_tabs,ul#ozel_tabs {
		height: 100%;
	}
	
	span.bubble {
	    position: absolute;
	    height: 16px;
	    width: 16px;
	    top: 1px;
	    border-radius: 16px;
	    font-size: 9px;
	    display: none;
		text-align: center;
	}
	div#ozel_list  span.bubble { animation: blinker 0.9s linear infinite; background: red; line-height: 16px; right: 5px; }
	div#kanal_list  span.bubble { animation: blinker 0.9s linear infinite; background: red; line-height: 16px; left: 5px; }
	@keyframes blinker {  
      50% { opacity: 0; }
    }
	ul#nick_list_menu {
    height: auto;
    background-color: #bed0f1;
    margin: 0;
	font-size: 11px;
	padding-left:2px;
}
ul#nick_list_menu li a {
    padding: 5px 0;
    display: block;
    color: rgba(25, 23, 23, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
ul#nick_list_menu li a i {
  width: 11px;
  height: 11px;
  padding-top: 3px;
  padding-left: 0px;
  padding-right: 12px;
}
ul#pageSubmenu {
    background: #bed0f1;
}

ul#pageSubmenu li a {
    color: black;
    font-weight: bolder;
}
	div#radyo_durum {
		float: right;
		width: auto;
		margin-right: 2px;
		margin-top: 1px;
		height: 23px;
	}
	span#radyo_durum_text {
	    line-height: 23px;
	    margin-left: 2px;
		margin-bottom: 15px;
	    font-size: 10px;
	}
	#radyo_durum_text i.material-icons {
	    float: right;
	    line-height: 23px;
	    margin-left: 5px;
		margin-bottom: 10px;
	    color: red;
	}

	div#n_gizle {
	    position: absolute;
	    height: 20px;
	    width: 20px;
	    background: white;
	    z-index: 2;
	    right: 100px;
	    top: calc(50% - 16px);
	    background-image: url(../images/hide.png);
	    background-size: 100%;
	    border-radius: 16px;
	    border: 1px solid;
	}
	div#n_gizle.n_ac {
		right: 6px;
		background-image: url(../images/nicklist_ac.png);
	    background-size: 100%;
	}
	div#status_msg .mesaj_full {
	width: 100%;
	font-size: 11px!important;
}

	.mesaj_full {
	    width: 100%;
	    display: inline-block;
	    
	}
	.message_notice, .message {
		width: 100%;
	font-size: 11px!important;
    word-break: break-word;
    word-wrap: break-word;
    float: left; 
}
	.message_notice_standart {
		width: 100%;
		font-size: 11px!important;
	color: #7F0000;
}
.message_notice_status {
		width: 100%;
		font-size: 11px!important;
	color: #7F0000;
}
.zaman_g {
    font-size: 11px!important;
    /* float: left; */
    line-height: 18px;
    padding-right: 5px;
}
	.sender {
	    padding-right: 2px;
	    font-size: 11px!important;
	}
	#mobil_dropdown {
    	display: block;
	}
}