@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap");
/*<link href="https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap" rel="stylesheet" / >
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@500&display=swap" rel="stylesheet" / >*/



body {
    font-family: 'Mulish', sans-serif;
}

.title-font {
    font-family: 'Lobster Two', cursive;
}

.LoginBg {
    background-color: #bfe299;
    background-image: linear-gradient(315deg, #bfe299 0%, #66b5f6 74%);
    background-size: cover;
    background-attachment: fixed;
}

.text-blue {
    color: #023589;
}

.border-blue {
    border-color: #023589;
}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #023589;
    --bs-btn-border-color: #023589;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #032969;
    --bs-btn-hover-border-color: #032969;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #023589;
    --bs-btn-active-border-color: #023589;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #023589;
    --bs-btn-disabled-border-color: #023589;
}
/*#023589*/
/*#0575c7*/
.bg-blue {
    --bs-bg-opacity: 5;
    /*background-color: rgba(119, 204, 255, 1) !important*/
    background-color: rgba(2, 53, 137, 1) !important
    /*#77ccff;*/
    /*rgb(119, 204, 255)*/
}

.bg-opacity-blue {
    --bs-bg-opacity: 5;
    background-color: rgba(169, 221, 252, 1) !important
    /*#a9ddfc*/
    /*rgb(169, 221, 252)*/
}

.text-opacity-blue {
    color: #a9ddfc;
}

/*stop Remove Focus*/
.no-blue-line:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.bg-1 {
    --bs-bg-opacity: 5;
    background-color: rgba(252, 175, 129, 1) !important;
    /*background-color: rgba(247, 230, 220, 1) !important;*/
    border-color: #f5762c;
    /*border-color: #f7ad81;*/
    /*       #f7e6dc*/
}

.text-bg-1 {
    color: #f79257;
}

.bg-2 {
    --bs-bg-opacity: 5;
    background-color: rgba(197, 245, 137, 1) !important;
    /*background-color: rgba(235, 247, 220, 1) !important;*/
    border-color: #9df72d;
    /*border-color: #bef777;*/
    /*        #ebf7dc*/
}

.text-bg-2 {
    color: #c5f589;
}


.bg-3 {
    --bs-bg-opacity: 5;
    background-color: rgba(114, 223, 247, 1) !important;
    /*background-color: rgba(220, 242, 247, 1) !important;*/
    border-color: #22ccf2;
    /*        #dcf2f7*/
}

.text-bg-3 {
    color: #72dff7;
}


.bg-4 {
    --bs-bg-opacity: 5;
    background-color: rgba(245, 220, 247, 1) !important;
    border-color: #e977f2;
    /*        #f5dcf7*/
}

.text-bg-4 {
    color: #e977f2;
}

/*Remove TextBox Mode Number Arrow*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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