html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-group {
    margin-bottom: 5px;
}
.form-group label {
    min-width: 180px;
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], select{
    border: 1px solid lightgray;
    border-bottom: 1px solid black;
}
.form-group input {
    width: 350px;
}
    .form-group input[type=submit] {
        width: Auto;
    }
    .form-group input[type=checkbox] {
        width: Auto;
    }
.form-group select {
    width: 350px;
}
    .form-group input.zip {
        width: 100px;
    }
    .form-group input.city {
        width: 245px;
    }

::placeholder {
    color: lightgray;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: lightgray;
}

    h1 {
        font-size: 22px;
    }
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}

p.small {
    font-size: 12px;
    margin:0px;
}

p.errortext
{
    color: red;
    margin: 0px;
    margin-bottom: 7px;
}

div.cup_listitem {
    display: flex;
    margin-bottom: 20px;
    border: 1px solid lightgray;
}
div.cup_listitem_img{
    padding: 10px;
}
div.cup_listitem_desc{
    padding: 10px;
}

div.competitionlist{

}
div.competitionitem {
    display: flex;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid lightgray;
    max-width: 700px;
}
div.competitionitem_check {
    width: 5%;
    vertical-align: middle;
    text-align: center;
}
div.competitionitem_body {
    width: 80%;
}
    div.competitionitem_body label.short {
        width: 110px;
    }
        div.competitionitem_body input {
            width: 400px;
        }
        div.competitionitem_fee {
            width: 15%;
            text-align: center;
        }

div.competitionitem_disabled  {
    color: darkgray;
}


table.datatable {
    border: 1px solid lightgray;
    border-collapse: collapse;
}

    table.datatable td {
        border: 1px solid lightgray;
        padding: 2px 5px 2px 5px;
    }
    table.datatable th {
        border: 1px solid lightgray;
        padding: 2px 10px 2px 10px;
    }
#feeSum {
    font-weight: bold;
}
input.cupregistration {
    width: 250px;
    margin-bottom: 2px;
    
}
.footer {
    white-space: normal !important;
    line-height: 22px !important;
}
.footer p {
    margin-bottom: 20px !important;
}

div.terms {
    width: 100%;
    font-family: Courier New;
    Border: 1px solid lightgray;
    font-size: 12px;
    padding: 5px;
    height: 150px;
    overflow-y: scroll
}

img.round {
    border-radius: 10px;
}

span.locktext {
    font-size: 12px;
    margin-left: 20px;
    color: red;
    position: relative;
}
.locktitle {
    position: absolute;
    top: 20px;
    background: lightgray;
    padding: 4px;
    left: 0px;
    width: 150%;
    z-index:1;
    white-space: wrap;
    color: black;
    text-wrap: wrap;
    text-wrap-mode: wrap;
}