
.std-small-modal {
    width: 60vw;
    height: 60vh;
    overflow: auto;
    padding: 15px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .std-small-modal .primary-panel {
        width: 100%;
        min-height: 30px;
        display: block;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #dee2e6;
    }

        .std-small-modal .primary-panel div {
            display: inline-block;
            height: 100%;
            margin-left: 0.5%;
            margin-right: 0.5%;
            vertical-align: middle;
        }

            .std-small-modal .primary-panel div.label {
                cursor: pointer;
            }

            .std-small-modal .primary-panel div.state-controller {
                display: inline-block;
                float: right;
            }


    .std-small-modal .secondary-panel {
        width: 100%;
        height: 90%;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .std-small-modal .secondary-panel .overflow-area {
            max-height: 80%;
            overflow-y: auto;
        }

    .std-small-modal .footer-panel {
        width: 100%;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
        border-top: 1px solid #dee2e6;
    }

    .std-small-modal .email-composer {
    }

        .std-small-modal .email-composer .label {
            width: 20%;
            height: 5%;
            text-align: right;
            font-weight: bold;
            display: inline-block;
            padding-left: 5px;
            vertical-align: top;
        }

        .std-small-modal .email-composer .email-sender {
            width: 60%;
            height: 5%;
            display: inline-block;
            vertical-align: top;
        }

        .std-small-modal .email-composer .email-body {
            width: 60%;
            height: 40%;
            display: inline-block;
            vertical-align: top;
        }

            .std-small-modal .email-composer .email-body textarea {
                width: 100%;
                height: 100%;
                vertical-align: top;
            }

        .std-small-modal .email-composer .btn-cancel {
            float: left;
        }

        .std-small-modal .email-composer .btn-send {
            float: right;
        }

        .std-small-modal .email-composer .composer-line {
            margin: 5px 0 5px 0;
        }
