﻿.ttf_widget {
    border: 2px solid #E2027C;
}

    .ttf_widget .ttf_header {
        background: #E2027C;
        color: #FFF;
        padding: 10px;
        font-weight: bold;
        color: #fff;
        margin: 0px;
        font-size: 14px;
    }

    .ttf_widget .ttf_form_element {
        padding: 10px;
        color: #0A1C5C;
        word-break: normal !important;
    }

    .ttf_widget .ttf_form_element .ttf_label {
        display: inline-table;
        font-weight: bold;
    }

        .ttf_widget .ttf_form_element .ttf_label .ttf_label_element {
            display: table-cell;
            vertical-align: middle;
            padding-right: 8px;
        }

    .ttf_widget .ttf_form_element input[type=text],
    .ttf_widget .ttf_form_element select {
        width: 100%;
        border: 1px solid #0A1C5C;
        border-radius: 5px;
        background-color: #FFF;
        padding: 5px 5px 5px 10px;
    }

        .ttf_widget .ttf_form_element input[type=text]:focus,
        .ttf_widget .ttf_form_element select:focus {
            outline: 2px transparent solid;
            box-shadow: inset 0 0 0 2px #0a1c5c, 0 0 0 2px #CACACA, 0 0 2px 4px #0a1c5c;
        }

        .ttf_widget .ttf_form_element select {
            background-color: #D2D6E1;
        }

        .ttf_widget .ttf_form_element input[type=text].ttf_has_error {
            border: 2px solid red;
        }

    .ttf_widget .ttf_form_element .ttf_button {
        width: 100%;
        padding: 5px;
        border: 1px solid #0A1C5C;
        border-radius: 5px;
        background-color: #0A1C5C;
        color: #FFF;
        text-align: center;
        cursor: pointer;
        font-weight: bold;
        outline: none;
    }

        .ttf_widget .ttf_form_element .ttf_button:hover {
            background-color: #E2027C;
        }

        .ttf_widget .ttf_form_element .ttf_button:focus {
            outline: 2px transparent solid;
            box-shadow: inset 0 0 0 2px #0a1c5c, 0 0 0 2px #CACACA, 0 0 2px 4px #0a1c5c;
        } 

        