/*
SEQP Pre-Registration Form CSS - v1.2.1
04 August 2017 - Spencer W. Gunning
*/

form {
    margin: 12px auto;
    width: auto;
    margin-bottom: 18px;
    border-radius: 12px;
    background-color: #f2f2f2;
    padding: 18px;
}

.textfirst {
    display: flex;
    margin: 12px 0 6px 12px;
    font-size: 28px;
}

.textx {
    display: flex;
    margin: 40px 0 6px 12px;
    font-size: 28px;
    justify-content: space-between;
    flex-wrap: wrap;
}

hr {
    display: flex;
    margin: 0 0 16px 12px;
    font-size: 30px;
    height: 2px;
    background-color: black;
    border:none
}

.fl {
    list-style-type: none;
    padding: 0;
    max-width: 825px;
    margin: 0 auto;
    overflow: auto;
}

.fl[name = "flid"] {
    height: 640px;
}

.fl li, .rad {
    display: flex;
    align-items: center;
    padding: 5px 0 5px 0;
    flex-wrap: wrap;
}

.fl > li > label {
    flex: 1 0 120px;
    max-width: 240px;
    font-size: 17px;
    margin-bottom: 0;
}

.fl > li > label + * {
    flex: 1 0 200px;
}

input[type = text] {
    padding: 12px;
    font-size: 20px;
    border: 1px solid grey;
}

input[type = text]:focus {
    background-color: #fffdaa; 
}

.single-multi {
    max-width: 825px;
    margin: 0 auto;
    flex: 1 0 120px;
    background-color: #e2e2e2;
    list-style-type: none;
    justify-content: center;
    border: 1px solid grey;
    padding: 16px !important;
    width: auto;
}

.single-multi > label + * {
    flex: unset !important;
}

.single-multi > *:first-child {
    margin-right: 70px;
}

.single-multi > input[type = radio] {
    margin-right: 70px;
}

.dropdown-toggle.bs-placeholder.btn-default, .btn.dropdown-toggle.btn-default {
    padding: 12px;
    font-size: 20px;
    border: 1px solid grey;
    border-radius: 0px;
}

.bootstrap-select.btn-group .dropdown-menu li a, .bootstrap-select.btn-group.show-tick .dropdown-menu li a {
    flex: 1 0 120px; 
}

.bootstrap-select.btn-group .dropdown-menu li a span.text, .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-left: -8px;
    font-size: 18px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { 
    margin-top: 12px !important;
}

.antenna-field {
    margin: 6px auto;
    width: auto;
    margin-top: 20px;
    margin-bottom: 1px;
    border-radius: 12px;
    background-color: #e2e2e2;
    padding: 9px;
    border: 1px solid grey;
    display: flex;
    max-width: 825px;
    flex: 1 0 120px;
}
.ncd {
    display: flex;
    flex: 1 0 120px;
    max-width: 825px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.deleter {
    margin-top: 10px;
}

.cloner > .btn.btn-default, .deleter > .btn.btn-default {
    width: 200px;
    height: 30px;
    text-align: center;
    border-radius: 40px;
    cursor: pointer; 
}

.cloner > .btn.btn-default:focus, .deleter > .btn.btn-default:focus {
    outline: 0;
}

.antenna-number {
    font-size: 32px !important;
    color: black;
    font-style: italic;
    opacity: 0.25;
    font-variant: small-caps;
}

.cbox-band {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 825px;
    margin: 0 auto;
    flex: 1 0 120px;
    padding: 12px;
    background: white;
    list-style-type: none;
    justify-content: center;
    border: 1px solid grey;
}

.cbox-band > li {
    width: 75px;
    justify-content: center;
}

.cbox-band > li > label {
    margin-right: 4px;
}

.rad > li > input {
    margin-left: 4px;
}

.linkprint a:link {
    font-size: 14px;
    color: #0000EE;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

.linkprint a:visited {
    font-size: 14px;
    color: #551A8B;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

.fineprint {
    font-size: 14px;
    color: #808080;
    font-weight: normal;
    font-style: italic;
}

.fl p {
    flex: 1 0 120px;
    max-width: 240px;
    font-weight: bold;
    margin: 5px 0 5px;
    font-size: 17px;
}

.fl p.spec {
    font-size: 14px;
}

.fl p.spec-alt {
    font-size: 17px;
}

.rad {
    padding: 0;
    margin: 0 0 0 0;
}

.rad > li {
    padding: 0 20px 0 0;
}

.rad > li > label, .cbox-band > li > label {
    font-weight: normal;
    margin-left: 4px;
    margin-bottom: -4px;
}

.submitter {
    display: flex;
    flex: 1 0 120px;
    padding: 12px 0 12px;
    justify-content: center;
    cursor: pointer;
}

.submitter > .btn.btn-info {
    width: 200px;
    text-align: center;
    border-radius: 6px;
    font-size: 36px;    
}

.submitter > .btn.btn-info:focus {
    outline: 0;
}