body {
    height: unset !important;
}

a {
    color: #00A0E2;
}

a:hover {
    color: #00A0E2;
}

a.kuva:hover {
    text-decoration: none !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00A0E2;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 8px !important;
    background-color: #eeeeee;
    border-radius: 0rem 0rem 0.3rem 0.3rem;
}

#header_kuva {
    border-radius: 0.3rem 0.3rem 0rem 0rem;
}

.pakollinen_merkinta {
    color: red;
}

.has-feedback .smk-error-msg {
    position: relative !important;
    left: 0 !important;
    color: red !important;
}

.jumbotron {
    padding: 2rem 2rem !important;
}

.btn:hover {
    box-shadow: 0 0 0 0.2rem rgba(0, 160, 226, 0.29) !important;
}

.btn-primary {
    color: #ffffff;
    background-color: #00A0E2;
    border-color: #00A0E2;
    border-radius: 5px;
    padding: 8px 15px 8px 15px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #DD4D49;
    border-color: #ccc;
}

.btn-primary,
.btn-primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    background-image: linear-gradient(#00A0E2, #00A0E2 6%, #00A0E2);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #00A0E2;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #00A0E2 !important;
}

.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00A0E2 !important;
    border-color: #00A0E2 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00A0E2 !important;
}

.form-control:focus {
    color: #444;
    background-color: #fff;
    border-color: #00A0E2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 213, 255, 0.3);
    box-shadow: 0 0 0 0.2rem rgba(64, 213, 255, 0.3);
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 160, 226, 0.32);
    box-shadow: 0 0 0 0.2rem rgba(0, 160, 226, 0.29);
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #00A0E2;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #00A0E2;
}

/* Media queryt*/
@media all and (max-width: 750px) {
    .jumbotron {
        padding: 1rem 1rem !important;
    }
}