@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

.gsfBackground {
    border-color: #bebe9d;
    font-size: 14;
    margin-bottom: 16;
}

.ss-fieldBlockBowTie > div,
.ss-fieldBlockBowTie .fp-fields-block__content,
.ss-fieldBlockBowTie .formly-field-afBowTie,
.ss-fieldBlockBowTie .formly-field-afBowTie .dx-field {
    height: 100%;
}

.ss-fieldBlockBowTie .formly-field-afBowTie .dx-field .dx-field-item-content {
    height: 100%;
    position: relative;
}

.ss-bow-tie {
    border: solid 1px #2b3643;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../images/ss-bow-tie/background.jpg)
}


.control {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    background-color: #f2f7ff;
    color: #333333;
    cursor: default;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100;
    border: solid 1px #2b3643;
}

.control .ss-bowTiePanelClose {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: transparent;
    border: none;
    font-size: 20px;
}

.control .ss-bowTie-tdSelect {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ss-bow-tie + div .control input,
.ss-bow-tie + div .control textarea,
.ss-bow-tie + div .control select {
    width: 90%;
}

.control .ss-bowTieClearSelect {
    height: 28px;
    width: 28px;
    line-height: -28px;
    background: white;
    border: solid 1px #b7b7b7;
    border-radius: 50%;
    margin-left: 4px;
}

.control table {
    border-collapse: separate;
    border-spacing: 2px;
    padding: 15px;
}

.control td, th {
  padding: 2px;
}

.control tr td:first-child {
    text-align: right;
}

.control tr td:last-child {
    min-width: 300px;
}

.control input, .control textarea, .control select {
    margin: 0;
    padding: 4px 5px 4px;
    background: #fff;
    color: #333;
    font-size: 1em;
    border: solid 1px #b7b7b7;
    min-height: 24px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
    width: 100%;
}

.control input:disabled, .control textarea:disabled, .control select:disabled {
    background-color: #ebebeb !important;
    border: none;
}