#turn-track { display: flex ; overflow: hidden ; }
.ui-dialog.turn-track .ui-dialog-titlebar { background: #80d0ff ; }
.ui-dialog.turn-track .ui-dialog-buttonpane { border: none ; margin-top: 0 !important ; padding-top: 0 !important ; }

.ui-dialog.turn-track .controls { display: flex ; }
.ui-dialog.turn-track .controls .row { display: flex ; align-items: center ; }
.ui-dialog.turn-track .controls .select2 { margin: -1px 0 0 0.5em ; }
.ui-dialog.turn-track .controls input { margin-top: 0.25em ; }
.ui-dialog.turn-track .controls button.reset {
    height: 26px ; width: 4.5em ;
    margin-top: 1em ; padding: 2px 10px 2px 5px ;
    display: none ;
}

.ui-dialog.turn-track iframe { margin: -4px ; border: 0 ; overflow: scroll ; }

/* special layout settings for a horizontal turn track */
#turn-track.horz { flex-direction: column ; }
#turn-track.horz .controls { flex-direction: row ; }
#turn-track.horz .controls>div { margin: 0 1em 0 0 ; }
#turn-track.horz .preview { height: auto ; width: 100% ; margin: 10px 0 0 0 ; padding-bottom: 15px ; }

/* special layout settings for a vertical turn track */
#turn-track.vert { flex-direction: row ; }
#turn-track.vert .controls { flex-direction: column ; }
#turn-track.vert .controls>div { margin: 0 0 1em 0 ; }
#turn-track.vert .preview { height: 100% ; width: auto ; margin: 0 0 0 10px ; padding-right: 15px ; }
