.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}

#haet_mail_form {
    .wp-picker-container{
        line-height: 27px;
        a{
            margin-right: 0;
        }
    }

    .wp-color-result{
        margin-bottom: 0;
    }

    .postbox .hndle,
    .haet-mail-send-test .hndle{
        padding-left:10px;
        cursor: text;
    }

    .form-table th,
    .form-table td {
        padding-top:8px;
        padding-bottom:8px;
    }

    .border-choice-label{
        display: inline-block;
        font-size: 8px;
        line-height: 10px;
        margin-right: 20px;
    }

    .border-choice{
        width:16px;
        height:16px;
        border:none;
        border-collapse: collapse;
        display: inline-table;
    }

    .border-choice td{
        width: 8px;
        height: 7px;
        font-size: 0px;
        line-height: 0px;
        border: 1px dotted #999;
        padding: 0;
    }

    /* outer vertical */
    .border-choice.border-choice-outer-v td:first-child{
        border-left: solid 2px #000!important;
    }
    .border-choice.border-choice-outer-v td:last-child{
        border-right: solid 2px #000;
    }

    /* inner vertical */
    .border-choice.border-choice-inner-v td:last-child{
        border-left: solid 2px #000;
    }


    /* outer horizontal */
    .border-choice.border-choice-outer-h tr:first-child td{
        border-top: solid 2px #000!important;
    }
    .border-choice.border-choice-outer-h tr:last-child td{
        border-bottom: solid 2px #000;
    }

    /* inner horizontal */
    .border-choice.border-choice-inner-h tr:last-child td{
        border-top: solid 2px #000;
    }

    /* top */
    .border-choice.border-choice-top tr:first-child td{
        border-top: solid 2px #000;
    }

    /* bottom */
    .border-choice.border-choice-bottom tr:last-child td{
        border-bottom: solid 2px #000;
    }


    input[type="number"]{
        width:50px;
    }
}

.haet-font-tollbar{
    select{
        height: 25px;
    }

    .haet-toggle{
        display: none;
        &+label{
            display: inline-block;
            text-align: center;
            height: 22px;
            width: 22px;
            background-color: #f7f7f7;
            border: 1px solid #ccc;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 1px 0 #ccc;
            box-shadow: 0 1px 0 #ccc;
            
            .dashicons{
                font-size: 17px;
                line-height: 1.3;
            }
        }
    
        &:checked + label{
            background-color: #dddddd;
            -webkit-box-shadow: 0 2px 0 #ccc inset;
            box-shadow: 0 2px 0 #ccc inset;
            .dashicons{
                line-height: 1.45;
            }
        }
    }
}



.haet-mail-send-test{
    max-width: 800px;
}

.haet-mail-dialog{
    display: none;
}

.customize-email-content-selection{
    a{
        text-decoration: none;
    }
}

/****************************************
*   PLUGINS
****************************************/
.haet-mail-plugin{ 
    width: 350px;
    margin:20px;
    float: left;
    display: block;
    height:128px;
    padding:15px;
    border:1px solid #eee;
    background: #f1f1f1;
}

.haet-mail-plugin.not-installed img{ 
    opacity:0.5;
    transition: opacity 0.4s;
}

.haet-mail-plugin.not-installed:hover img{ 
    opacity:1.0;
}


.haet-mail-plugin .haet-mail-plugin-left{
    width:128px;
    float: left;
}

.haet-mail-plugin .haet-mail-plugin-right{
    margin-left: 10px;
    width:205px;
    float: left;
}