body.ng-scope{
    display: flex;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
}

#bv_titleBar {
	display: none;
}
/*The form header*/
ng-bind-html.ng-binding {
    display: none;
}
/*Don't display the top submit button */
.content > button#submitButton {
    display: none;
}


/*Don't display the first .content div */
body > .content {   /*Select all .content children of body, including the first one */
    display: none;
    margin: 0px
}
body > .content ~ .content {
    display: block;    /*Select all .content children of body, except the first one */
}
/************************************************************************************/

/*** Inside the form ***/

table {
    display: flex;
}
colgroup {
    display: none;
}
tbody {
    flex: 1;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}

.form.content tr {
    display: flex;
    flex-flow: column;
}

/*Input labels */
.data-label {
    display:none;
    font-size: 13px;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff;
}
.data-value {
    display: flex;
    margin-top: 0px;
}

/*Input field */
input,
textarea {
    width: 100%;
    padding: 7px;
    font-size: 15px;
    /*border: none;*/
    font-family: 'Open Sans', sans-serif;
}

/*Make only the message input span two columns */
tr.attr-messageReceived {
    grid-row-start: span 1;
    grid-row-end: span 1;
    grid-column-start: span 2;
    grid-column-end: span 2;
}
/************************************************/

/*The bottom submit button */
button#submitButton {
    text-decoration: none;
    padding: 9px;
    margin: 30px 0px 30px 0px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(180deg, #3cb3da, #0083af);
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 40%);
    border: 1px solid #fff;
    width: 150px;
    align-self: flex-end;
}
button#submitButton:hover {
    background-image: linear-gradient(180deg, #60bddc, #218aae);
    box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.4);
}





textarea {
    height: 160px;
}

.form{
    border: none;
    padding: 0px;
}
td{
    padding: 0px;
}


@media screen and (max-width: 767px) {
    tbody {
        display: flex;
        flex-direction: column;
    }
}