@charset "UTF-8";

@font-face {
    font-family: VecRashmi;
    src: url(../font/vecrashmi.ttf);
}
@font-face {
    font-family: FmAbaya;
    src: url(../font/fmabaya.ttf);
}
.sin-rashmi {
    font-family: VecRashmi;
}
.sin-abaya {
    font-family: FmAbaya;
}
.english{
    font-family: "Sofia Sans", sans-serif;
}
body {
    background-color: #f2f2f2;
    font-family: "Sofia Sans", sans-serif;
}
.bg-lightblue {
    background-color: #1b9fff !important;
}
.bg-lightcyan {
    background-color: #b0deff;
}
.bg-gray {
    background-color: #e3e3e3;
}
.bg-ulight-blue {
    background-color: #72bbff;
}

.navbar-page-text {
    color: white;
    font-size: 20px;
    font-family: Sofia Sans;
    font-weight: 700;
    word-wrap: break-word;
}

.head-banner {
    color: #474747;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}
.head-line {
    color: #000;
    font-family: Sofia Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.head-line-sinhala {
    color: #000;
    font-family: FmAbaya;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.head-element {
    position: relative;
    padding: 0 0 5px;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.head-element::after {
    content: "";
    height: 2px;
    width: 127px;
    background: #1b9fff;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
}
.exam-button {
    padding: 0.6rem 1rem;
    background-color: #1b9fff;
    color: #fff;
    font-family: VecRashmi;
    margin-right: 0.5rem;
}

.sinhala {
    color: #414141;
    text-align: center;
    font-family: VecRashmi;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.area-box {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.f-10 {
    font-size: 10px;
}
.f-15 {
    font-size: 15px;
}
.all-exam {
    font-size: 12px;
    margin-top: 20px;
}

/* Sweetalert */

.swal-modal{
    background-image: url(https://www.imageshine.in/uploads/gallery/White-elegant-texture-background-style.jpg);
    background-size: cover;
        background-position: right;
}
.swal-text{
    color: black;
    font-weight: 400;
    font-size: 20px;
    font-family: Sofia Sans;
    text-align:center;
}
.swal-button{
    background-color:#1b9fff;
    font-weight: 500;
}
.swal-button:not([disabled]):hover {
    background-color: #007eda;
}
.swal-button:active {
    background-color: #007eda;
}
.swal-button:focus {
    box-shadow: none;
}

.swal-button--cancel {
    background-color: white;
    color: black;
    transition: 0.3s;
    border: 1px solid;
    border-color: #dbdbdb;
}

.swal-footer{
    text-align: center;
}

.swal-button--cancel:not([disabled]):hover {
    background-color: #e6e6e6;
}

.blur{
    visibility: visible;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.grade-table tbody, td, tfoot, th, thead, tr{
    border: 0;
}


.reg-verify-input-field{
        background-color: #EAE8E8;
    text-align: center;
    letter-spacing: 1px;
}

.reg-verify-input-field:focus{
    box-shadow: none;
    border: 1px solid #ced4da;
}

.reg-verify-input-field::-webkit-outer-spin-button,
.reg-verify-input-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.reg-verify-input-field[type=number] {
  -moz-appearance: textfield;
}

.terms{
    color: #9B9B9B;
    font-size: 13px;
}

.search-input:focus{
    box-shadow: none;
}

.search-input::-ms-input-placeholder {
font-size: 12px;
}

.search-input::placeholder {
  font-size: 12px;
  text-align: center;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1b9fff;
    --bs-btn-border-color: #1b9fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1b88d7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1b9fff;
    --bs-btn-disabled-border-color: #1b9fff;
}