body {
  font-family: Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: #6f7380;
  background-color: #fff
}

.bg-primary {
  background-color: #557cf2!important;
}

.text-muted {
  color: #b1b6c7 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #4e5159;
}

.h1,h1 {
  font-size: 1.75rem
}

.h2,h2 {
  font-size: 1.5rem
}

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

.h4,.h5,h4,h5 {
  font-size: 1.125rem
}

.h6,h6 {
  font-size: 1rem
}

a {
  transition: color .2s ease-in;
}
a:hover {
  text-decoration: none;
}

.form-group label {
  font-weight: 700;
  color: #4e5159
}

.form-control {
  border: 2px solid #dfe5f2;
  transition: border-color .35s ease;
}
.form-control:focus {
  border-color: #557cf2;
}

/*
input[type=checkbox] {
  display: none;
}

.form-check-label {
  padding-left: 1.8rem;
  cursor: pointer;
}

input[type=checkbox]:checked + .form-check-label:before {
  border-width: 0 0 5px 5px;
  border-color: #fff #fff #557cf2 #557cf2;
  border-radius: 0;
  height: 12px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.form-check-label:before {
  width: 16px;
  height: 16px;
  top: 5px;
  left: 2px;
  background-color: #fff;
  border: 3px solid #dfe5f2
}

.form-check-label:before {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: .25rem;
  transition: all .2s ease-in;
}
*/

.btn-primary {
  color: #fff;
  background-color: #0948a7;
  border-color: #0948a7
}

.btn-primary:hover {
  background-color: #3b59b2;
  border-color: #3b59b2;
}

button:focus {
  outline: 0
}

.btn:not(.btn-link) {
  border-width: 1px;
  font-weight: 700;
  box-shadow: 0 2px 1px hsla(226,7%,47%,.3);
  transition: all .2s ease-out;
  outline: 0
}

.btn:not(.btn-link).active.focus,.btn:not(.btn-link).active:focus,.btn:not(.btn-link):active.focus,.btn:not(.btn-link):active:focus {
  outline: 0;
  outline-offset: 0
}

.btn {
  cursor: pointer;
}

.btn-loading, .btn-loading:hover {
  pointer-events: none;
  background-color: #e3edff;
  color: #557cf2;
  box-shadow: 0 1px 1px rgba(85,124,242,.4) !important;
  border-color: transparent;
}

.btn-loading:before {
  content: '\f021';
  font-family: FontAwesome;
  font-weight: normal;
  margin-right: 15px;
  display: inline-block;
  animation: fa-spin 2s infinite linear;
  color: #B1B6C7;
}

.divider {
  border: none;
  margin: .5rem 0;
  position: relative
}

.divider:after,.divider:before {
  border-bottom: 1px solid #dfe5f2;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%
}

hr.divider {
  height: 2px;
  top: 1px
}

.card .divider:after,.card .divider:before {
  border-color: #eef1f8
}

.divider-content {
  position: relative;
  z-index: 1
}

.divider-left {
  text-align: left
}

.divider-center {
  text-align: center
}

.divider-right {
  text-align: right
}

.invalid-feedback {
  color: #f2c94e;
  font-size: inherit;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
  border-color: #f2c94e;
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
  box-shadow: none;
}

.form-check-input.is-valid+.form-check-label, .was-validated .form-check-input:valid+.form-check-label {
  color: inherit;
}

.alert {
  border: 0;
  padding: 1.25rem 1.5rem 1.25rem 3.5rem;
  margin-bottom: 1rem;
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .close {
  position: relative;
  top: -.125rem;
  right: -1.5rem;
  color: inherit
}

.alert-danger,.alert-info,.alert-success,.alert-warning {
  border-left: 5px solid #a2b8fa;
  position: relative;
}

.alert-success {
  background-color: #f5fae9;
  border-color: #f5fae9;
  color: #6e8c31
}

.alert-success hr {
  border-top-color: #ebf6d4
}

.alert-success .alert-link {
  color: #506624
}

.alert-info {
  background-color: #f3f5ff;
  border-color: #f3f5ff;
  color: #3b59b2;
  border-left-color: #a2b8fa;
}

.alert-info hr {
  border-top-color: #d9e2ff
}

.alert-info .alert-link {
  color: #2e468c
}

.alert-warning {
  background-color: #fcf7e6;
  border-color: #fcf7e6;
  color: #bf9d36;
  border-left-color: #f2c94e;
}

.alert-warning hr {
  border-top-color: #f9f0cf;
}

.alert-warning .alert-link {
  color: #977c2b;
}

.alert-danger {
  background-color: #fdeceb;
  border-color: #fdeceb;
  color: #c24036;
  border-left-color: #f29c96;
}

.alert-danger hr {
  border-top-color: #fad7d4
}

.alert-danger .alert-link {
  color: #9a332b
}

.alert-danger:before,.alert-info:before,.alert-success:before,.alert-warning:before {
  font-family: FontAwesome;
  position: absolute;
  color: #fff;
  font-size: 1.5rem;
  top: 14px;
  left: 18px;
  opacity: 0;
  will-change: opacity,transform;
  animation: wb .35s cubic-bezier(0,.6,.35,1.4) .6s forwards
}

@keyframes wb {
  0% {
    opacity: 0;
    transform: scale(.4) translateY(50px)
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1)
  }
}


.alert-info:before {
  content: "\f05a";
  color: #a2b8fa
}

.alert-warning:before {
  content: "\f06a";
  color: #f2c94e;
}

.alert-danger:before {
  content: "\f188";
  color: #f29c96
}

.alert-success {
  border-left-color: #a7c863;
}

.alert-success .alert-link {
  color: #98bf49
}

.alert-success:before {
  content: "\f00c";
  color: #a7c863
}

.btn-close {
  display: block;
  position: absolute;
  right: 2px;
  top: 0;
  color: #7E8BB6;
  font-size: .8rem;
  padding-top: 18px;
}

.btn-close:hover {
  color: #007aff;
}

.btn-close:before, .btn-close:after {
  position: absolute;
  top: 0;
  left: 8px;
  content: '';
  height: 22px;
  width: 2px;
  background-color: #7E8BB6;
  transition: background-color .2s ease-in;
}
.btn-close:hover:before, .btn-close:hover:after {
  background-color: #31343b;
}
.btn-close:before {
  transform: rotate(45deg);
}
.btn-close:after {
  transform: rotate(-45deg);
}

.pos-relative {
  position: relative;
}

.plus-minus-bg {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  background-color: rgba(236,240,244,0);
  border: 2px solid #c8cfd6;
  border-radius: 50%;
  transition: all .3s ease-in-out
}

.plus-minus-bg:hover {
  cursor: pointer
}

.plus-minus-bg .plus-shape::before {
  position: absolute;
  content: "";
  top: 9px;
  left: 3px;
  width: 15px;
  height: 3px;
  transform: rotate(180deg);
  background-color: #6d7688;
  border-radius: 3px;
  transition: all .3s ease-in-out
}

.plus-minus-bg .plus-shape::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 9px;
  width: 3px;
  height: 15px;
  transform: rotate(90deg);
  background-color: #6d7688;
  border-radius: 3px;
  transition: all .3s ease-in-out
}

.collapsed .plus-minus-bg,.plus-minus-bg.collapsed {
  transition: all .3s ease-in-out;
  background-color: #ecf0f4;
  border: 2px solid #ecf0f4
}

.collapsed .plus-minus-bg .plus-shape::before,.plus-minus-bg.collapsed .plus-shape::before {
  transform: rotate(0);
  transition: all .3s ease-in-out
}

.collapsed .plus-minus-bg .plus-shape::after,.plus-minus-bg.collapsed .plus-shape::after {
  transform: rotate(0);
  transition: all .3s ease-in-out
}

.plus-minus-toggle {
  height: 15px;
  width: 15px;
  min-width: 15px;
  position: relative;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: bottom
}

.plus-minus-toggle:after,.plus-minus-toggle:before {
  background: #0c0f14;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
  transition: transform .5s ease-in-out
}

.plus-minus-toggle:after {
  transform-origin: center
}

.collapsed .plus-minus-toggle:after {
  transform: rotate(90deg)
}

.collapsed .plus-minus-toggle:before {
  transform: rotate(180deg)
}

.plus-minus-toggle-sm {
  height: 12px;
  width: 12px;
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  vertical-align: bottom
}

.plus-minus-toggle-sm:after,.plus-minus-toggle-sm:before {
  background: #0c0f14;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 12px;
  transition: transform .5s ease-in-out
}

.plus-minus-toggle-sm:after {
  transform-origin: center
}

.collapsed .plus-minus-toggle-sm:after {
  transform: rotate(90deg)
}

.collapsed .plus-minus-toggle-sm:before {
  transform: rotate(180deg)
}

.ml-auto, .mx-auto {
  margin-left: auto!important;
}

.tab-pane {
  background-color: #fff;
}