:root {
  --themeColor: #0074BA;
  --themeColorHover: #41474F;
  --themeWhite: #ffffff;
  --themeBlack: #000000;
  --themeBlackLight: #111111;
  --themeBackground: #f3f3f3;
  --themeGrayLight:#d3d3d3;;
}



body {
    background-color: #ffffff;
}

.dash-toolbar {
    border-bottom: 2px solid #555555;
}

.dash-nav-list .dash-nav-item.first {
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}

.dash-nav-list .dash-nav-item.mid {
    border-bottom: 1px solid #555555;
}


.dash-nav-list .dash-nav-item.last {
    border-bottom: 1px solid #555555;
}

.tooltip{
   font-family: "Noto Serif Sinhala", Arial, Verdana, Geneva, Helvetica, sans-serif;
}


/* Fonts */
.si{
    font-family: "Noto Serif Sinhala", Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.en {
   font-family: "Noto Serif Sinhala", Arial, Verdana, Geneva, Helvetica, sans-serif;
   letter-spacing: 0.6px!important;
}

label.si{
  font-size: 15px;
  font-weight:bold;
  margin-bottom: 2px;
  margin-top: 10px;
}

/* Form Label */
form label.si{
  font-size: 15px;
  font-weight:bold;
  margin-bottom: 2px;
  margin-top: 10px;
}

/* Input styles */
.form-control{
    font-size: 18px;
    font-weight: 500;
    height: unset;
    border-radius: unset;
}

.form-control-sm{
    font-size: 14.65px;
    font-weight: 500;
    height: unset;
    border-radius: unset;
    padding: 7px;
}

.form-control:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 3px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 3px 3px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.btn-lg {
    font-size: 1rem;
}




/* Dash Title */
.dash-title {
    font-size: 25px;
    font-weight: bold;
    color: var(--themeBlack);
    margin-bottom: 20px;
    border-bottom: 3px solid var(--themeBlack);
}

.dash-title.to-card {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid var(--themeGrayLight);
    padding: 10px 10px;
    margin-bottom: 0px;
}



/* Alert */
button:focus{
    outline: none!important;
    box-shadow: none!important;
}