:root {
  --vc-darkblue: #043D5D;
  --vc-darkblue-lighter: #054f7a;
  --vc-lightblue: #66c9c6;
  --vc-lightblue-darker: #42bdb9;
  --vc-lightblue-lighter: #d9f2f1
}


/*remove thick border between thead-tbody-tfoot (bug in bootstrap 5)*/
.table > :not(:first-child) {border-top:0}

/*remove arrow for input box*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*remove max-width for popover (bug in bootstrap 5)*/
.popover {max-width:max-content}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* remove padding, list-style ul(bug in bootstrap)  */
ul{
  padding: 0%;
  list-style: none;
  margin-bottom: 0;
}

/* remove the underlined a(bug in bootstrap) */
a{text-decoration: none; color:var(--bs-secondary)}
a:hover {text-decoration: underline;text-underline-offset:3px}

.vc-active-item,
.vc-hover-item:hover{
  background-color: var(--vc-lightblue);
}

.img-hover:hover { transform: scale(1.05)}

.border-when-hover:hover {
  border-radius: var(--bs-border-radius);
  border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
}

@font-face {
  font-family: 'UTM Avo Bold';
  src: url('./UTM\ AvoBold.ttf') format('truetype'), url('./UTM\ AvoBold.ttf') format('embedded-opentype'), url('./UTM\ AvoBold.ttf') format('woff');
  font-weight:normal;
  font-style:normal;
}