body{ 
  background: #f2f2f2 !important;
}
.x-white{
  background: #f2f2f2 !important;
}
div.card-body{
    background: #e1e4e7 !important;
}
.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
     background-color: #FFF !important;
     /*padding-top: 10px !important;
     padding-bottom: 10px !important;*/
}
::placeholder {
    /*font-weight:700;*/
    font-size:16px !important;
    color: #979797 !important;
    opacity: 1; /* Firefox */
}
label{
    visibility: hidden !important;
}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: #979797 !important;
}
.offcanvas-item>a {
    color: #43525e !important;
}
/*-- FORM CSS -- */
#first-name{
    border-color: #979797 !important;
}
.form-control {
    background-color: #FFF !important;
    border-color: #979797 !important;
}
.form-control-sm {
    background-color: #FFF !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border: 1px solid #979797 !important;
}
.form-check-input:checked {
    background-color: #005fc5 !important;
    border-color: #005fc5 !important;
}
.form-check .form-check-input {
    padding-bottom:15px !important;
}
.form-check-input[type="checkbox"] {
  border: 2px solid #bdbdbd !important;
  width: 20px !important;
  height: 20px !important;
}
.form-check-input[type="radio"] {
  border: 2px solid #bdbdbd !important;
  width: 20px !important;
  height: 20px !important;
}
    
/*-- TABLE -- */
.table { 
  border-collapse: collapse !important;
  margin: 25px 0 !important;
  font-size: 0.9em !important;
  font-family: sans-serif !important;
  min-width: 90% !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important;
}
.table > :not(caption) > * > * {
  font-size: 16px !important;
  color: #444444 !important;
}
.accordion-item:first-of-type {
   margin-top: 20px !important; 
}

/* NAVIGATION & BUTTON*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link
 {
    /*padding: 10px !important;*/
    border-radius: 4px !important;
}

/* INPUT GROUP */
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select, .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-color: #979797 !important;
    background:#f9f9f9 !important;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-color: #979797 !important;
}
.form-control-sm {
    background:#f9f9f9 !important;
    border-color: #979797 !important;
}
.card-header:first-child {
    background: #c9d0db !important;
}
span.bg-info {
    padding: 10px !important;
    background: #191b50 !important;
}
.badge {
    background: #191b50 !important;
}

.form-check-input[type=checkbox] {
    border-color: #979797 !important;
    padding:5px important;
}
.form-check-input:checked[type=checkbox]{
    border-color: #979797 !important;
    padding:5px important;
}
/*-- Media Screen -- */
@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #3a4554 !important;
    font-family: 'Raleway', sans-serif !important;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
        background:#f2f2f2 !important;
    }
    .form-check-input[type=checkbox] {
        border-color: #979797 !important;
        padding:5px important;
    }
    .form-check-input:checked[type=checkbox]{
        border-color: #979797 !important;
        padding:5px important;
    }
}
@media (max-width: 768px) {
  .h1, h1 {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #3a4554 !important;
    font-family: 'Raleway', sans-serif !important;
  }
  .form-check-input[type=checkbox] {
    border-color: #979797 !important;
    padding:5px important;
    }
    .form-check-input:checked[type=checkbox]{
        border-color: #979797 !important;
        padding:5px important;
    }
}
@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #3a4554 !important;
    font-family: 'Raleway', sans-serif !important;
  }
}
@media (max-width: 768px) {
  .h2, h2 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #3a4554 !important;
    font-family: 'Raleway', sans-serif !important;
  }
}
@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #3a4554 !important;
    font-family: 'Raleway', sans-serif !important;
  }
}
@media (max-width: 768px) {
  .h3, h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #3a4554 !important;
    font-family: 'Raleway', sans-serif !important;
  }
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}