.kiwiMod{width:100%;}
.panel-header1Mod{width:98%;}
.panel-header-settingsMod{width:98%;}
.messagesMod{width:79.9%;}
.controlboxMod{"width":"98%"}
.tabsMod{width:100%;}
.nickMod{width:18%;border:none;}
.right_barMod{left:80.65%;width": 18%;max-width":none;}

#kiwi {
	background:#fff;
	/*background: url(bg_img.jpg);*/
    color: #555555;
   /* top: -20px;*/
	height:108%;
    width: 1013px;
    margin: 0 auto;
    transition: ease 0.50s;
}

body
{
	margin:0px;
	padding:0px;
}

td.fa.fa-paper-plane-o {
    width: 5%;
    font-size: 1.15em;
    line-height: 1.45em;
    margin-top: 1px;
    left: 30px;
    position: relative;
    cursor: pointer;
    color: #17B4E6;
}

span.format_span {
	position:relative;
    line-height: 17px;
    top: -2px;
	left: -4px;
}

#kiwi,
#kiwi input,
#kiwi button,
#kiwi textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; line-height:1.4em;
}
#kiwi button {
    border-radius: 2px;
    border: none;
	background: #55A4EE;
    cursor: pointer;
    color: #fff;
}
#kiwi button:disabled { color: #464646; background:#9cc164; }
#kiwi button, #kiwi input { padding: 3px 7px; }
#kiwi input, #kiwi textarea {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
    border: none;
    border-radius: 3px;
}
#kiwi .toolbar {
    background-color:#121314; font-size:0.9em;
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);
    z-index: 1;
}
#kiwi .controlbox {
	position: relative;
    top: 23px;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    -moz-box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    border: 1px solid #C7C7C7;
    border-top: 1px solid #F5F5F5;
    width: 993px;
    background: #F8F8F8;
    left: 9px;
    z-index: 110;
    height: 70px;
}
#kiwi .memberlists_resize_handle {
    /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
}

#kiwi .toolbar .connections { list-style: none; }
#kiwi .toolbar .panellist {
    background: #fff;
    color: #121314;
    width: 99%;
    margin: 5px 0 0 5px
}
#kiwi .toolbar .panellist.applets { }
#kiwi .toolbar .panellist li {
    line-height: 1.4em;
    vertical-align: middle;
	/*border-left: 1px solid #C7C7C7;//AhsanKhan1
    display: list-item;
    float: left;*/
    border: none;
   /* background: none;
    padding: 8px;*/
    margin: 0;
	padding: 4px 8px;
    background: rgb(218,235,246);
    margin-left: 5px;
    border-radius: 6px;
    color: #D60C0C;    border-left: 3px solid #368FF0;
}

.ignoreHim
{
	border: 5px solid #FC8C8D;
}

#kiwi .toolbar .panellist .alert_highlight { /*background: #990000;*/ }
#kiwi .toolbar .panellist .alert_activity,ul.panellist li { padding: 4px 8px;margin-bottom: 10px;
    background: rgb(218,235,246);
    margin-left: 5px;
    border-radius: 6px;
    color: #D60C0C;    border-left: 3px solid #368FF0; }
#kiwi .toolbar .panellist .alert_action { padding: 4px 8px;
    background: rgb(218,235,246);
    margin-left: 5px;
    border-radius: 6px;
    color: #D60C0C;    border-left: 3px solid #368FF0; }

#kiwi .toolbar .panellist .active { padding-left: 6px;
    border-right: 1px solid #ddd;
    padding-right: 23px;
    border: none;
    border-left: 3px solid #09BF39;
    border-bottom: none; }
#kiwi .toolbar .panellist li .part:before { font-family: FontAwesome; content:"\f00d"; }

#kiwi .toolbar .panellist li.server span { padding-left: 5px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; }
#kiwi.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; }
#kiwi .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; }

/* Tab texts are within a span */
#kiwi .toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }

#kiwi .toolbar .panellist li.active .activity { display:none; }
#kiwi .toolbar .panellist li .activity.zero { visibility:hidden; }
#kiwi .toolbar .panellist li .activity {
    padding: 1px 3px; margin-left:1em;
    border-radius: 4px;
    background: #3F9532; color:#000; /*color: #ff5300;*/
    text-align: center; font-size: 10px;
    display:inline-block;
    width:2em;
	display:none;
}
#kiwi .toolbar .panellist li.alert_highlight .activity {
    color: #fff; background: #a60400;
}

#kiwi .status_message {
    background: #FEEFB3; color: #9F6000;
    border-bottom: 1px solid #d7bb71;
    padding: 0.9em;
    text-align: center; font-size:1.1em;
	    display: none;
}
#kiwi .status_message.err { color:#D8000C; background:#FFBABA; }

#kiwi .channel_tools {
    border-bottom: 1px solid #C7C7C7;
    margin-bottom: 10px;
    /*padding: 0 5%;*/
    background: #EFF7FB;/*#fff;*/
}
.fa-building-o {
    width: 5%;
    font-size: 1.15em;
    line-height: 1.45em;
    margin-top: 1px;
	color: #30AFF5;/*#FE892D;*/
	left: 30px;
    position: relative;
	cursor:pointer;
}
#kiwi .channel_tools i:hover {
    transition: color 0.3s;
    color: #88C56A;
}

.jChannel
{
	background: url("Jchannel.png");
    /* height: 14px; */
    width: 17px;
    position: relative;
    background-size: contain;
    top: 1.5px;
    left: 20px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
	cursor:pointer;
}

.commands
{
	background: url("commands.png");
    /* height: 14px; */
    width: 25px;
    position: relative;
    background-size: contain;
    top: 2.3px;
    left: 10px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
	z-index:1;
}

.editName
{
	background: url("edit.png");
    /* height: 14px; */
    width: 19px;
    position: relative;
    background-size: contain;
    top: 1px;
    left: 40px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

.numOfClients
{
	background: #09BF39;
    border-radius: 1;
    color: #fff;
    border: 1px solid #DAEBF6;
    padding: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 2px;
    margin-right: 4px;
    height: 18px;
}

.clearText
{
	background: url("clear.png");
    /* height: 14px; */
    width: 19px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: 50px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

.infoChannel
{
	background: url("info.png");
    /* height: 14px; */
    width: 19px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: 60px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

.exitChannel
{
	background: url("exit.png");
    /* height: 14px; */
    width: 19px;
    position: relative;
    background-size: contain;
    top: 1.5px;
    left: 57px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}
.settingsChannel
{
	background: url("settings.png");
    /* height: 14px; */
    width: 19px;
    position: relative;
    background-size: contain;
    top: 2px;
    left: 79px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

#dropDownOptions
{
	background:#C0DDFF;
	color:#175CAD;
	position: absolute;
    top: 20px;
    left: -5px;
    width: 160px;
    list-style-type: none;  
	cursor:pointer;
	transition:all 0.15s;
	display:none;
	
	-webkit-box-shadow: 1px 1px 5px 0px rgba(163,163,163,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(163,163,163,1);
    box-shadow: 1px 1px 5px 0px rgba(163,163,163,1);
}

#dropDownOptions li
{
    list-style-type: none;
	padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
	transition: all 0.15s;
}

#dropDownOptions li:hover {
    background: #4492EF;
    color: #fff;
}

#dropDownOptions li:hover .arrow{
    color: #fff;
}

#dropDownOptions  .hasSubSubMenu1:hover  .arrow2 {
	color: #fff;
}

.commands:hover #dropDownOptions
{
	display:block;
}

#smiley-container {
  position: absolute;
    bottom: 72px;
    left: 40px;
    padding: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);    
	border-top: 1px solid #DBDBDB;
	display:none;
}

#smiley-container .smiley-pages {
    position: relative;
    width: 186px;
    height: 36px;
}

#smiley-container .smiley-page {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

.add-emoticon
{
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 3px;
    margin: 2px;
    background-color: #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	cursor:pointer;
}

.smiley1
{
	background:url(Smileys/smile.png) no-repeat;
	background-size: cover;
}

.smiley2
{
	background:url(Smileys/smile2.png) no-repeat;
	background-size: cover;
}

.smiley3
{
	background:url(Smileys/smile3.png) no-repeat;
    background-size: cover;
}

.smiley4
{
	background:url(Smileys/smile4.png) no-repeat;
    background-size: cover;
}

.smiley5
{
	background:url(Smileys/smile5.png) no-repeat;
    background-size: cover;
}

.smiley6
{
	background:url(Smileys/sad.png) no-repeat;
    background-size: cover;
}

.smiley7
{
	background:url(Smileys/sad2.png) no-repeat;
    background-size: cover;
}

.smiley8
{
	background:url(Smileys/heart.png) no-repeat;
    background-size: cover;
}

.smiley9
{
	background:url(Smileys/laugh.png) no-repeat;
    background-size: cover;
}
.smiley10
{
	background:url(Smileys/laugh2.png) no-repeat;
    background-size: cover;
}

.smiley11
{
	background:url(Smileys/laugh3.png) no-repeat;
    background-size: cover;
}

.smiley12
{
	background:url(Smileys/think.png) no-repeat;
    background-size: cover;
}

.smiley13
{
	background:url(Smileys/think2.png) no-repeat;
    background-size: cover;
}

.smiley14
{
	background:url(Smileys/shock.png) no-repeat;
    background-size: cover;
}

.smiley15
{
	background:url(Smileys/shock2.png) no-repeat;
    background-size: cover;
}

.smiley16
{
	background:url(Smileys/shock3.png) no-repeat;
    background-size: cover;
}

.smiley17
{
	background:url(Smileys/shock4.png) no-repeat;
    background-size: cover;
}

.smiley18
{
	background:url(Smileys/shock5.png) no-repeat;
    background-size: cover;
}

.smiley19
{
	background:url(Smileys/shock6.png) no-repeat;
    background-size: cover;
}

.smiley20
{
	background:url(Smileys/shockLaugh.png) no-repeat;
    background-size: cover;
}


#SubdropDownOptions0,#SubdropDownOptions1,#SubdropDownOptions2,#SubdropDownOptions3,#SubSubdropDownOptions1
{
	background:#C0DDFF;
	color:#175CAD;
	position: absolute;
    top: 25px;
    width: 130px;
    left: 160px;
    list-style-type: none;
	cursor:pointer;
	display:none;
	
	-webkit-box-shadow: 1px 1px 5px 0px rgba(163,163,163,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(163,163,163,1);
    box-shadow: 1px 1px 5px 0px rgba(163,163,163,1);
}

#SubdropDownOptions0
{
	top:0px;
}

#SubdropDownOptions1
{
	top:25px;
}

#SubdropDownOptions2
{
	top:50px;
}

#SubdropDownOptions3
{
	top:75px;
}

#SubSubdropDownOptions1
{
	top: 50px;
    left: 130px;
}

#dropDownOptions .arrow {
    font-size:11px;
    line-height:0%;
	color:#0B52AB;
}

#SubdropDownOptions1  .hasSubSubMenu1 .arrow2 {
    font-size:11px;
    line-height:0%;
	color:#0B52AB;
}

#dropDownOptions .hasSubMenu0:hover #SubdropDownOptions0,#dropDownOptions .hasSubMenu1:hover #SubdropDownOptions1,#dropDownOptions .hasSubMenu2:hover #SubdropDownOptions2,#dropDownOptions .hasSubMenu3:hover #SubdropDownOptions3
,#dropDownOptions .hasSubSubMenu1:hover #SubSubdropDownOptions1
{
	display:block;
	transition: all 0.15s;
}

.kickOut
{
	background: url("kick.png");
    height: 30px;
    width: 34px;
    position: absolute;
    background-size: contain;
    float: right;
    top: 1px;
    z-index: 100000000;
    position: absolute;
    right: 10px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

.mute
{
	background: url("mute.png");
    height: 23px;
    width: 34px;
    position: absolute;
    background-size: contain;
    float: right;
    top: 1px;
    z-index: 100000000;
    position: absolute;
    right: 42px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

.closemsgs
{
	background: url("closeMsg.png");
    height: 30px;
    width: 34px;
    position: absolute;
    background-size: contain;
    float: right;
    top: -1.7px;
    z-index: 100000000;
    position: absolute;
    right: 85px;
    /* margin-right: 11px; */
    background-repeat: no-repeat;
    cursor: pointer;
}

#kiwi .messages { color: #333333; transition:ease 0.15s; }
#kiwi .messages.active { }
#kiwi .messages a { text-decoration:none; }

#kiwi .messages .msg { /*border-bottom: 1px solid #DEDEDE;*/ padding: 1px; font-family:arial; font-size:0.9em; padding-bottom: 0px; line-height: 14px;padding-top: 0px;position: relative;
    margin-top: -3px;}
#kiwi .messages .msg .time { width:3.5em; float:left; color:#9E9E9E; padding:5px;padding-right: 0px; padding-bottom:0px;}

#kiwi .messages .msg .nick
 {    
	width: auto;
    float: left;
	font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    text-align: left;
    padding: 5px;
    padding-left: 0px;
	padding-bottom:0px;
    overflow: hidden;
	text-transform: capitalize;
	border:none;
    line-height: 17px;
}

span.inline-nick {
    text-transform: capitalize;
}

#kiwi .messages .msg .text {
	display: block;
    /* clear: left; */
    /* margin-left: 12em; */
    /* border-left: 1px solid #DEDEDE; */
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: arial;
    padding: 5px;
	font-size: 14px;
	line-height:17px;
}

#kiwi .messages .msg.action .nick { }
#kiwi .messages .msg.action .text { color:#FD723B;font-size: 14px;font-weight: bold; border-left:none;}
#kiwi .messages .msg.action.join { color:#009900; }
#kiwi .messages .msg.action.part .text { color:#900; }
#kiwi .messages .msg.action.quit .text { color:#900; }
#kiwi .messages .msg.action.kick .text { color:#900; }
#kiwi .messages .msg.status .nick { }
#kiwi .messages .msg.status .text { color:#FF3B3B;/* margin-left:9em;*/ border-left:none; font-weight:bold; }
#kiwi .messages .msg.topic { margin: 10px; background: #fff; border: 1px solid #E8E8E8; border-radius: 5px; display: none; }
#kiwi .messages .msg.topic .time { display:none; }
#kiwi .messages .msg.topic .nick { display:none; }
#kiwi .messages .msg.topic .text { color:#009900; margin-left:0; font-style: italic; border:none; }
#kiwi .messages .msg.motd { border:none; }
/*#kiwi .messages .msg.motd .nick { display:none; }*/
#kiwi .messages .msg.motd .text { color:#666; font-family:monospace; }
#kiwi .messages .msg.whois .nick { font-weight:normal; }
#kiwi .messages .msg.whois .text { /*margin-left:18em;*/ padding-left:1em; /*border-left:1px dashed #999;*/ }
#kiwi .messages .msg.error .text {
    border:1px solid #A33F3F; background-color:#D28A8A;
    padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
}

.panel-header1
{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */


    /*background: url(header.png);*/
	background-size: cover;
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    height: 30px;
    width: 994px;
    border: 1px solid #C7C7C7;
    border-bottom: 0px;
    top: 14px;
    left: 9.49px;
    position: relative;
	
	-webkit-box-shadow: -1px -1px 5px 0px rgba(163,163,163,1);
-moz-box-shadow: -1px -1px 5px 0px rgba(163,163,163,1);
box-shadow: -1px -1px 5px 0px rgba(163,163,163,1);
}

.close_icon1
{
	right: 40px;
    height: 23px;
    width: 23px;
    top: 3px;
    position: absolute;
    cursor: pointer;
    background: url("frndz.png") no-repeat;
    background-size: cover;
    z-index: 1;
}

.close_icon1_img
{
    background: url("arrowIn.jpg") no-repeat;
    background-size: cover;
    height: 20px;
    width: 20px;
    top: 5px;
    right: 43px;
}

.close_icon1:hover
{
	color:#EA4545;
}

.addDisplayNone
{
	
}
.full_screen_icon
{
    /* font-size: 28px; */
    /* line-height: 29px; */
    z-index: 10;
    top: 4.3px;
    right: 11px;
    color: #FFFFFF;
    position: absolute;
    height: 22px;
    width: 22px;
    cursor: pointer;
    background: url("full.jpg") no-repeat;
    background-size: cover;
}

.small_screen_icon
{
    /* font-size: 28px; */
    /* line-height: 29px; */
    top: 3.4px;
    right: 11px;
    height: 22px;
    width: 22px;
    background: url("small.jpg") no-repeat;
    background-size: cover;
}

.full_screen_icon:hover
{
	/*color:#7EEC91;*/
}

.panel-header-settings
{
	
	background: #EFF7FB;/*#fff;*/
    height: 25px;
    width: 993px;
    border: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
    top: 14px;
    left: 9px;
    position: relative;
	
	-webkit-box-shadow: -1px -1px 5px 0px rgba(163,163,163,1);
-moz-box-shadow: -1px -1px 5px 0px rgba(163,163,163,1);
box-shadow: -1px -1px 5px 0px rgba(163,163,163,1);

}

#kiwi.timestamps .messages .msg .time { display:block; }
#kiwi.timestamps .messages .msg .text { margin-left:18em; }

#kiwi .messages .msg.global_nick_highlight,
#kiwi .messages .msg.highlight { transition: background 0.3s; background:#F9FFCE; }
#kiwi .messages .msg.repeated_nick .nick { /*visibility:hidden; display:none;*/ }

/* Narrow styling (window width < 420px) */
#kiwi.narrow .messages .msg .time { display:none; }
#kiwi.narrow .messages .msg .nick { display:block; float:none; text-align:left; padding-bottom:0;}
#kiwi.narrow .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; padding-top:0; margin:0;}
#kiwi.narrow .messages .msg.action .text { }
#kiwi.narrow .messages .msg.repeated_nick .nick { display:none; }


#kiwi .messages .msg .media { margin-left:0.5em; }
#kiwi .messages .msg .media .media_close { font-size:0.9em; }
#kiwi .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; }
#kiwi .messages .msg .media .media_content img { padding:3px; border:1px solid gray; }
#kiwi .messages .msg .media .media_content > .content {
    background: white;
    overflow: hidden;
    padding: 10px;
    border: #DDD 1px solid;
    border-top-color: #EEE;
    border-bottom-color: #BBB;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    float: left;
}

#kiwi .messages .msg .media.twitter .media_content > .content {
    background: transparent;
    border:none;
    overflow: hidden;
    box-shadow: none;
    padding: 0;
}
#kiwi .messages .msg .media.reddit .thumbnail_nsfw {
    display: inline-block;
    float: left;
}
#kiwi .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; }

#kiwi .messages .last_seen {
    border-bottom-color: #B0CF82;
}

#kiwi .right_bar {
      background-color: #FFFFFF;
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
    max-width: 183px;
    margin-top: 71px;
    left: 819px;
    z-index: 1010;
    height: 461px;
	z-index: 0;
	opacity:0;
}

#kiwi .memberlists {
    padding-top: 15px;
    border-top: 1px solid #c7c7c7;
	height: 444px;
    border-bottom: 1px solid #E8E8E8;
}

li.mode {
    background: #fff;
    border-bottom: 1px solid #f9f9f9;
    border-top: 1px solid #f9f9f9;
}

#kiwi .channel_tools {
    width: 100%;
	height: 25px;
}

#kiwi.narrow .right_bar { width:100%; }
#kiwi.narrow .right_bar.disabled { width:0; }

#kiwi .memberlists {}
#kiwi .memberlists .meta {
    border-bottom: 1px solid #E4F6FF; */
    font-size: 0.9em;
    /* background: #EFF7FB; */
    background: rgb(86, 164, 238);
    color: #FFFCFC;
    border-bottom: 1px solid #2D88DE;
    border-top: 1px solid #2D88DE;
    margin-top: -15px;
    position: relative;
    /* top: -15px; */
    padding-top: 1px;
    padding-bottom: 0px;
    text-align: center;
    height: 18px;
    width: 50%;
    float: right;
}

.memberlists div ul {
    position: relative;
    top: -15px;
}

.activeChannel {
    text-align: center;
    background: rgb(239, 247, 251);
    color: #3E3E3E;
    border-bottom: 1px solid #C4EBFF;
    border-top: 1px solid #C4EBFF;
    padding-top: 3px;
    position: relative;
    top: -15px;
    width: 50%;
    display: inline-block;
}

#joinChan,#changeNick,#awayMsg
{
	background: #000;
    width: 356px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    z-index: 1000000000;
    position: absolute;
    top: -53px;
	transition:all 0.15s;
	display:none;
}

.nick
{
	text-transform: capitalize;
}

#joinChan .inp,#changeNick .inp,#awayMsg .inp
{
	padding: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 170px;
    /* box-sizing: border-box; */
    font-size: 13px;
}

#joinChan .btn,#changeNick .btn,#awayMsg .btn {
    background: #0088cc;
    color: #fff;
    /* padding: 55px; */
    height: 30px;
    width: 68px;
	cursor:pointer;
}

#joinChan .btn:hover {
    background: #19B1FD;
}

#joinChan .btn:active {
    background: #0091DA;
}

#kiwi .memberlists > div.active ul li.nickSelected
{
	background:#EAEAEA;
}

#kiwi .memberlists ul { list-style: none; }
#kiwi .memberlists ul.active { }
#kiwi .memberlists ul li { padding: 0.2em 1em; }
#kiwi.narrow .memberlists ul li {
    padding: 0.5em 1em;
    border-bottom: 1px solid lightgray;
    text-align: center;
}
#kiwi.touch .memberlists ul li {
    padding: 1em 0.5em;
}
#kiwi .memberlists ul li:hover {
    border-left: 5px solid #88C56A;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
#kiwi .memberlists ul li a.nick { display:block; color:black; }

#kiwi .userbox { margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
#kiwi .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
#kiwi .userbox a i { font-size:1.1em; margin-right:5px; }

/* User mode styles */
#kiwi .memberlists ul li .prefix {
    display:none;
    width:20px; height:20px;
    border-radius: 5px;
    margin: 0 7px 0 0;
    font-size:12px; text-align: center;
    color: #E3E3E3;
    /* text-indent: -1000px; */
}
/* Most important modes towards the bottom - they override the top ones! */
#kiwi .memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; }
#kiwi .memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; }
#kiwi .memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; }
#kiwi .memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; }
#kiwi .memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; }

#kiwi .controlbox .input {
    background:#fff; margin:3px;
    height:1.7em;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}

#kiwi .panel_container
{
	overflow-y:hidden;
	overflow-x:hidden;
}

#kiwi .controlbox .input .nick a { text-decoration:none; color:black; }
#kiwi .controlbox .input .nick {
    text-align: center;
    width: 18%;
    right: 0px;
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px 0 0 3px;
    padding: 2px;
    padding-right: 0.5em;
}

#kiwi.narrow .controlbox .input .nick { display:none; }
#kiwi.narrow .controlbox .input .input_wrap { left:7px; }

#kiwi .controlbox .input .input_wrap {
    position:absolute;
    right:7px; left: 5em;
    height:1.7em;
	width: 74.6%;
	border-right:1px solid #c7c7c7;
}

#color-container {
	display: none;
    position: absolute;
    bottom: 72px;
    left: 5px;
    padding: 10px;
    padding-top: 0px;
    background-color: #FFFFFF;
    border-top: 1px solid #D5DBB1;
    box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#color-container .color-picker {
    position: relative;
    width: 260px;
    height: 180px;
}

#color-container .color-picker #foreground-color, #color-container .color-picker #background-color {
    float: left;
    margin: 2px 10px 2px 2px;
    display: block;
    width: 44px;
    height: 44px;
    border: 0;
    box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.5);
}
#color-container .color-picker span {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 2px;
    border: 2px solid #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
#color-container .color-picker span.BG0 {
    border: 2px solid #DDD;
}
span.BG0 {
    background-color: #FFFFFF;
}
span.BG1 {
    background-color: #000000;
}
span.BG2 {
    background-color: #00007F;
}
span.BG3 {
    background-color: #009300;
}
span.BG4 {
    background-color: #FF0000;
}
span.BG5 {
    background-color: #7F0000;
}
span.BG6 {
    background-color: #9C009C;
}
span.BG7 {
    background-color: #FC7F00;
}
span.BG8 {
    background-color: #FFFF00;
}
span.BG9 {
    background-color: #00FC00;
}
span.BG10 {
    background-color: #009393;
}
span.BG11 {
    background-color: #00FFFF;
}
span.BG12 {
    background-color: #0000FC;
}
span.BG13 {
    background-color: #FF00FF;
}
span.BG14 {
    background-color: #7F7F7F;
}
span.BG15 {
    background-color: #D2D2D2;
}
#color-container .color-picker h4 {
    font: 14px Arial;
    font-weight: normal;
    color: #222;
    clear: both;
    padding: 10px 0 10px 5px;
}

#color-container .color-picker .none {
    border: 0;
    background: url(no-color-big.png) center center no-repeat #FFF;
}

#color-container .color-picker span.none {
    border: 2px solid #DDD;
    background: url(no-color-big.png) center center no-repeat #FFF;
}


#color-container .color-picker ul li {
    list-style: none;
    float: left;
}

#color-container .color-picker span.none {
    border: 2px solid #DDD;
    background: url(no-color-big.png) center center no-repeat #FFF;
}

#color-container .color-picker ul li {
    list-style: none;
    float: left;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #333;
}

.smileys
{
	content: url("smiley.png");
    display: inline-block;
    position: relative;
    float: left;
    top: 2px;
    left: 20px;
    cursor: pointer;
}

.txtColor
{
	content: url("textIcon.png");
    display: inline-block;
    position: relative;
    float: left;
    top: 3px;
    left: 10px;
    cursor: pointer;
}

#kiwi .controlbox .input .inp {
    line-height:1.7em;
    border: medium none;
    box-shadow: none;
    border-radius: 0;
    outline:none; resize:none;
    overflow:hidden;
    position:relative;
    height:100%; width:100%;
    display: block;
}

#kiwi .right_bar
{
	top: 40px; bottom: 30px;
}

.memberlists_resize_handle
{
		display:none;
}

#kiwi .panel {
    height: 475px;
}

#rightClickOptions1
{
  width:120px;
  height:auto;
  background:#fff;
  border: 1px solid #f4f4f4;
  border-radius:3px;
  position:relative;
  color:#555;z-index: 10000;
}

#rightClickOptions1 .heading
{
  position:relative;
  background:#F5F5F5;
  width:100%;
  top:0px;
  left:0px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;z-index: 10000;
}


#rightClickOptions1 .content
{
  position:relative;
   padding-top:5px;
  padding-bottom:10px;
  padding-left:10px;
  background:#fff;
  width:110px;
  height:auto;z-index: 10000;
}
.messages
{
	background:#F9FFCE;
	height: 460px;
   width:79.9%;
    position: relative;
    top: 14px;
    left: 9px;
    border-left: 1px solid #C7C7C7;
    overflow-y: scroll;
	    overflow-x: hidden;
    -webkit-box-shadow: -2px 0px 3px 0px rgba(189,189,189,1);
    -moz-box-shadow: -2px 0px 3px 0px rgba(189,189,189,1);
    box-shadow: -2px 0px 3px 0px rgba(189,189,189,1);
	
	/*-webkit-box-shadow: 2px -2px 5px 0px rgba(189,189,189,1);
-moz-box-shadow: 2px -2px 5px 0px rgba(189,189,189,1);
box-shadow: 2px -2px 5px 0px rgba(189,189,189,1);*/

}


#kiwi .controlbox .nickchange {
    padding:10px; left: 0px;
    background: #121314; color:#eeeeee;
}
#kiwi .controlbox .nickchange input { padding:0.3em 0.5em; margin-left: 0.5em; width: 165px; }
#kiwi .controlbox .nickchange button { padding:0.5em; margin: 0 0.5em 0 1em; }



#kiwi .toolbar .topic { background-color:#121314; padding-bottom:2px; display:none; }
#kiwi .toolbar .topic div {
    padding: 0.2em 1em;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
    background-color:#FFF;
    height: 1.5em;
    overflow: hidden;
    outline: none;
    white-space: nowrap;
}
#kiwi .toolbar .topic:hover div {
    min-height:1.5em;
    white-space:pre-wrap; word-wrap:break-word;
    overflow:visible;
    background-color:#FFF;
    z-index: 10;
    height:auto; bottom:auto;
    border-bottom: 2px solid #121314;
}

#kiwi
{
	display:none;
}

#kiwi .toolbar .app_tools { display:none;width:200px; padding-left:10px; color:#D4D4D4; }
#kiwi.narrow .toolbar .tabs { margin-right:0; }
#kiwi.narrow .toolbar .app_tools { width:auto; }
#kiwi .toolbar .app_tools ul li {
    font-size:26px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    margin-left:10px;
}
#kiwi .toolbar .app_tools ul li:hover { color:#88C56A; }
#kiwi .toolbar .app_tools img { }


/* The server select dialog */
#kiwi .server_select { margin-left:auto; margin-right:auto; }
#kiwi .server_select .more { display: none; width:270px; margin:0 auto; }
#kiwi .server_select table tr td { padding:5px; }
#kiwi .server_select button {
    /*padding: 10px 25px;*/
       padding: 0.3em 1em;
    font-size: 1.3em;
    width: 196px;
    margin: 20px auto;
    display: block;
}
#kiwi .server_select input { padding:3px 7px; width:150px; }
#kiwi .server_select label { }
#kiwi .server_select br { clear:both; }
#kiwi .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
#kiwi .server_select .basic input {     width: 170px;
    height: 20px;
    font-size: 15px; }
#kiwi .server_select .basic label { font-size:1.3em; margin-top:4px; }
#kiwi .server_select .basic tr.have_pass { font-size:0.8em;display:none; }
#kiwi .server_select .basic tr.have_key { font-size:0.8em; }
#kiwi .server_select .basic tr.channel td { padding-top:1em; }
#kiwi .channel{display:none;}
#kiwi .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
#kiwi .server_select .basic .show_more { display: none; width:110px; margin:10px 0 0 0; font-size:0.8em; }
#kiwi .server_select.single_server .basic { border:none; }
#kiwi .server_select .status { text-align: center; font-weight: bold; padding:1em;font-size: 18px; }
#kiwi .server_select .status.ok { }
#kiwi .server_select .status.error {
    border:1px solid #A33F3F; background-color:#D28A8A;
    padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
}
#kiwi .server_select .show_server { margin-left: 1em; font-size:0.9em; color: #555555; }


#kiwi .server_select .kiwi_logo { margin-top:30px; display:none; }
#kiwi .server_select .kiwi_logo h1 span {
    font-size:14px;
    line-height:24px; vertical-align: middle;
    color: #555555;
}
#kiwi .server_select .kiwi_logo img { display:inline; width:24px; }

#kiwi .ui_menu .ui_menu_title {
    background: #F8F8F8;
}

#kiwi .panels { /*left:160px;*/ }
#kiwi .toolbar { position:static; }
#kiwi .toolbar .app_tools { float:none;display: none; }
#kiwi .toolbar > div { margin-left:0px; }

#kiwi .toolbar
{
	position:static;
}

.align_tab {
    position: relative;
    /* top: 22px; */
    left: 0px;
}

#kiwi .panels {
    position: relative;
    /*left: 168.5px;*/
}

#kiwi .toolbar  .tabs 
{ 
	/*position: absolute;
    bottom: 0px;
    z-index: 1;
    margin-right: 0px;
    width: 994px;
    background: #DFECF3;
    padding-top: 5px;
    padding-bottom: 20px;
    height: 38px;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    -moz-box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    border-right: 1px solid #c7c7c7;
    */
	
	position: absolute;
    /* left: 0px; */
    bottom: 0px;
    /* right: 0px; */
    z-index: 1;
    /* top: 100px; */
    margin-right: 0px;
    /* margin-top: 132px; */
    width: 993px;
    background: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 20px;
    height: 19px;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    -moz-box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    box-shadow: -2px 2px 5px 0px rgba(189,189,189,1);
    border-right: 1px solid #c7c7c7;
    /* overflow: hidden; */
	
 }
 
 #kiwi .toolbar .connections {
    width: 100%;
    top: 5.5px;
    position: relative;
}

#kiwi .toolbar .panellist li .part {
    top: 3px;
}
 
#kiwi.chanlist_treeview .toolbar .panellist { float: none; display: inline-flex; margin-right: 5px; }
#kiwi.chanlist_treeview .tabs ul li { display:block; float:none;
	border-left: 3px solid #368FF0; }
	
#kiwi .toolbar .connections .connection {
    border-left: 0px;
}

#kiwi.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; }
#kiwi.chanlist_treeview .toolbar .panellist li {
    padding: 4px 8px;
    background: rgb(218,235,246);
    margin-left: 5px;
    border-radius: 6px;
    color: #D60C0C;
}
#kiwi.chanlist_treeview .toolbar .panellist .active { padding-left: 6px; border-right: 1px solid #ddd; padding-right:23px; border:none;     border-left: 3px solid #09BF39; border-bottom:none; }
#kiwi.chanlist_treeview .tabs ul li.active {
    margin-right:0;
    border-right-width:0;
}
#kiwi .applet_chanlist {
    margin: 0.5em 1em;
}
#kiwi .tabs ul li 
{
	/*border-right: 1px solid #ddd;*/
}

.initial_loader
{
	margin: 1em;
    text-align: center;
    position: absolute;
    /* margin: 50% 50%; */
    margin-left: 50%;
    margin-top: 20%;
    left: 50%;
    top: 43%;
    padding: 10px;
    background: #DFECF3;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    box-shadow: 2px 2px 5px #ddd;
    z-index: 10000000000;
}

#kiwi .applet_chanlist table {
    border-collapse: collapse;
    width: 100%;
}
#kiwi .applet_chanlist thead {
    text-align: center;
}
#kiwi .applet_chanlist tbody td {
    border: 1px solid #C4C4C4;
    padding: 0.3em 1em;
}
#kiwi .applet_chanlist .chanlist_name, #kiwi .applet_chanlist .chanlist_num_users {
    border-width: 0 1px 0 0;
}
#kiwi .applet_chanlist .chanlist_topic {
    border-width: 0;
}
#kiwi .applet_chanlist tr:nth-child(even) {
    background: none repeat scroll 0 0 #DBDBDB;
}


#kiwi .applet > div.settings button.save {
    padding:1em 2em;
    border:1px solid gray; border-radius:3px;
}
#kiwi .applet > div.settings tr {
    border-bottom: 1px dashed black;
}

#kiwi .applet > div.settings td.label {
    font-weight: bold;
}
#kiwi .applet > div.settings tr.save {
    text-align: right;
}

#loading-Bar
{
	position: absolute;
    margin: 0 auto;
    z-index: 10000;
	top: 25%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}

.LoveTheme
{
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 71, 77)), to(rgb(255, 155, 162)));
	background-image:-moz-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 71, 77)), to(rgb(255, 155, 162)));
	background-image:-ms-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 71, 77)), to(rgb(255, 155, 162)));
	background-image:-o-gradient(linear, 0% 0%, 0% 100%, from(rgb(251, 71, 77)), to(rgb(255, 155, 162)));
}

#loading-Bar img
{
	height: 80px;
}

#kiwi .ui_menu {
    border-radius: 3px;
    color: #333;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	z-index:1011;
	display:none;
}
#kiwi .ui_menu .ui_menu_title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#kiwi .ui_menu .ui_menu_content { }
#kiwi .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; }
#kiwi .ui_menu .ui_menu_foot {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#kiwi .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; }
#kiwi .ui_menu .ui_menu_foot .close:hover { color: #222; }


#kiwi .channel_info .channel_url {
    display: block;
    margin: 5px 1em;
    font-style: italic;
}
#kiwi .channel_info .channel-banlist table { margin-top: 10px; border-spacing: 10px 3px; }
#kiwi .channel_info .channel-banlist thead { font-style: italic; }
#kiwi .channel_info .remove-ban:hover { color: #900; }


#kiwi .notification {
    /* .show class reveals this element */
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    transition: max-height 1s;

    display: block;

    color: #DBDBDB;
    text-shadow: 0 -1px black;
    background: rgba(65, 65, 65, 0.95);
    background-clip: padding-box;
    border: 1px solid;
    border-color: rgba(17, 17, 17, 0.6) rgba(17, 17, 17, 0.7) rgba(17, 17, 17, 0.9);
    border-radius: 5px;

    background-image: -webkit-linear-gradient(top, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
    background-image: -moz-linear-gradient(top, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
    background-image: -o-linear-gradient(top, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(to bottom, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);


}
#kiwi .notification.show { max-height: 500px; }
#kiwi .notification .close {
    font-size:16px;
    border:1px solid #1b1b1b;
    border-left, border-bottom: none;
    border-radius: 0 8px 0 0;
    line-height: 20px;
    text-align: center;
    color: #747474;
    background-image: -webkit-linear-gradient(top, #383838, #111111);
    background-image: -moz-linear-gradient(top, #383838, #111111);
    background-image: -o-linear-gradient(top, #383838, #111111);
    background-image: linear-gradient(to bottom, #383838, #111111);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
}
#kiwi .notification .close:hover { color: #DBDBDB; }

body
{
	overflow-x:hidden;
}

/*@media screen and (max-width:1300px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -70px;
	}
	
	.messages
	{
		left: 88px;
	}
	
	#kiwi .controlbox
	{
		margin-left:90px;
		width: 808px;
	}
}

@media screen and (max-width:1150px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -130px;
	}
	
	.messages
	{
		left: 28px;
	}
	
	#kiwi .controlbox
	{
		margin-left:30px;
		width: 808px;
	}
}

@media screen and (max-width:1065px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -130px;
	}
	
	.messages
	{
		left: 28px;
	    width: 560px;
	}
	
	#kiwi .controlbox
	{
		margin-left:30px;
		width: 718px;
	}
}

@media screen and (max-width:975px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -130px;
	}
	
	.messages
	{
		left: 28px;
	    width: 440px;
	}
	
	#kiwi .controlbox
	{
		margin-left:30px;
		width: 598px;
	}
}

@media screen and (max-width:855px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -130px;
		width:130px;
	}
	
	.messages
	{
		left: 0px;
	    width: 440px;
	}
	
	#kiwi .controlbox
	{
		margin-left:30px;
		width: 570px;
	}
	
	#kiwi .controlbox .input .nick 
	{
		width: 8.36em;
	}
}

@media screen and (max-width:830px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -130px;
		width:130px;
	}
	
	.messages
	{
		left: 0px;
	    width: 410px;
	}
	
	#kiwi .controlbox
	{
		margin-left:30px;
		width: 540px;
	}
	
	#kiwi .controlbox .input .nick 
	{
		width: 8.36em;
	}
}

@media screen and (max-width:800px)
{
	#kiwi.chanlist_treeview .toolbar .tabs
	{
		left: -130px;
		width:130px;
	}
	
	.messages
	{
		left: 0px;
	    width: 350px;
	}
	
	#kiwi .controlbox
	{
		margin-left:30px;
		width: 480px;
	}
	
	#kiwi .controlbox .input .nick 
	{
		width: 8.36em;
	}
}*/

#kiwi .right_bar {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      

}

@media screen and (max-width:1024px)
{
	#kiwi .right_bar {
    background-color: #FFFFFF;
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
    max-width: none;
    width: 18.1%;
    margin-top: 71px;
    left: 80.8%;
    z-index: 1010;
    height: 461px;
    z-index: 0;

  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      

	}
	
	#kiwi {
    height: 108%;
	width:100%;
	}
	
	.panel-header1{
    width: 98%;
	}
	
	.panel-header-settings {
    width: 98%;
	}
	
	#kiwi .controlbox {
    width: 98%;
	}
	
	#kiwi .toolbar .tabs {
    width: 100%;
	}
	
	#kiwi .controlbox .input .nick {
    width: 18.1%;
	}
}

@media screen and (max-width:992px)
{
	#kiwi .right_bar {
    left: 80.9%;
	}
}

@media screen and (max-width:966px)
{
	#kiwi .right_bar {
    width: 18%;
	}
}

@media screen and (max-width:942px)
{
	#kiwi .right_bar {
    width: 18%;
    left: 81%;
	}
	
	#kiwi .controlbox .input .input_wrap {
    width: 73.6%;
	}
}

@media screen and (max-width:892px)
{
	#kiwi .right_bar {
    width: 18.1%;
    left: 81%;
	}
	
	#kiwi .controlbox .input .input_wrap {
    width: 71.6%;
	}
	
	#kiwi .controlbox .input .nick {
    width: 19.1%;
	}
}

@media screen and (max-width:848px)
{
	#kiwi .right_bar {
    width: 18%;
	}
}

@media screen and (max-width:842px)
{
	#kiwi .right_bar {
    width: 18.1%;
	}
}

@media screen and (max-width:792px)
{
	#kiwi .right_bar {
    left: 81.1%;
	}
}

@media screen and (max-width: 760px){
	#kiwi .controlbox .input .input_wrap {
		width: 68.6%;
	}
}

@media screen and (max-width:742px)
{
	#kiwi .right_bar {
    left: 81.2%;
	}
	
	#kiwi .controlbox .input .nick {
    width: 16.1%;
    border: none;
	}
}

@media screen and (max-width:692px)
{
	#kiwi .right_bar {
    position: absolute;
    right: initial;
	left: 5px;
    z-index: 10;
    font-size: 14px;
    width: 98%;
    max-height: 459px;
    border-bottom: 1px solid #C7C7C7;
	display:none;
	}
	
	#kiwi .messages {
		width:98%;
	}
	
	#kiwi .controlbox
	{
		left:5px;
	}
	
	.panel-header1
	{
		left: 5px;
		border-right: 1px solid #C7C7C7;	
	}
	.panel-header-settings
	{
		left:5px;
	}
	
	#kiwi .messages
	{
		left:5px;
	}
	
}

@media screen and (max-width: 475px){

	#kiwi .controlbox .input .nick {
    width: 24.1%;
    border: none;
    right: -3px;
	}

	#kiwi .controlbox .input .input_wrap {
    width: 58.6%;
	}
}

@media screen and (max-width: 437px){
	#kiwi
	{
		width:420px;
	}
}

.server_details .status,.server_details label {
    color: #555;
}
.server_select.initial{
   box-shadow: 2px 2px 5px #8A8A8A;
    border: 1px solid #009BCC;
    background: #F9FFCE;
}
#kiwi .server_select .basic {
    border-bottom: none;
}
h3 {
    text-align: center;
    top: 20px;
    position: relative;
}

h3#headingTurk {
    font-size: 32px;
    text-align: center;
}

div#headingTurkChat {
       text-align: center;
    font-size: 22px;
    padding: 10px;
    background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
    border: 1px sol;
    color: #FFFFFF;
    font-weight: bold;
}

