:root {
  --text-color: #000;
  --text-color-secondary: #707070;
  --primary-color:  #2699FB;
  --secondary-color: #4790CF;
  --accent-color: #5A105E;
}

body {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 1em;
  background: #FFF;
}

.loaderKY {
  width: 85px;
  height: 85px;
}

.title-div {
  padding: 10px;
}

.sub-title-div {
  padding: 0 10px 10px 10px;
}

.cpt-info {
  font-weight: bold;
}

.cpt-description {
  font-size: 0.87em;
}

.font-info {
  font-size: 0.87em;
}

div:where(.swal2-icon) {
  border: 0 solid rgba(0, 0, 0, 0) !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  font-size: 1.385em !important;
}

.form-select {
  font-size: 14px !important;
}

.z-depth-1 {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-ky {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1.2em;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-ky:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.btn-ky-2 {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 0.95em;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-ky-2:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.bold {
  font-weight: 600;
}

.form-label {
  color: var(--text-color-secondary);
}

.btn-outline-secondary {
  border: var(--bs-btn-border-width) solid #dee2e6;
}

.btn-outline-secondary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 5000;
}

#loader {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('../img/loader.gif') no-repeat center 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -50px 0 0 -50px;
}

.cursor-pointer {
  cursor: pointer;
}

.azul-ky-strong {
  color: var(--primary-color);
}

.text-color-secondary {
  color: var(--text-color-secondary);
}

.app-page-title {
  font-size: 1.3rem;
  font-weight: bolder;
}

hr {
  background: #adb4c0;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}