/*This defines the initial sizes of the elements on the canvas
  Remember to copy the entire file as text in the export module so the exported zip would have the same default.css
  Should look for a way to read this file in the export module.
*/
.CTATAudioButton {
    width: 155px;
    height: 30px;
}

.CTATButton {
    width: 60px;
    height: 30px;
}

.CTATCheckBox {
    width: 100px;
    height: 30px;
}

.CTATComboBox {
    width: 100px;
    height: 30px;
}

.CTATGroupingComponent {
    width: 100px;
    height: 100px;
}

.CTATGroupingComponent > * {
    width: inherit;
}

.CTATJumble {
    width: 150px;
    height: 40px;
}

.CTATRadioButton {
    width: 100px;
    height: 30px;
}


.CTATSubmitButton {
    width: 60px;
    height: 30px;
}

.CTATTextField {
    width: 200px;
    height: 30px;
}

.flexrow{
    width: 100%;
    height: 25%;
    display: flex;
    flex-direction: row;
}



.flexcolumn > *{
    width: 100%;    
}

.flexrow > * {
    height: 100%;
}

.flexcolumn{
    height: 100%;
    width: 25%;
    display: flex;
    flex-direction: column;
}



.flexbox{
    width: 50%;
    height: 50%;
    display:flex;
}

hr {
    width: 100%;
    height: 0px;
    margin-top: 10px;
    margin-bottom:10px;
}

table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

p {
    font: Helvetica;
    margin-top: 0px;
    margin-bottom: 0px;
}




.tablehead > *, .tablecell >* {
    width: 100%;
}