.mdwc-settings-box h1.mdwc-settings-title {
    color            : #fff;
    padding          : 15px 20px 15px 60px;
    box-sizing       : border-box;
    display          : block;
    background       : #3578e5;
    background       : -moz-linear-gradient(-1deg, #3578e5, #359ae5);
    background       : -webkit-linear-gradient(-1deg, #3578e5, #359ae5);
    background-image : linear-gradient(-1deg, #3578e5, #359ae5);
    font-size        : 21px;
    font-weight      : 400;
    margin           : 0;
    line-height      : 1.3em;
    position         : relative;

}

.mdwc-settings-box h1.mdwc-settings-title svg {
    position  : absolute;
    top       : 50%;
    left      : 20px;
    width     : 27px;
    transform : translateY(-50%)
}

.mdwc-settings-box {
    margin        : 20px 20px 20px 0;
    background    : #fff;
    border-radius : 3px;
    box-shadow    : 0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.03);
    overflow      : hidden;
}

.mdwc-settings-tab-wrapper {
    border-bottom : 1px solid #ddd;
}

.mdwc-settings-tab-wrapper .mdwc-settings-tab {
    display         : inline-block;
    padding         : 15px 22px;
    font-size       : 13px;
    cursor          : pointer;
    color           : #444;
    font-weight     : 700;
    text-transform  : uppercase;
    text-decoration : none;
    outline         : none;
    box-shadow      : none;
}

.mdwc-settings-tab-wrapper .mdwc-settings-tab:hover,
.mdwc-settings-tab-wrapper .mdwc-settings-tab.mdwc-settings-tab--active {
    color : #4285f4;
}

.mdwc-settings-tab-wrapper .mdwc-settings-tab.mdwc-settings-tab--active {
    box-shadow : 0 -3px 0 0 currentColor inset;
}

.mdwc-settings-page .mdwc-settings-box .description {
    display    : block;
    margin-top : 5px;
}

.mdwc-settings-page .mdwc-settings-box input[type=text] {
    padding     : 0 8px;
    box-shadow  : none;
    width       : 100%;
    box-sizing  : border-box;
    max-width   : 400px;
    line-height : 2;
}

.mdwc-settings-box-wrapper {
    padding : 0 20px;
}

.post-type-mail-debug .mdwc-settings-box {
    margin-top : 40px;
}

.post-type-mail-debug .wrap h1.wp-heading-inline {
    display : none;
}

/**
    Preview box
 */
#mdwc-preview-box {
    position    : fixed;
    bottom      : 0;
    right       : 0;
    width       : calc(100% - 160px);
    background  : #f9f9f9;
    margin-left : 160px;
    box-sizing  : border-box;
    box-shadow  : 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

#mdwc-preview-box * {
    box-sizing : border-box;
}

.folded #mdwc-preview-box {
    margin-left : 36px;
    width       : calc(100% - 36px);
}

@media only screen and (max-width : 960px) {
    .auto-fold #mdwc-preview-box {
        margin-left : 36px;
        width       : calc(100% - 36px);
    }
}

#mdwc-preview-box__title__container {
    position   : relative;
    width      : 100%;
    background : #fff;
}

#mdwc-preview-box__title {
    padding     : 0 10px;
    font-size   : 15px;
    line-height : 35px;
    height      : 35px;
    font-weight : 600;
}

#mdwc-preview-box__minify,
#mdwc-preview-box__expand,
#mdwc-preview-box__close {
    position  : absolute;
    top       : 50%;
    cursor    : pointer;
    transform : translateY(-50%);
    font-size : 22px;
    width     : 22px;
    height    : 22px;
}

#mdwc-preview-box__minify {
    right : 70px;
}

#mdwc-preview-box__expand {
    right         : 43px;
    width         : 13px;
    height        : 13px;
    border        : 2px solid;
    border-radius : 3px;
}

#mdwc-preview-box__close {
    right : 10px;
}

#mdwc-preview-box.mdwc-preview-box--closed {
    display : none;
}

#mdwc-preview-box__content {
    height     : calc(50vh - 35px);
    overflow-y : auto;
    transition : all .3s;
}

#mdwc-preview-box.mdwc-preview-box--minified #mdwc-preview-box__content {
    height     : 0;
    overflow-y : hidden;
}

#mdwc-preview-box.mdwc-preview-box--expanded #mdwc-preview-box__content {
    height     : calc(100vh - 67px);
    overflow-y : scroll;
}

.edit-php.post-type-mail-debug .wp-list-table tr {
    cursor : pointer;
}

.post-php.post-type-mail-debug #post-body-content {
    display : none;
}

#mail-debug-info .inside {
    padding : 0;
    margin  : 0
}

.mail-debug-single-info {
    padding : 10px 12px;
}

.mail-debug-single-info:nth-child(2n -1) {
    background : #f9f9fa;
}

.mail-debug-single-info__label {
    margin-bottom : 5px;
}

/**
 * List Table
 */

.post-type-mail-debug .column-ical {
    width : 30px;
}

.post-type-mail-debug th.column-ical {
    text-indent : -9999px;
}

.mail-debug-message__tabs-anchors {
    margin-bottom : 10px;
    border-bottom : 1px solid #ccd0d4;
}


.mail-debug-message__tabs-anchor {
    display       : inline-block;
    padding       : 8px 21px;
    border        : 1px solid #ccd0d4;
    border-bottom : 0;
    margin-right  : 5px;
    background    : #fbfbfb;
    font-weight   : 600;
    color         : #434546;
    cursor        : pointer;
}

.mail-debug-message__tabs-anchor.active {
    border-bottom : 1px solid #fff;
    margin-bottom : -1px;
    background    : #fff;
}

.mail-debug-message__tab {
    display : none;
}

.mail-debug-message__tab.active {
    display : block;
}

#mail-debug-message__tab--plain-text,
#mail-debug-message__tab--ical,
#mail-debug-message__tab--code{
    font-family : monospace;
    white-space : pre-wrap;
    padding     : 10px;
}