/* MIT License */
/* Copyright (c) 2019 Maykheld (http://www.maykheld.com) */

.mykk-ava,.mykk-btn2,.mykk-list,.mykk-name,.mykk-panel2,.mykk-ig-icon,.mykk-who,.mykk-number,
.mykk-panelhead2,.mykk-fb-icon,.mykk-paneltitle2{margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif}

.mykk-btn2{position: fixed;right: 233px;bottom: 13px;background-color: #fafafa;border-radius: 50%;display: inline-block;padding: 10px;height: 50px;box-shadow: 3px 3px 5px #cccccc; cursor: pointer;transition: all 0.5s;margin: 0;z-index: 999;}
.mykk-btn2:hover{opacity: 0.7}
.mykk-btn2 img{width: 30px}

.mykk-panel2{position: fixed;right: 30px;bottom:100px;background-color: #ECE5DD;width: 335px; height:0px;box-shadow: 0px 0px 10px #075E54;overflow-y: hidden;border-radius: 5px; transition: all 0.5s ease-out; z-index:999; }
.mykk-panel2 .mykk-list{background-color: #ffffff;overflow: hidden;display: block; padding: 20px 10px;color:#333; text-decoration: none; font-family: Arial, Helvetica, sans-serif;border-bottom: 2px solid #cccccc}
.mykk-panel2 .mykk-ava {width: 40px;float: left;margin-right:20px }
.mykk-panelhead2{background-color: #fafafa;text-align: center;color: white;height: 41px;}

.mykk-paneltitle2{font-weight: lighter}
.mykk-show2{height:400px}
.mykk-panelbody2{overflow-y: scroll;height: calc(100% - 42px)}

@media only screen and (max-width: 400px) {
    .mykk-panel2{width: 100%;right: 0;top: 0;bottom: 0;}
    .mykk-panel2.mykk-show2{height: 100%}
}
.mykk-close2{display: block;background-color: #075E54;cursor: pointer;opacity: 0.4;text-align: center;width: 50px;transition: ease all 0.3s;overflow: hidden;}
.mykk-close2:hover{opacity: 0.6;}