:root {  
     --bs-primary: #0d3082;
     --bs-primary-rgb: 13, 48, 130;
     --bs-border-color: #cacaca; 
     --bs-warning: #bb0d42;
     --bs-warning-rgb: 187, 13, 66;
     }
    .btn-tk {
        --bs-btn-color: #fff;
        --bs-btn-bg: #0d3082;
        --bs-btn-border-color: #0d3082;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #bd3263;
        --bs-btn-hover-border-color: #bd3263;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0d3082;
        --bs-btn-active-border-color: #0d3082;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #bd3263;
        --bs-btn-disabled-border-color: #bd3263;
    }
    .btn-tk-white {
        --bs-btn-color: #0d3082;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #0d3082;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #bd3263;
        --bs-btn-hover-border-color: #fff;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0d3082;
        --bs-btn-active-border-color: #0d3082;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #bd3263;
        --bs-btn-disabled-border-color: #bd3263;
    }
    .btn-outline-tk {
      --bs-btn-color: #0d3082;
      --bs-btn-border-color: #0d3082;
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #0d3082;
      --bs-btn-hover-border-color: #0d3082;
      --bs-btn-focus-shadow-rgb: 13,110,253;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #0d3082;
      --bs-btn-active-border-color: #0d3082;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #0d3082;
      --bs-btn-disabled-bg: transparent;
      --bs-btn-disabled-border-color: #0d3082;
      --bs-gradient: none;
    }

}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

.form-label {
    margin-bottom:0;
}
body {
  color: #444;
  font-family: 'Roboto', sans-serif;
  line-height: 1.7;
  font-size: 17px;
}

a {
  color: #0d3082;
  text-decoration: none;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}

a:hover,
a:focus {
  color: #bd3263;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1,h2,h3,h4,h5 {font-weight:500}

/*option{font-family: "Roboto Mono", monospace;} */



label {font-weight:700}

.fs-7 {font-size: .9rem !important}


footer { background:#0d3082 }

.errorField {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.errorText {color:red}

.bg-oc {background-color:#f7faff}
.alert-light {
    --bs-alert-bg:#f7faff;
}

.custom-tooltip {
  --bs-tooltip-bg:#0d3082;
  --bs-tooltip-color: var(--bs-white);
}



@media (max-width: 767px) {
    .fs-sm-6 {font-size: .9rem !important}
    .fs-sm-7 {font-size: .8rem !important}
}