html, body {
    height: 100%;
    background-color: #f5f5f5;
    font-size: 14px;
}

body.home .body-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 16px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.btn { border-radius: 0;}

.btn-outline-unico { font-size: 16px; color: #203345; background-color:#f3f8fc; border-color:#203345;  transition: all 0.3s ease; line-height: 1.3; min-height: 44px;     display: flex;  align-items: center; justify-content: center; }
.btn-outline-unico:hover, .btn-outline-unico:focus { color: #203345; background-color: #e5edf5; border-color: #203345; }

.btn-unico { font-size: 16px; color: #fff; background-color:#203345; border-color:#203345;  transition: all 0.3s ease; line-height: 1.3; min-height: 44px;     display: flex;  align-items: center; justify-content: center; }
.btn-unico:hover, .btn-unico:focus { color: #fff; background-color: #111e2a; border-color: #111e2a; }

h2.title { text-transform: uppercase; font-size: 18px;}
h2.title-form {  font-size: 18px; margin-bottom: 16px;}
h3.subtitle {  font-size: 20px; margin-bottom: 20px;}

.card-body-login { padding: 16px; }

.form-control { border-radius: 0;}

.h3, h3 {
    font-size: 1.25rem;
}

nav.bg-light { background-color: #f5f5f5 !important;}
nav .navbar-nav { flex-direction: row;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
}

.container.container-md { max-width: 960px; margin: 0 auto;}

.body-content{  padding:6px 6px 10px;}

.btn-group-language .btn { font-size: 12px; padding: 4px 6px; height: auto;}

.card-body-admin-list { padding: 16px 12px; }
.card-body-form { padding: 16px; }
.card-field-form {  margin-bottom: 20px; margin-left: -10px;  margin-right: -10px;}
.card-field-form .card-body {padding: 10px; background-color: #f4f4f4; }

.form-group > label { font-size: 15px; text-transform: uppercase; font-weight: 600;  }

.helptext { color: #666; font-size: 13px; }

.max-width-460 { max-width: 460px;}
.max-width-260 { max-width: 260px;}

hr.hr-formgroup { margin-bottom: 15px; margin-top: 15px;}

.card-body-complete { padding: 18px; text-align: center; font-size: 16px; }
.card-body-complete .checkcircle { font-size: 60px; line-height: 1; color: #79BA66; }
.card-body-complete .textthankyou { font-size: 30px; line-height: 1; font-weight: 700; margin-top: 30px; margin-bottom: 20px; }

.page-item .page-link { color: #203345; padding: 5px 8px; font-size: 14px; }
.page-item.active .page-link {     background-color: #203345; border-color: #203345;}

hr.hr-margin-sm { margin-top: 4px; margin-bottom: 4px; }

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

    body.home .body-content {
        padding: 40px 20px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    h2.title { font-size: 28px;}
    h2.title-form {  font-size: 28px;}
    h3.subtitle {  font-size: 26px; margin-bottom: 26px;}

    .btn-unico { padding-left: 20px; padding-right: 20px; font-size: 18px; min-height: 50px; }
    .btn-outline-unico { padding-left: 20px; padding-right: 20px; font-size: 18px; min-height: 50px;  font-weight: 600; }

    .card-body-login { padding: 30px; }


    .form-group-responsive .form-control { height: auto; padding: 8px 18px; font-size: 18px; }

    .h3, h3 {
        font-size: 1.75rem;
    }

    .body-content{      padding: 10px 40px 20px;}
    .btn-group-language .btn { font-size: 16px; padding: 6px 12px; height: auto;}

    .card-body-admin-list { padding:17.5px; }
    .card-body-form {  padding: 30px; }
    .card-field-form {  margin-bottom: 30px; margin-left: -15px;  margin-right: -15px;}
    .card-field-form .card-body {padding: 16px; }
    .form-group > label { font-size: 16px; text-transform: uppercase; font-weight: 600;  }

    .card-body-complete { padding: 30px; font-size: 18px;}
    .card-body-complete .checkcircle { font-size: 100px; line-height: 1; color: #79BA66; }
    .card-body-complete .textthankyou { font-size: 50px; }

    .page-item .page-link { padding: 8px 12px; font-size: 15px; }
}