/* width */
/* color palette to change */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400&display=swap");

html {
  font-family: "Oxygen", serif; }

body {
  background-color: var(--background-color);
  color: var(--text-color); }

h1,
h2,
h3,
h4,
h5,
h6, caption, th {
  font-family: "Raleway", sans-serif;
   }

p,
label,
li,
td {
  font-family: "Oxygen", serif;
   }

a:hover {
  text-decoration: none !important; }


.uk-table th {
  font-weight: 600;
  }
  .cn-button {
    color: #fff !important;
    background-color: #b82226;
    border: 1px solid #b82226;
    box-shadow: 0 10px 20px -10px #b82226;
}
.cn-button:hover {
  color: #b82226 !important;
  background-color: #fff;
  border: 1px solid #b82226;
  box-shadow: 0 10px 20px -10px #b82226;
}
h2.cn-modal-title{
  font-size:14px !important;
  font-weight: 600;
  color:#fff !important;
}
.uk-modal-header{
  background-color:#b82226;

}
.uk-close {
  color: #fff;
}
.cn-table td{
border: 1px solid #ddd;
padding: 5px 12px !important;
}
.uk-input, .uk-select:not([multiple]):not([size]) {
  height: 30px;
}