.c-outercontainer{
	   height: 390px;
            width: 300px;
           
            border-radius: 10px;
            
            background-color: #fffff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	    
	    position: fixed;
            bottom: 45px;
	    left:20px;
            
            color: white;
            padding: 10px;
            font-size: 18px;
            text-align: left;
            z-index: 18000;




}
.c-user {
            height: 40px;
            width: 300px;
            
	    position: absolute;
            top: 0px;
	    right:2px;
           
        }
.c-user-pic {
            height: 40px;
            width: 40px;
           

	    position: absolute;
            top: 0px;
	    right:2px;
            float:right;
        }


.c-container {
            height: 360px;
            width: 300px;
           
            border-radius: 10px;
            
            background-color: #fffff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	    border: 2px solid blue;
	    
	    position: absolute;
            top: 40px;
	    left:2px;
            
            color: white;
            padding: 5px;
            font-size: 18px;
            text-align: left;
            z-index: 18000;

        }
.c-receiver {
            height: auto;
            width: auto;
            max-width:90%;
            border-radius: 10px;
            
            background-color: #219b9b;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	    border: 1px solid b8b8b8;
	    
	    position: relative;
            margin-top:15px;
	    margin-right:8px;
            color: white;
            padding: 10px;
            float:right;
            text-align: right;
        

        }
.c-sender {
	    margin-left:5px;
            height: auto;
            width: auto;
	    max-width:90%;	
           
            border-radius: 10px;
           
            background-color: #dd93ec;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	    border: 1px solid b8b8b8;
	    
	    position: relative;
           
            color: white;
            padding: 10px;
	    margin-top:15px;

            float:left;
            text-align: left;
        

        }


.c-vilualizer {
            height: 20px;
            width: 21px;
            border-radius: 25px;
            background-color: #219b9b;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	    position: fixed;
            bottom: 20px;
	    left:10px;
            display:block;
            color: white;
            padding: 10px;
            font-size: 13px;
            text-align: left;
            z-index: 18000;
        }
.c-txtbox {
            height: 90%;
            width: 89%;
	   font-size: 25px;
	    multi-line:true;
            float:left;
        }
.c-btnsend {
            height: 100%;
            width: 9%;
            float:right;
	    font-size: 28px;
            text-align: left;

        }

.c-txtcontainer {
            height: 45px;
            width: 98%;
            float:left;
	    position: absolute;
	    left:1px;
            bottom: 4px;
	    border: 1px solid b8b8b8;
	    color: black;
	    

            display:block;
           
        }
.c-container .c-txtarea {
            height: 320px !important;
            width: 100%;
            float:left;
	    position: absolute;
	    top:0px;
            left: 4px;
	    background-color: #98a6b4;
            display:block;
	    overflow-y: scroll;
	    scrollbar-width: thin;

           
        }
.c-optiondiv{

 	    height: auto;
            width: 100%;
            float:right;
	    position: relative;
	    bottom:0px;
           
	   color: black;
            display:block;
	    
	}
.c-space{

 	    height: auto;
            width: 100%;
       	    position: relative;
	    display:block;
	    
	}
.c-linedv{

 	    float:right;
            width: 100%;
       	    position: relative;
	    display:inline-block;
	    
	}
.c-optlist{
	    background-color: #fffff;
 	    height: auto;
            max-width: 90%;
       	    position: relative;
	    float:right;
	    color:black;
	    
	}
.c-optlistwb{
	    padding-right: 20px;
 	    height: auto;
            max-width: 90%;
       	    position: relative;
	    float:right;
	    color:black;
	    list-style-type:none;
	}

.c-opt{

 	    height: auto;
            width: 100%;
       	    position: relative;
	   /* border-bottom: 1px solid purple; */
    	    color:black;
	}