*{outline:0!important;}
.noty_bar.noty_type_info .noty_message {padding: 2px 10px !important;}
.noty_bar.noty_type_info .noty_message > span.noty_text {font-size:14px;}
#noty_topLeft_layout_container {max-width: 200px;}
#noty_topLeft_layout_container .noty_text>div {max-width: 200px;}
#noty_topLeft_layout_container li {width:200px !important;}
#noty_topLeft_layout_container li>div {overflow: auto;}

body{ padding:0;margin:0;background:url(https://i.ibb.co/q9mygMq/background.jpg); background-size:cover;background-attachment:fixed;}
.main{width:100%;max-width:100%;margin:0px 0%;}
ul#messages{margin-top:0;max-height:75vh;margin-bottom:0!important;padding:0;background: #efe7dd url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;z-index: 0;}
ul#messages li{max-width:100%;display:block;}
ul#messages li {
    color: #000;
    clear: both;
    line-height: 18px;
    font-size: 15px;
    padding: 8px;
    position: relative;
    margin: 0 0;
    max-width: 85%;
    word-wrap: break-word;
    background: #fff;
    border-radius: 0px 5px 5px 5px;
    float: left;
    margin-left:8px;
    margin-bottom:8px;
    
}
ul#messages li:first-child{margin-top:8px;}
  ul#messages li:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
  }
  ul#messages li:after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px;
  }
.bottomRow,.topRow{display: flex;direction:rtl;flex-direction:flex-start;background-color: #f0f0f0;width:100%;align-items:center;min-height: 60px;}
.message-box {
    display: flex;
    flex-shrink: 0;
    background-color: #f0f0f0;
    padding: 0;
}
.bottomRow textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    border-radius: 20px;
    padding:10px;
    border-width: 0;
    width:95%;
    resize: none;
    margin:8px 8px 8px 0;
}
#sendMessageBtn {
    background-color: transparent;
    color: #919191;
    border-width: 0;
    padding: 0;
    margin: 0;direction:ltr;
    cursor: pointer;
    transform: rotate(-180deg);
    text-align: inherit;
    display:flex;align-items:center;justify-content: center;width:5%;
}
.messageText {
    direction:ltr;
}

ul#messages li.sent{background: #e1ffc7;float:right;margin-right:8px;}
ul#messages li.sent:after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #e1ffc7;
    top: 0;
    right: -10px;
}
ul small{color: rgba(0, 0, 0, .45);
    font-size: 11px;
    display: inline-block;
    margin-left:3px;
}
.topRow{font-size:14px;}
/* .bottomRow{font-size:14px;} */
.topRow #last_visit_bottom_text{margin:10px;width:100%;text-align:left;}
.bottomRow a{margin:10px;width:100%;text-align:left;color:black;}
.smileysRow{width:10%;position:fixed;left:1%;top:50%;transform: translateY(-50%);display:flex;flex-wrap:wrap;border-radius:5px;background:#fff;}
.smileysRow a{padding:4px;width:21%;display:flex;align-items: center;justify-content: center;}
.ltrSvg{transform: rotate(-180deg);}
@media handheld, only screen and (max-width:640px) {
    .smileysRow{display:none;}
    body{height:calc(100vh);overflow-y:hidden;padding:0;margin:0;}
    .main{height:100%;max-width:100%;margin:0;overflow-y:hidden;}
    ul#messages{height:calc(100% - 120px);}
    .bottomRow,.topRow{height:45px;}
    .bottomRow textarea{width:calc(95% - 20px);}
    #sendMessageBtn{min-width:40px;}
    #sendMessageBtn svg{width:22px;}
}
.userNoSelect{  
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10+ and Edge */
user-select: none; /* Standard syntax */
}
.floatRight {
    float:right;
}
ul#messages{overflow-y:auto!important;}
.bottomBtns {
    background-color: #114c50;
}
.bottomBtns .btn.green {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #428c71;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.bottomBtns .btn.green:hover {
  background: #32735a;
  background-image: -webkit-linear-gradient(top, #32735a, #32735a);
  background-image: -moz-linear-gradient(top, #32735a, #32735a);
  background-image: -ms-linear-gradient(top, #32735a, #32735a);
  background-image: -o-linear-gradient(top, #32735a, #32735a);
  background-image: linear-gradient(to bottom, #32735a, #32735a);
  text-decoration: none;
}

.bottomBtns .btn.green {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #428c71;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.bottomBtns .btn.green:hover {
  background: #32735a;
  background-image: -webkit-linear-gradient(top, #32735a, #32735a);
  background-image: -moz-linear-gradient(top, #32735a, #32735a);
  background-image: -ms-linear-gradient(top, #32735a, #32735a);
  background-image: -o-linear-gradient(top, #32735a, #32735a);
  background-image: linear-gradient(to bottom, #32735a, #32735a);
  text-decoration: none;
}

.bottomBtns .btn.blue {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #3784a8;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.bottomBtns .btn.blue:hover {
    background: #2d6e8b;
    background-image: -webkit-linear-gradient(top, #2d6e8b, #2d6e8b);
    background-image: -moz-linear-gradient(top, #2d6e8b, #2d6e8b);
    background-image: -ms-linear-gradient(top, #2d6e8b, #2d6e8b);
    background-image: -o-linear-gradient(top, #2d6e8b, #2d6e8b);
    background-image: linear-gradient(to bottom, #2d6e8b, #2d6e8b);
    text-decoration: none;
}

.bottomBtns .btn.orange {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #e3af2b;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.bottomBtns .btn.orange:hover {
    background: #c99b28;
    background-image: -webkit-linear-gradient(top, #c99b28, #c99b28);
    background-image: -moz-linear-gradient(top, #c99b28, #c99b28);
    background-image: -ms-linear-gradient(top, #c99b28, #c99b28);
    background-image: -o-linear-gradient(top, #c99b28, #c99b28);
    background-image: linear-gradient(to bottom, #c99b28, #c99b28)
    text-decoration: none;
}