﻿/*!
 * WellFrame Web Library
 *
 * Copyright (©) Wellcode Software owned by Khamis Abuelkomboz
 *
 * ALL RIGHTS RESERVED, see http://wellcode.de
 *
 */
.field-MessageHeader-area .inputfield {
    width: auto;
}

.field-Sender-area .inputfield {
    width: auto;
}

.MailSubscriber-page .field-Description-area .field-title {
    display: none;
}

.MailBox-page .fieldgroup-Content {
    width: 100%;
}

.MailBox-page .cmd-preview {
    border: 1px solid transparent;
}
.MailBox-page .cmd-preview:hover {
    border: 1px solid darkgray;
}

.MailSubscriber-page .field-Description-area .field-Description {
    margin-left: unset;
    max-width: unset;
    width: calc(100% - 16px);
    height: 3em;
}

.inputfield-MessageHtml .cke_editable {
    height: 20em;
}

.MailBox-item .item-VContent,
.MailTemplate-item .item-VContent {
    white-space: normal;
}

.fieldgroup-ReceiverList > fieldset {
    padding: 0px;
}

.fieldgroup-ReceiverList > fieldset > legend {
    display: none;
}

.fieldgroup-ReceiverList .fieldgroup-elements .titled-container.sublist.MailBoxReceiver-subitems {
    border-top: 0px;
    border-bottom: 0px;
}

@media screen and (min-width: 641px) {
    .fieldgroup-ReceiverList .fieldgroup-elements {
        height: 261px;
        width: 449px;
    }

    .field-ReceiverUserId-area .inputfield {
        width: 394px;
    }
    
    .MailBox-page .field-Sticky-area .inputfield,
    .MailBox-page .field-Newsletter-area .inputfield,
    .MailBox-page .field-Repetition-area .inputfield,
    .MailBox-page .field-RepetitionStep-area .inputfield,
    .MailBox-page .field-ValidFrom-area .inputfield,
    .MailBox-page .field-ExpiryDate-area .inputfield {
        width: 175px;
        height: 56px;
    }

    .MailBox-page .field-Sticky-area .inputfield,
    .MailBox-page .field-Newsletter-area .inputfield {
        height: unset;
    }

    .MailBox-page .field-Sticky-area,
    .MailBox-page .field-Repetition-area,
    .MailBox-page .field-ValidFrom-area {
        float: left !important;
    }

    .fieldgroup-ReceiverList {
        padding-top: 9px;
    }

    .editpage.MailTemplate-page {
        min-width: 96%;
    }
}

@media only screen and (max-width: 640px) {
    .fieldgroup-ReceiverList {
        width: 100% !important;
    }

    .field-Receivers-area .inputfield {
        width: auto !important;
    }
}

.fieldgroup-ReceiverList .fieldgroup-elements .item-a {
    height: 27px;
    width: 27px;
    border: none;
}

.fieldgroup-ReceiverList .fieldgroup-elements .item-overlay .item-VTitle {
    font-size: 14px;
    font-weight: unset;
    text-decoration: none;
}

.fieldgroup-ReceiverList .itemtemplate {
    margin: 1px 0px 0px 0px;
}

.fieldgroup-ReceiverList .fieldgroup-elements .item-overlay {
    margin: 0px;
    padding: 0px;
}

.fieldgroup-ReceiverList .fieldgroup-elements .item-overlay .item-VSubtitle {
    display: none;
}

.fieldgroup-ReceiverList .fieldgroup-elements .item-overlay .item-VDescription {
    display: none;
}

.fieldgroup-ReceiverList .fieldgroup-elements .item-overlay .item-VContent {
    display: none;
}

.fieldgroup-ReceiverList .fieldgroup-elements .cmd-menu {
    display: none;
}

.itemstable.PushSubscription-table .item-Endpoint,
.itemstable.PushSubscription-table .item-P256Dh,
.itemstable.PushSubscription-table .item-Auth {
    max-width: 450px;
    min-width: 220px;
    line-break: anywhere;
}
