/* General */
body {
    background: #f1f1f1;
    color: #444;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 1.4em;
}

.edit-shortcode-wrap {
    padding: 10px 20px;
    box-sizing: border-box;

    form {

        .field-row {
            margin-bottom: 15px;

            label {
                display: block;
            }

            input, textarea {
                width: 100%;
                padding: 8px 10px;
                font-size: 14px;
                border: 1px solid #ccc;
                box-sizing: border-box;
            }

            select {
                padding: 2px;
                line-height: 28px;
                height: 28px;
                font-size: 14px;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: 1px solid #ddd;
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
                background-color: #fff;
                color: #32373c;
                outline: 0;
                -webkit-transition: 50ms border-color ease-in-out;
                transition: 50ms border-color ease-in-out;
            }

            .button {
                color: #555;
                border-color: #ccc;
                background: #f7f7f7;
                -webkit-box-shadow: 0 1px 0 #ccc;
                box-shadow: 0 1px 0 #ccc;
                display: inline-block;
                line-height: 26px;
                height: 28px;
                margin: 0;
                padding: 0 10px 1px;
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                -webkit-border-radius: 3px;
                -webkit-appearance: none;
                border-radius: 3px;
                white-space: nowrap;
                box-sizing: border-box;
                margin-left: 5px;
                font-size: 14px;
                font-family: Arial, sans-serif;
        
                &.button-primary {
                    margin-top: 8px;
                    margin-bottom: 5px;
                    background: #2ea2cc;
                    border-color: #0074a2;
                    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5), 0 1px 0 rgba(0,0,0,.15);
                    box-shadow: inset 0 1px 0 rgba(120,200,230,.5), 0 1px 0 rgba(0,0,0,.15);
                    color: #fff;
                    text-decoration: none;
                }
            }

            &.one-half {
                width: 49%;
                float: left;
            }
            
            &.first-half {
                clear: left;
                margin-right: 2%;
            }
        }

    }
}