.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: green !important;
}

.swal-button {
    background-color: green;
}

.swal-button:focus {
    background-color: green;
}

.swal-button--confirm {
    background-color: green;
}

.number-style {
    font-size: 30px;
    color: LightGray;
}

.border-style {
    border: 0px !important;
}

.form-control-small {
    width: 50px;
    background-color: #fff;
    border: 1px solid #ced4da;
    text-align: center;
}

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

.is-invalid {
    border-color: red !important;
}

.invalid-feedback {
    color: red;
    font-size: 11px;
}

.hclass {
    padding-right: 0px !important;
    padding-left: 0px !important;
    float: left !important;
    border: 1px solid #cdcdcd;
    height: 90px;
}

.classddd div,
.classddd label {
    margin-bottom: 1px !important;
}

.right-nob {
    border-right: 0px;
}

.left-nob {
    border-left: 0px;
}

.top-nob {
    border-top: 0px;
}

.bottom-nob {
    border-bottom: 0px;
}

.selectboxrasi,
.selectboxamsam {
    margin-top: 7px;
}

label {
    font-weight: normal;
}

#boxrasi1,
#boxamsam1 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>1</text></svg>");
}

#boxrasi2,
#boxamsam2 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>2</text></svg>");
}

#boxrasi3,
#boxamsam3 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>3</text></svg>");
}

#boxrasi4,
#boxamsam4 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>4</text></svg>");
}

#boxrasi5,
#boxamsam5 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>5</text></svg>");
}

#boxrasi6,
#boxamsam6 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>6</text></svg>");
}

#boxrasi7,
#boxamsam7 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>7</text></svg>");
}

#boxrasi8,
#boxamsam8 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>8</text></svg>");
}

#boxrasi9,
#boxamsam9 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='40' y='55' fill='lightgrey' font-size='50'>9</text></svg>");
}

#boxrasi10,
#boxamsam10 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='30' y='55' fill='lightgrey' font-size='50'>10</text></svg>");
}

#boxrasi11,
#boxamsam11 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='30' y='55' fill='lightgrey' font-size='50'>11</text></svg>");
}

#boxrasi12,
#boxamsam12 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='30' y='55' fill='lightgrey' font-size='50'>12</text></svg>");
}

.rasi {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='150' y='50' fill='lightgrey' font-size='50'>Rasi</text></svg>");
    background-repeat: no-repeat;
}

.amsam {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='80px'><text x='130' y='50' fill='lightgrey' font-size='50'>Amsam</text></svg>");
    background-repeat: no-repeat;
}

form label {
    font-weight: bold !important;
    color: black !important
}

@media (min-width: 992px) {
    .container {
        width: 90%;
    }
}