body {
}


.page-container > .row{
    margin:0;
}


.card-body {
    padding: 1em 2em;
}



.cofirmation form p {
    font-size: 1.1em;
    margin:.5em 0 1em;
}
/*form .md-form {
    display: table;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0;
}*/
form .field {
    margin: 0 -2px;
    display: inline-block;
    position: relative;
    padding: 0 1.5em;
}




form .accept-rule {
    text-align: center;
    margin:2em 0.5em 2em 0;
    font-weight:400;
}
    form .accept-rule .form-check {
        padding:0;
        margin:0;
    }
form .accept-rule label a {
    color: rgb(78, 145, 203);
    font-weight: 600;
}
@media(max-width:576px) {
    form .accept-rule {
        text-align: center;
        margin-right: 2em;
        margin: 1em 0 1.5em 0;
    }
}
form .accept-rule .form-check-input[type="checkbox"]:checked + label::before {
    border-right: 2px solid rgb(78, 145, 203);
    border-bottom: 2px solid rgb(78, 145, 203);
}





.rules {
}
    .rules .modal-header .modal-title {
        font-weight: 600;
        color:#fff;
    }
    .rules .modal-body p {
        margin-bottom:0.6em;
    }
    .rules .modal-body li {
        border-bottom: none;
        list-style: disc;
        padding-bottom: 0;
        margin-bottom: 0.5em;
        display:list-item;
    }
   .rules .modal-body {
        padding: 1.5em;
    }
        .rules .modal-body ul {
            font-size: 0.95em;
        }
  .rules .modal-footer button {
        font-size: 0.93em;
        background-color: rgba(47, 72, 88,1) !important;
        padding: 0.7em 1.7em;
        color: #ffffff;
        margin-top:0;
    }











.card-body form div.actions {
    text-align: center;
    /*padding: 2.5em 1em 0.3em 1em;*/
    padding: 0;
    margin: 1.5em 0;
    display: table;
    width: 100%;
}
.cofirmation .card-body form div.actions {
    margin-bottom:0.5em;
}
.card-body form div.actions > div {
    display: table;
    width: 100%;
    margin: auto;
}

    .card-body form div.actions button {
        font-size: 0.95em;
        color: rgba(0,0,0,0.7);
        padding: .8em 1.5em;
        width: 100%;
        float: left;
    }

@media (min-width: 576px) {
    .card-body form div.actions > div {
        width: auto;
    }
    .card-body form div.actions button {
        width: auto;
    }
}

.card-body form div.actions button.submit {
    background-color: #02346d;
    color: #ffffff;
    padding: .8em 2.7em;
}

    .card-body form div.actions button.submit:active {
        background-color: var(--primary);
    }


.cofirmation .card-body form .alert {
text-align:center;
}






.invalid-feedback {
    margin-top:-2px !important;
    display: table;
    position:relative;
}