/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-08-18, 10:40:06
    Author     : Adas
*/

.message_icon{
    position: fixed;
    background-color: #fba54f;
    cursor: pointer;
    padding: 1px 7px 2px 9px;
    right: 0px;
    top: 115px;
    transition: all 0.25s ease-in-out;
}

.message_icon:hover{
    background-color: #de770f ;
    box-shadow: -5px 5px 10px #ccc;
}

.message_icon p{
    margin-bottom: 0px;
    font-size: 34px;
    color: #fff;
    text-align: center;
}

.message_icon span{
    color: #fff;
    text-align: center;
}

.message_panel{
    top: 155px;
    position: fixed;
    /*background-color: #fba54f;*/
    background-color: #fff;
    padding: 20px;
    z-index: 1;
    box-shadow: 5px 5px 13px #555;
}

.message_panel_title{
    margin-bottom: 0px;
}

.message_panel_history{
    text-align: right;
    margin-bottom: 0px;
    cursor: pointer;
}

.message_panel_textarea textarea{
    width: 60vw;
    height: 40vh;
}

#message_send_btn{
    float: right;
}


#history_box, #message_readed_contener{
    position: fixed;
    width: 55vw;
    /*background-color: #de770f;*/
    background-color: #ccc;
    height: 62vh;
    z-index: 2;
    top: 155px;
    padding: 20px;
    box-shadow: 6px 7px 10px #666;
}

#message_readed_contener{
    background-color: #008CBA !important;
}

#history_box_close_icon, #message_readed_contener_close_icon{
    float: right;
    font-size: 22px;
    cursor: pointer;
}

#message_readed_contener_close_icon, #message_readed_contener_title{
    color: #fff;
}

#message_readed_contener_title{
    border-bottom: 1px solid #fff;
}

#history_box_title{
    border-bottom: 1px solid black;
}

#history_box_content, #message_inner_readed_contener{
    width: 100%;
    overflow: auto;
    height: 45vh;
    width: auto;
    background-color: #fff;
    padding: 10px;
}

.readed_message p, .readed_message_r p{
    margin-bottom: 0px;
}

.readed_message, .readed_message_r{
    margin-bottom: 15px;
}

.readed_message_r{
    border-bottom: 1px dashed black;
}

.readed_message_status{
    border-bottom: 1px dashed black;
}