/*
@font-face {
    font-family: pop-font;
    src: url(../Nootype-Radikal.otf);
}
*/
/*
body
{
     font-family: pop-font; 
}

.pop-font
{
    font-family: pop-font; 
}
*/
h3
{
    margin-bottom: 0;
}

.pucesbody
{
    background: #ddccbb;
}

label
{
    font-size: 0.8em;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }

.small-puces
{
    padding-bottom: 25px;
}

.avatar
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    vertical-align: center;
}

.event-title
{
    font-weight: bold;
    font-size: 18px;
}

.p50
{
    padding: 50px;
}

/* .chat-wrapper { margin: 1em auto; max-width: 400px; width: 95%; font: 18px/1.5 sans-serif; } */
.chat-wrapper { margin: 1em 0;  width: 100%; font: 18px/1.5 sans-serif; }
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }

/* chatroom */

#scrollmsg 
    {  
        visibility: hidden;
    }

.roundimg
        {
            width: 40px;
            height:40px;
            background: #fd0000;
            border-radius: 20px;
        }

        .txtchat
        {
            font-size: 0.9em;
        }

        .txtsmall
        {
            font-size:0.5em;
        }

        .msg
        {
            position:absolute;
            width: 94%;
            height: auto;
            bottom: 250px;
            overflow: hidden;
            overflow-y: scroll;
            height: 425px;
            /* max-height: 425px; */
            padding: 24px;
        }

        .form
        {
            position: absolute;
            width:97%;
            overflow: hidden;
            height: auto;
            bottom: 0;
            z-index: 1;
            padding: 25px 0px;
            background: #fff;
        }

        textarea {
          resize: none; 
          overflow: auto;
          width: 100%;
          border: 1px solid #ddd;
          /* padding: 10px; */
        }

        .card-maxheight
        {
            height: 700px;
            max-height: 700px;
            bottom: 0;
            overflow: hidden;
            overflow-y: scroll;
        }

        .posttime
        {
            color:#999;
            font-size: 0.5em;
        }
        
        #brpost
        {
            margin-top:-5px;
        }

        #chatBox
        {
            width: 40%;
            height:450px;
            margin: 0 auto;
        }

        #chatDisplay
        {
            width:100%;
            height:400px;
            overflow-y: scroll;
        }

        
        #chat
        {
            /* position: fixed;*/
            width: 100%;
        }
        

        #chat-btn
        {
            position: relative;
            width: 60px;
            height: 60px;
            /*right: 0;*/ 
            
            /* bottom: 40px; */
            /* background: #fd0000; */
            /* border-radius: 30px;*/
        }

        #chat-btn-img
        {
            position: absolute;
            top: 4px;
            right: 4px;
        }

/* register form */