body{
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin: 5%;
	
	background: #f0f6ff!important;
    color: #617182;
}
body, html {
    font-size: 100%;
    line-height: 1.5;
    letter-spacing: .02rem;
}
.container{
}
.form-group{
	margin-bottom: 10px;
}
.btn-primary, a.btn-primary, a:visited.btn-primary a:link.btn-primary {
    background-color: #224762;
    border: 1px solid #224762;
    color: rgba(255,255,255,.9);
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
	width: 350px;
	height: 350px;
}
.h1, .h2, .h3, body, h1, h2, h3, html {
    font-weight: 300;
}
.h1, .h2, .h3, .h4, .h5, .h6, .nav.metismenu, body, h1, h2, h3, h4, h5, h6 {
    font-family: Poppins,sans-serif;
}
*, ::after, ::before {
    box-sizing: border-box;
}
*, ::after, ::before {
    box-sizing: border-box;
}

element.style {
    text-align: center !important;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
*, :active, :focus {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

element.style {
}
figure, img {
	margin-top: 20px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
img {
    vertical-align: middle;
    border-style: none;
}
*, :active, :focus {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
img[Attributes Style] {
    width: 200px;
    aspect-ratio: auto 200 / 80;
    height: 80px;
}
.custom-file-input:focus~.custom-file-label:after, .custom-file-label, .custom-file-label:after, .form-control {
    border-color: #dfe7f3;
}
.form-control {
    border: 1px solid rgba(120,141,180,.3);
}
.custom-control-input:disabled~.custom-control-label, .custom-file-label, .custom-file-label:after, .form-control, .form-control:focus {
    color: #323a48;
}
.form-control {
    border: 1px solid transparent;
}
.custom-file-label, .custom-file-label:after, .form-control {
    color: #839bb3;
}
.custom-control-input:disabled~.custom-control-label, .custom-file-label, .custom-file-label:after, .form-control, .form-control-plaintext, .form-control:focus, .table {
    font-size: .875rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dropdown-menu, .form-control, .modal-content, .popover {
    background-clip: padding-box;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, hr, input {
    overflow: visible;
}
*, :active, :focus {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
custom-file-input:focus~.custom-file-label:after, .custom-file-label, .custom-file-label:after, .form-control {
    border-color: #dfe7f3;
}
.form-control {
    border: 1px solid rgba(120,141,180,.3);
}
.custom-control-input:disabled~.custom-control-label, .custom-file-label, .custom-file-label:after, .form-control, .form-control:focus {
    color: #323a48;
}
.form-control {
    border: 1px solid transparent;
}
.custom-file-label, .custom-file-label:after, .form-control {
    color: #839bb3;
}
.custom-control-input:disabled~.custom-control-label, .custom-file-label, .custom-file-label:after, .form-control, .form-control-plaintext, .form-control:focus, .table {
    font-size: .875rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dropdown-menu, .form-control, .modal-content, .popover {
    background-clip: padding-box;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, hr, input {
    overflow: visible;
}
*, :active, :focus {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
input:not([type="image" i]) {
    box-sizing: border-box;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

a.default-color:active, a.default-color:hover, a:active, a:hover {
    color: #8c86d1;
}
a:link, a:visited {
    color: #224762;
}
a:active, a:hover {
    outline: 0;
    text-decoration: none;
}
a, a:link, a:visited {
    text-decoration: none;
    outline: 0;
    transition: all .3s ease;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
*, :active, :focus {
    outline: 0;
}
.float-right {
    float: right!important;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.btn-primary.btn-floating:active, .btn-primary.btn-floating:hover, a.btn-primary.btn-floating:active, a.btn-primary.btn-floating:hover, a:visited.btn-primary a:link.btn-primary.btn-floating:active, a:visited.btn-primary a:link.btn-primary.btn-floating:hover {
    box-shadow: 0 15px 20px rgba(115,108,199,.4)!important;
}
.btn:not(:disabled):not(.disabled), .close:not(:disabled):not(.disabled), .navbar-toggler:not(:disabled):not(.disabled), .page-link:not(:disabled):not(.disabled), summary {
    cursor: pointer;
}
.btn-block, input[type=submit].btn-block, input[type=button].btn-block, input[type=reset].btn-block {
    width: 100%;
}
.btn-primary.btn-floating, a.btn-primary.btn-floating, a:visited.btn-primary a:link.btn-primary.btn-floating {
    box-shadow: 0 5px 10px rgba(115,108,199,.4)!important;
}
.btn-primary:hover, a.btn-primary:hover, a:visited.btn-primary a:link.btn-primary:hover {
    background-color: #6861c3!important;
    border: 1px solid #6861c3!important;
    box-shadow: 0 5px 10px rgba(115,108,199,.4)!important;
    color: #fff;
}
.btn.btn-lg, a:link.btn.btn-lg {
    padding: 25px 50px!important;
    font-size: 1rem;
    line-height: .2;
    height: auto;
}
.btn.btn-rounded, a:link.btn.btn-rounded {
    border-radius: 50px;
    padding: 8px 25px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.btn:focus, .btn:hover {
    text-decoration: none;
}
[type=submit], [type=reset], button, html [type=button] {
    -webkit-appearance: button;
}
.btn-primary, a.btn-primary, a:visited.btn-primary a:link.btn-primary {
    background-color: #224762;
    border: 1px solid #224762;
    color: rgba(255,255,255,.9);
}
.btn, a:link.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 20px;
    font-size: .875rem;
    border-radius: .25rem;
    transition: all .2s ease;
    height: 38px;
    vertical-align: middle;
    font-weight: 300;
    cursor: pointer;
}
.btn, .noUi-target, .noUi-target *, a:link.btn {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}
.btn-block {
    display: block;
}
.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
/* .btn-primary { */
    /* color: #fff; */
    /* background-color: #007bff; */
    /* border-color: #007bff; */
/* } */
.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn, .btn-link, .dropdown-item {
    font-weight: 400;
}
.badge, .btn, .dropdown-header, .dropdown-item, .input-group-text, .navbar-brand, .progress-bar {
    white-space: nowrap;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, hr, input {
    overflow: visible;
}
.custom-file-input:focus~.custom-file-label:after, .custom-file-label, .custom-file-label:after, .form-control {
    border-color: #dfe7f3;
}
.form-control {
    border: 1px solid rgba(120,141,180,.3);
}
.custom-control-input:disabled~.custom-control-label, .custom-file-label, .custom-file-label:after, .form-control, .form-control:focus {
    color: #323a48;
}
.form-control {
    border: 1px solid transparent;
}
.custom-file-label, .custom-file-label:after, .form-control {
    color: #839bb3;
}
.custom-control-input:disabled~.custom-control-label, .custom-file-label, .custom-file-label:after, .form-control, .form-control-plaintext, .form-control:focus, .table {
    font-size: .875rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dropdown-menu, .form-control, .modal-content, .popover {
    background-clip: padding-box;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, hr, input {
    overflow: visible;
}
*, :active, :focus {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
input:not([type="image" i]) {
    box-sizing: border-box;
}
user agent stylesheet
input[type="text" i] {
    padding: 1px 2px;
}
user agent stylesheet
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
style attribute {
    text-align: center !important;
}