/* ==========================================================================
FLOOW2 Main - Inbox
========================================================================== */

span.message-time {
    position: absolute;
    bottom: 10px;
    right: 12px;
    font-size: 12px;
}

.mod_message_inbox_list .inbox-message a {
    margin: 10px 0px;
    display: block !important
}

.inbox-message span.from-name {
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    max-width: 80%;
}

span.from-name {
    /* position: absolute; */
    /* top: 6px; */
    /* font-weight: bold; */
}

span.message-title {
    /* display: block; */
    /* margin-top: 0px; */
    /* padding-top: 20px; */
    /* max-width: 70%; */
}

.mod_message_inbox_list .inbox-message {
    padding: 0px 0px !important;
    border-top: 1px solid #cecece !important;
    border-left: 1px solid #cecece !important;
    display: -webkit-box !important;
    border-right: 1px solid #cecece !important;
    background: #ecfeff !important;
}

.inbox-message {
    padding: 0px 0px !important;
    border-top: unset !important;
    display: -webkit-box !important;
}

.inbox-input {
    padding: 10px !important;
    float: left;
}

span.message-time {
    /* position: absolute; */
    /* bottom: 6px; */
    /* right: 10px; */
    /* font-weight: bold; */
    /* font-size: 11px; */
}

i.fas.fa-flag,
button.delete i {
    color: #ec7373 !important;
}

i.fas.fa-trash-alt{
    color: darkgrey !important;
}

i.fas.fa-undo {
    color: #8fb0d8 !important;
}

.inbox-message span {
    /* margin-right: 10px; */
    display: table-header-group;
}

.inbox-message {
    position: relative;
}

.inbox-message i {
    position: absolute;
    right: 42px;
    top: 14px;
    font-size: 14px !important;
}

.buttons_major a {
    background: #3F51B5;
    color: #ffffff;
    font-weight: bold;
}

.mod_message_inbox_list button {
    -webkit-appearance: none;
    background-color: inherit;
    border: none;
}

.select_all p {
    font-weight: bold;
    margin: 0px 10px;
    padding: 5px 17px !important;
}

select.select-folder {
    -webkit-appearance: menulist-button;
}

.mod_message_inbox_list {
    border: 0px solid rgb(134, 116, 116);
    border-radius: 5px;
    background: #ffffff;
}

.mod_message_inbox_list h1 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: normal;
}

.mod_message_inbox_list .unread {
    color: #ec7373;
}

.mod_message_inbox_list a:first-child {
    border-top: none;
}

.marketing #wrapper #main {
    background: #ffffff !important;
}

p.inbox_subtekst {
    font-size: 14px;
    margin-bottom: 20px;
}

p.text_icon {
    float: inherit !important;
}

button {
    max-height: 70px;
    min-height: 70px;
    vertical-align: top;
    min-width: 100px;
    cursor: pointer;
}

select {
    padding: 0px;
    font-size: 14px;
}

select option {
    font-size: 14px;
}

input {
    height: 30px !important;
}

.move_to_inbox {
    display: inline-block;
}

button.uncheck_important i.far.fa-flag {
    color: grey;
}

button.undo_delete i.fa.fa-trash-o {
    color: grey;
}

i.far.fa-envelope {
    font-style: normal;
    color: green;
    display: block;
    font-size: 26px;
}

i.fa.fa-trash-o {
    color: #ec7373 !important;
    display: inherit;
    font-size: 26px !important;
    margin-bottom: 8px;
    padding: 1px !important;
    margin: 0;
    float: none;
}

i.far.fa-flag {
    font-style: normal;
    color: #ec7373;
    display: block;
    font-size: 26px;
}

.move_to_inbox i {
    font-size: 25px !important;
    padding-bottom: 8px;
}

.inbox-message:hover {
    background: #eee;
}

.inbox-message {
    padding: 0px 0px;
    border-top: 1px dashed #cecece;
    display: -webkit-box;
}

.inbox-message:last-of-type {
    border-bottom: 1px dashed #cecece;
}

.select_all p {
    padding: 4px 10px;
    font-size: 14px;
}


.inbox-message a {
    width: 75%;
    display: -webkit-box;
    padding: 8.6px 10px;
    font-size: 14px;
    color: #333;
}

a:hover {
    text-decoration: none;
}

.inbox-message input {
    position: relative !important;
    float: inherit;
    display: inline-block;
    margin-top: 5px;
}

input.messageItem {
    width: 18px;
}

.toolbox p {
    float: left;
    font-size: 14px;
    margin: 0px;
}

.select p {
    padding-right: 20px;
    margin: 6px 0px 6px 0px;
}

select {
    height: 34px;
}

input.selectAll {
    width: 18px;
    float: left;
}

.select {
    display: inline-block;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

p.inbox_move_to {
    margin-right: 10px;
}

.select_all {
    display: block;
    margin-bottom: 10px;
}

.inbox-header {
    padding-bottom: 10px;
}

input {
    width: inherit;
    height: inherit;
    margin: 0px;
}

.block .mod_message_inbox_list.block {
    display: block;
    position: relative;
}

/* ==========================================================================
End CSS
========================================================================== */

/* ==========================================================================
FLOOW2 Main  - Inbox 1023
========================================================================== */

@media screen and (max-width: 1023px) {
    button {
        max-height: 100%;
        min-height: 100%;
        min-width: 100%;
        margin: 6px 0px;
    }
    div#message-detail {
        margin-bottom: 120px;
    }
}

/* ==========================================================================
End
========================================================================== */