.di{
    display:inline-block  !important;
}

.db{
    display:block !important;
}

.br-tr-10{
    border-top-right-radius:10px;
}

.br-br-10 {
    border-bottom-right-radius: 10px;
}

.cl-w{
    color:white  !important;
}

.cl-g{
    color:var(--my_green)  !important;
}

.cl-b {
    color: var(--light_blue) !important;
}

.cl-gr {
    color: var(--my_gray)  !important;
}

.mmb-5 {
    margin-bottom: 5px !important ;
}

.mt-10{
    margin-top:10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-10{
    margin-bottom:10px  !important;
}

.mb-20 {
    margin-bottom: 20px  !important;
}

.p-n{
    pointer-events:none  !important;
}

.fwb{
    font-weight:500  !important;
}

.f-10{
    font-size:10px  !important;
}

.f-12 {
    font-size: 12px  !important;
}

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

.f-16 {
    font-size: 16px  !important;
}

.f-18 {
    font-size: 18px  !important;
}

.p-r{
    position:relative  !important;
}

.p-a{
    position:absolute  !important;
}

.bg-b{
    background-color:var(--light_blue)  !important;
}

.bg-g {
    background-color: var(--my_green)  !important;
}

.bg-o{
    background-color:var(--my_orange);
}

.bg-gr {
    background-color: var(--my_gray);
}

.bg-m {
    background-color: var(--my_maroon);
}

.bg-r {
    background-color: var(--my_red);
}

.bg-y {
    background-color: var(--my_yellow);
}

.bg-p {
    background-color: var(--my_pink);
}

.bg-gb {
    background-color: var(--glow_blue);
}

.pd-10{
    padding:10px  !important;
}

.pd-20{
    padding:20px  !important;
}

.pdy-5 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.pdy-10{
    padding-bottom:10px  !important;
    padding-top:10px  !important;
}

.pdy-20 {
    padding-bottom: 20px  !important;
    padding-top: 20px  !important;
}

.pdx-10{
    padding-inline:10px  !important;
}

.pdx-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}