﻿div.viewMessageTable {
    display:table;
    width:98%;
}

div.viewMessageTableCaption {
    display:table-caption;
}

div.viewMessageTableRow {
    display:table-row;
}

div.viewMessageTableCell {
    display:table-cell;
    padding-top:5px;
}

div.viewMessageTableCell > label {
    font-weight:600;
}

div.viewMessageHeader {
    font-weight:600;
    background-color:#F5F5F5 !important;
    border:2px solid #fff;
    width:200px;
}

#dvCreateNewMessage{
    background-color: white;
}

#dvCreateNewMessage input[type=text] {
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    outline:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:0;
}

#dvCreateNewMessage div.RadComboBox td.rcbInputCellLeft {
    background-color:white !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:1px solid #ccc;
    outline:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:0;
}

#dvCreateNewMessage div.RadComboBox_Default td.rcbArrowCellRight {
    background-color:white !important;
    background-position: -156px -88px !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:1px solid #ccc;
    outline:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:0;
}

#dvCreateNewMessage .RadComboBox_Bootstrap table td.rcbInputCell, #dvCreateNewMessage .RadComboBox_Bootstrap table td.rcbArrowCell {
    background-color:white !important;
    background-position: -156px -88px !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:1px solid #ccc;
    outline:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:0;
}

/* Style the buttons that are used to open and close the accordion panel */
div.accordion {
    color: #444;
    cursor: pointer;
    padding: 18px;
    margin-top:10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #D2EAD3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.accordion-active-urgent {
    color: #DB4F4D;
    cursor: pointer;
    margin-top:10px;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #ffdddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #A6D7A8;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    border-radius:initial;
} 

.newMessageLabel{
    font-weight:600;
    background-color:#F5F5F5 !important;
    height: 33px; 
    padding-top: 10px; 
    vertical-align: bottom;
    padding-left: 2px; 
    margin-left: 15px;
}