body, html {
  /*overflow: hidden;*/
  transition: all 0.5s ease 0.2s;
  /*text-shadow: 1px 1px 1px #000;*/
  font-family: 'Roboto', sans-serif;
  font-size: 16pt;
  /*color: #fff;*/
  background: #F2F2F2;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;}

.centerBlock {
  margin: 0 auto;
  max-width: 1000px; }

.notifyBlock {
  transition: all 0.5s ease 0.2s;
  background: rgba(0, 0, 0, 0.3);
  border: 2px rgb(255, 0, 0) inset;
  padding: 10px;
  margin: 10px;
  opacity: 0;
  width: 100%;
  border-radius: 5px; }

#WorkArea {
  opacity: 1;
  transition: all 0.2s ease 0s;
  width: 100%;
  min-height: 100vh;}























































.DesingText {
  text-shadow: 1px 1px 1px #000;
  color: #fff; }

.Welcome {
  transition: all 1.5s ease 0s;
  width: 100%;
  height: 100%;
  font-size: calc(100vw / 6);
  font-size: -moz-calc(100vw / 6);
  font-size: -webkit-calc(100vw / 6);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 500;
  background: #000; }

.Welcome .PosCenter {
  margin-top: calc((100vh / 2) - ((100vw / 5) / 2));
  margin-top: -moz-calc((100vh / 2) - ((100vw / 5) / 2));
  margin-top: -webkit-calc((100vh / 2) - ((100vw / 5) / 2));
  width: 100%; }

.LeftMenu, .CenterMenu, .RightMenu {
  opacity: 0;
  transition: all 0.5s ease 0.2s;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  height: 100%; }

.LeftMenu, .RightMenu {
  width: 0%; }

.RightMenu {
  background: #EAEDF1; }

.CenterMenu {
  width: 0%; }

.MessagesArea {
  transition: all 0.5s ease 0s;
  width: 100%;
  height: 90%;
  max-height: 90%;
  overflow: hidden;
  /*overflow-y: scroll;*/ }

.ReMsg, .MyMsg {
  /*margin: 5px 0 5px 0;*/
  margin: 3px 0 3px 0;
  width: 85%;
  /*padding: 5px 1% 5px 1%;*/
  padding: 1px 1% 1px 1%;
  word-wrap: break-word;
  color: #FFF;
  /*border: 1px solid #CECCCA;
  box-shadow: 0 0 23px -15px #000;*/
  /*text-shadow: 1px 1px 5px #000;*/
  text-shadow: 1px 1px 2px #000;
  /*transition: all 0.7s ease 0s;*/ }


.ReMsg .AlignMsg .MsgText, .MyMsg .AlignMsg .MsgText {
  word-wrap: break-word;
  width: 100%;
  font: 17px/21px 'PT Sans', Helvetica, Arial, sans-serif; }

.ReMsg .AlignMsg .MsgTime, .MyMsg .AlignMsg .MsgTime {
  width: 100%;
  font-size: 9pt;
  -moz-user-select: none; 
  -webkit-user-select: none; 
  -ms-user-select: none; 
  -o-user-select: none; 
  user-select: none;  }

.rchello {
  background-image: linear-gradient(bottom, rgb(228, 86, 249) 0%, rgb(246, 107, 255) 100%);
  background-image: -o-linear-gradient(bottom, rgb(228, 86, 249) 0%, rgb(246, 107, 255) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(228, 86, 249) 0%, rgb(246, 107, 255) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(228, 86, 249) 0%, rgb(246, 107, 255) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(228, 86, 249) 0%, rgb(246, 107, 255) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(228, 86, 249)),	color-stop(1, rgb(246, 107, 255)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00BB5E, endColorstr=#00D680,GradientType=0 );   }

/*
.rc0 {
  background-image: linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
  background-image: -o-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(0,187,94)),	color-stop(1, rgb(0,214,128)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00BB5E, endColorstr=#00D680,GradientType=0 );   }


.rc1 {
  background-image: linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
  background-image: -o-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(229,95,32)),	color-stop(1, rgb(239,132,45)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#E55F20, endColorstr=#EF842D,GradientType=0 ); }

.rc2 {
  background-image: linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -o-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(220,132,24)),	color-stop(1, rgb(234,181,34)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#DC8418, endColorstr=#EAB522,GradientType=0 ); }

.rc3 {
  background-image: linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
  background-image: -o-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(0,173,221)),	color-stop(1, rgb(0,208,235)));	 }

.rc4 {
  background-image: linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
  background-image: -o-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(194,40,71)),	color-stop(1, rgb(218,56,102)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#C22847, endColorstr=#DA3866,GradientType=0 ); }

.rc5 {
  background-image: linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
  background-image: -o-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(11,77,132)),	color-stop(1, rgb(15,109,181)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0B4D84, endColorstr=#0F6DB5,GradientType=0 ); }
*/


.rc0 {
  background: rgb(0,187,94); }


.rc1 {
  background: rgba(229,95,32, 0.95); }

.rc2 {
  background: rgba(220,132,24, 0.95); }

.rc3 {
  background: rgb(0,173,221); }

.rc4 {
  background: rgb(194,40,71); }

.rc5 {
  background: rgb(11,77,132); }


.rc6 {
  background: #E76049; }

.rc7 {
  background: #2EB398; }

.rc8 {
  background: #7CC8EF; }

.rc9 {
  background: #3B454B; }


.rc0, .rc1, .rc2, .rc3, .rc4, .rc5 {
  transition: all 0.5s ease 0.2s; }


/*
.rc0 {
  background: #51DB1E;
}

.rc1 {
  background: #009792;
}

.rc2 {
  background: #590E6F;
}

.rc3 {
  background: #D77508;
}

.rc4 {
  background: #F9BB00;
}

.rc5 {
  background: #EB0025;
}
*/

.rc0:hover {
  box-shadow: 0 0px 3px 1px rgb(0,187,94);
}

.rc1:hover {
  box-shadow: 0 0px 3px 1px rgb(229,95,32);
}

.rc2:hover {
  box-shadow: 0 0px 3px 1px rgb(220,132,24);
}

.rc3:hover {
  box-shadow: 0 0px 3px 1px rgb(0,173,221);
}

.rc4:hover {
  box-shadow: 0 0px 3px 1px rgb(194,40,71);
}

.rc5:hover {
  box-shadow: 0 0px 3px 1px rgb(11,77,132);
}




.ReMsg {
  margin-left: 1%; }


.ReMsg.AlignMsg { }


.ReMsg .AlignMsg .MsgText {
  text-align: left; }

.ReMsg .AlignMsg .MsgTime {
  font-style: italic;
  text-align: right; }



.MyMsg {
  margin-left: 12%; }

.MyMsg .AlignMsg { }


.MyMsg .AlignMsg .MsgText {
  text-align: right; }

.MyMsg .AlignMsg .MsgTime {
  font-style: italic;
  text-align: right; }

.wysibb-toolbar {
  display: none !important; }

#inputText {
  width: 100%;
  height: 10%;
  opacity: 0;
  transition: all 1.5s ease 0s; }

.ButtonSend, .AreaText, .ButtonSmileAndFile {
  display: inline-block;
  vertical-align: top; }

.AreaText {
  min-width: 70%;
  min-height: 100%;
  max-width: 70%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 14pt;
  resize: none;
  outline: none; }

.ButtonSmileAndFile {
  width: 10%;
  height: 100%;
  background: #FFF;
  overflow: hidden; }

.buttonAddSmile, .buttonAddFile {
  cursor: pointer;
  max-width: 100%;
  max-height: 50%;
  margin: 0 0 0 auto;
  display: block; }

.ButtonSend {
  font-size: calc((4vw + 4vh + 8vmin) / 3);
  font-size: -moz-calc((4vw + 4vh + 8vmin) / 3);
  font-size: -webkit-calc((4vw + 4vh + 8vmin) / 3);
  cursor: pointer;
  width: 20%;
  height: 100%;
  background-image: linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -o-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(220,132,24)),	color-stop(1, rgb(234,181,34)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#DC8418, endColorstr=#EAB522,GradientType=0 ); }

.ButtonSend:hover {
  background-image: linear-gradient(top, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -o-linear-gradient(top, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -moz-linear-gradient(top, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -webkit-linear-gradient(top, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -ms-linear-gradient(top, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
  background-image: -webkit-gradient(	linear,	right top,	right bottom,	color-stop(0, rgb(220,132,24)),	color-stop(1, rgb(234,181,34)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#EAB522, endColorstr=#DC8418,GradientType=0 ); }


.HBFBS, .FixBSend {
  display: inline-block;
  vertical-align: middle; }

.HBFBS {
  height: 100%;
  width: 0%; }

.FixBSend {
  width: 100%;
  text-align: center; }

.BlockMenu {
  cursor: pointer;
  overflow: hidden;
  width: 80%;
  height: calc((100% / 5) - 5%);
  height: -moz-calc((100% / 5) - 5%);
  height: -webkit-calc((100% / 5) - 5%);  
  margin: 4.3vh auto 2.5vh auto; }

#onlineList {
  overflow-x: hidden; }

.FPBM {
  height: 100%;
  width: 0%; }

.FPBMt {
  font-size: 16pt;
  text-shadow: 0px 0px 2px #000;
  color: #fff;
  width: 100%;
  height: calc(100% - 50pt);
  text-align: left;
  overflow: hidden; }

.FPBMt, .FPBM {
  display: inline-block;
  vertical-align: middle; }

.Users {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 5px rgb(255, 0, 0); }

.objNicknameOnlList {
  width: calc(100% - 35px);
  margin-left: 5px;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top; }

.UserOnline {
  width: 90%;
  margin: 0 0 0 5%;
  border-bottom: 1px solid #CECCCA;
  box-shadow: 0 1px 0 #F3F1F0;
  padding-bottom: 2px;
  color: #807E7D;
  font-size: 16pt;
  text-shadow: none;
  cursor: pointer;
  display: inline-block; }

.inChat {
  margin: 5%; }

name {
  cursor: pointer; }

/*
.Inplace {
  box-shadow: 0 3px 3px rgb(50, 255, 50); }

.InAfk {
  box-shadow: 0 3px 3px rgb(245, 144, 98) }

.Noplace {
  box-shadow: 0 3px 3px rgb(255, 0, 0); }
*/
.ButtonMaxmize {
  display: none;
  opacity: 0.5;
  position: absolute;
  cursor: pointer;
  top: 45%;
  width: 15px;
  text-align: center;
  z-index: 50;
  background: grey;
  border-radius: 6px; }

.LeftButtonMaxmize {
  position: absolute;
  cursor: pointer;
  left: -3px;
  top: 45%;
  width: 15px;
  text-align: center;
  z-index: 50;
  background: grey;
  border-radius: 6px; }

.RightButtonMaxmize {
  right: -3px; }

#CloseMenu {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 52;
  display: none;
  width: 5%;
  height: 5%; }

.BlockListMsg {
  cursor: pointer;
  word-wrap: break-word;
  overflow: hidden;
  width: 90%;
  max-width: 90%;
  margin: 7px 2.5% 7px 2.5%;
  padding: 1% 2.5% 1% 2.5%; }

.BlockListMsg .party {
  color: #ffe9df;
  width: 100%;
  text-align: center;
  font-size: 12pt;
  text-shadow: 1px 1px 1px #000, 0 0 1px #FFF; }

.Anketa {
  box-shadow: 0 0 5px #000;
  position: absolute;
  z-index: 50;
  width: auto;
  max-width: 80%;
  height: 80%;
  overflow-y: auto;
  word-wrap: break-word;
  display: none; }

#statusBlock {
  transition: all 0.5s ease 0.2s;
  padding: 0 5% 0 5%;
  background: #161D20;
  box-shadow: inset 0px 0 0 #FFFFFF, -1px 0 5px rgba(0,0,0,0.18);
  overflow: hidden;
  position: absolute;
  top: 0;
  color: #E7E6E6;
  width: 70%;
  z-index: 1;
  height: 50pt;
  font-size: 38pt;
  cursor: pointer;
  text-shadow: none;}

.fullimage {
  display: none;
  background: rgba(0, 0, 0, 1);
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50; }

.buttonCloseFullImg {
  cursor: pointer;
  height: 0px;
  position: relative;
  top: -50px;
  left: 50px;
  text-align: right;
  width: 100%; }

#notification {
  position: fixed;
  left: 10px;
  width: 20%;
  bottom: 10px;
  z-index: 100; }

#buttonMenu, #buttonMenu2 {
  overflow: hidden;
  color: white;
  width: 100%;
  height: 50pt;
  background: #E76049;
  text-align: center;
  font-size: 38pt;
  cursor: pointer;
  text-shadow: 0px 0px 3px rgb(0, 0, 0); }

#buttonMenu2 { }

#WindowSmile {
  box-shadow: 0 0 5px #000;
  position: absolute;
  z-index: 50;
  width: 50%;
  height: 50%;
  bottom: 25%;
  margin: 0 25% 0 25%;
  overflow-y: scroll;
  word-wrap: break-word;
  display: none; }

#songNotif {
  position: absolute;
  z-index: 0;
  width: 0;
  height: 0;
  top: 0;
  left: 0; }

#BlockSmiles {
  background: #000;
  opacity: 0.5;
  display: none;
  position: absolute;
  z-index: 49;
  height: 100%;
  width: 100%; }

.MsgText a {
  text-shadow: 0px 0px 1px #FFF;
  color: #000;
  font-weight: bold; }

#Menu {
  width: 20%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #1F282D;
  z-index: 2;
  display: none;
  overflow-y: auto;
  -moz-user-select: none; 
  -webkit-user-select: none; 
  -ms-user-select: none; 
  -o-user-select: none; 
  user-select: none; }

.buttonMenuSelect {
  cursor: pointer;
  width: 80%;
  padding: 10px 10% 10px 10%;
  font-size: 13pt;
  height: 26pt;
  overflow: hidden;
  color: #EDF0F2;
  font-family: 'Times New Roman';
  box-shadow: none;
  font-size-adjust: 0.58;
  vertical-align: middle;}

.buttonMenuSelect:hover {
  background: #2F373C;}

#OpenMenu {
  position: absolute;
  top: 0;
  left: 0;
  background: #1F282D;
  box-shadow: 0 0 2px #515050;
  z-index: 50;
  display: none;
  overflow: hidden;
  width: calc((4vw + 4vh + 8vmin) * 3);
  width: -moz-calc((4vw + 4vh + 8vmin) * 3);
  width: -webkit-calc((4vw + 4vh + 8vmin) * 3);
  width: -ms-calc((4vw + 4vh + 8vmin) * 3);
  width: -o-calc((4vw + 4vh + 8vmin) * 3); }

.MenuImg {
  height: 20pt;
  width: 20pt;
  margin-right: 15px;
  vertical-align: middle; }

.userOnline {
  width: 90%;
  padding: 5px 5%;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -moz-user-select: none; 
  -webkit-user-select: none; 
  -ms-user-select: none; 
  -o-user-select: none; 
  user-select: none;
}


.userOnlineFull {
  width: 90%;
  padding: 5px 5%;
  cursor: pointer;
  color: #6A7686;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  text-shadow: none;
  font-weight: bold;
  font-size: 12pt;
}



.userOnline:hover {
  background: RGBA(47, 55, 60, 0.14); }



.userOnline .avatar {}

.userOnline .nickname {
  color: #8592A2;
  text-shadow: none;
  width: calc(100% - 25px - 10px - 20px);
  margin: 0 10px;
  text-align: justify;
  text-shadow: 0px 2px 2px rgb(255, 255, 255);
  overflow: hidden;
  max-height: 27px; }

.userOnline .status {}


.userOnline .avatar, .userOnline .nickname ,.userOnline .status {
  display: inline-block;
  vertical-align: middle; }


.userOnline .avatar .img{
  width: 25px;
  height: 25px;
  border-radius: 20px;
  vertical-align: middle; }


.userOnline .status.online{
  width: 10px;
  height: 10px;
  border-radius: 15px;
  background: #2EB398; }

.userOnline .status.Noplace{
  width: 10px;
  height: 10px;
  border-radius: 15px;
  background: #E76049; }

.userOnline .status.afk{
  width: 10px;
  height: 10px;
  border-radius: 15px;
  background: #F5B041; }

.buttonMenuSelect .posleft {
  height: 100%;
  vertical-align: middle;
  width: 0;
  display: inline-block;  }
  
.buttonMenuSelect .postext {
vertical-align: middle; display: inline-block;  }



.RoomsList {
  cursor: pointer;
  width: 96%;
  padding: 10px 2% 10px 2%;
  font-size: 13pt;
  height: 26pt;
  overflow: hidden;
  color: #EDF0F2;
  font-family: 'Times New Roman';
  font-size-adjust: 0.58;
  vertical-align: middle;
  box-shadow: 0 1px 5px -5px #FFF; }


.RoomsList:hover {
  background: #2F373C;}

.even {
  background: rgba(86, 84, 84, 0.24); }

.RoomName, .RoomType {
  display: inline-block;
  vertical-align: middle; }


.RoomName {
  width: calc(100% - 26pt); }

.RoomType {
  width: 26pt;
  height: 26pt; }

.RoomType img {
  max-width: 100%;
  max-height: 100%; }

.LoadOldMessages {
  width: 95%;
  margin: 5px 2.5% 15px 2.5%;
  box-shadow: 0 0 1px #FFF;
  text-align: center;
  font-size: 20pt;
  cursor: pointer;
  background: #3F4754; }

.nim {  /* nickname in msg */
   cursor: pointer;
   width: 15pt;
   height: 15pt;
   display: inline-block;
   margin: 0 0 0 7pt;
   padding: 0;
   vertical-align: middle; }

.mbim {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle; }

#PrivateMessages, #AnketaBtn, #signOut {
  display: none; }

.notifSel {
  max-width: 350px;
  max-height: 50px;
  background: rgb(30, 30, 30);
  padding: 5%;
  cursor: pointer; }

.notifSel:hover {
  background: #2F373C; }

.notifSel .cnt {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background: rgb(231, 96, 73);
  width: 10%;
  padding: 5pt;
  text-align: center; }


.notifSel .rightBlc {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 10pt - 15%); }

.notifSel .mess {
  overflow: hidden;
  padding: 0px 5%;
  font-style: oblique;
  font-size: 12pt; }

.notifSel .time {
  text-align: right;
  width: 100%;
  font-size: 10pt; }

#notifMenu {
  background: rgb(22, 29, 32);
  position: absolute;
  z-index: 20;
  max-width: 90%;
  margin: 5%;
  max-height: 90%;
  overflow-y: auto;
  width: auto;
  right: 10%;
  box-shadow: 0px 0px 5px -1px;
  display: none; }

#textMenu {
  background: rgb(22, 29, 32);
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  display: none;
  position: absolute;
  z-index: 20;
  overflow: auto; }

.closeImg {
max-height: 20pt;
max-width: 20pt;
background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
margin: 5pt;
border-radius: 20pt;
  cursor: pointer; }

.closeImg:hover {
  background: rgba(255, 255, 255, 1);
  transition: all 0.5s ease 0s; }

.blockImgInfo {
  position: absolute;
  top: 0;
  box-shadow: 0 0px 2px -1px rgba(255,255,255,0.5);
  width: 100%;
  height: 30pt;
  background: linear-gradient(rgba(81,81,81,.75),rgba(74,74,74,.75));
  border-bottom: 1px solid rgba(67,67,67,.85);
  z-index: 51; }

.blockImgSubInfo {
  font-size: 15pt;
  position: absolute;
  bottom: 0;
  box-shadow: 0 0px 2px -1px rgba(255,255,255,0.5);
  width: 100%;
  height: 30pt;
  background: linear-gradient(rgba(81,81,81,.75),rgba(74,74,74,.75));
  text-align: left;
  border-top: 1px solid rgba(67,67,67,.85);
  z-index: 51; }

.ommsg { /* open menu msg button */
 cursor: pointer; width: 15pt; height: 15pt; display: inline-block; margin: 0 0 0 7pt; padding: 0; vertical-align: middle; }

.imgommsg {
  max-height: 100%; max-width: 100%; vertical-align: middle; }