@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

body
{
    font-family: 'Roboto', serif !important;
}

@media only screen and (min-width: 1200px){
.registration, .payment
{
    width:50%;
    margin-top:3%;
    text-align: center;
}

.registration_group
{
    width:70%;
    margin-top:3%;
    text-align: center;
}
}

@media only screen and (max-width: 1200px){
    .registration, .payment
    {
        width:99%;
        margin-top:3%;
        text-align: center;
    }
    
    .registration_group
    {
        width:99%;
        margin-top:3%;
        text-align: center;
    }
}

.mainHeader
{
    color:#30409a;
    font-family: 'Roboto', serif !important;
}

h3, h5
{
    font-family: 'Roboto', serif !important;
    
}

h3.headerLink, h3.headerDate, h3.headerLink a:visited
{
    color:#30409a ;
    font-weight: 800;
}

.card
{
    margin-top:50px;
    
}

.card-body
{
    
}

.card-header-primary
{
    background:#30409a !important;
    box-shadow: none !important;
    text-align: center;
}

.header
{
    color:#30409a !important;
}

.header hr 
{
    background:#30409a !important;
}

.col-form-label, .form-check-label
{
    color:#30409a !important;
}

/*
.bootstrap-select
{
    width:100% !important;
}
*/

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu a:active, .dropdown-menu a.active, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active
{
    background:#30409a !important;
}

.form-check .form-check-input:checked ~ .form-check-sign .check, .form-check .form-check-label .circle .check
{
    background:#30409a !important;
    border-color: #30409a !important;
}

.btn-register, .btn-register:active, .btn-register:focus
{
    background:#30409a !important;
    border-color: #30409a !important;
    border-radius: 25px;
}

.btn-register:hover
{
    background:#ba2a6a !important;
    border-color: #ba2a6a !important;
}

.errors
{
    color:#FF0000 !important;
    text-align:left;
}

.kontakt
{
    margin-top:100px;
    padding:50px;
    background:#069716;
    color:#FFFFFF;
    text-align: left;
}

.kontakt a
{
    color: #009fde;
}

a.links
{
    color: #FFFFFF;
    font-weight: 400;
}

div.links
{
    padding-left:15% !important;
}

.card .form-check
{
    margin-top: 8px !important;
}

.form-check .form-check-sign
{
    top:3px !important;
}