﻿.lbl_regular {
    font-family: Kohinoornewregular;
}
.lbl_medium {
    font-family: KohinoornewMedium;
}
.lbl_light {
    font-family: Kohinoornewlight;
}
.lbl_semibold {
    font-family: KohinoornewSemibold;
}
.lbl_bold {
    font-family: Kohinoornewbold;
}

.lbl_DSIntroHeading {
    font-size: 30px;
    font-family: KohinoornewMedium;
}
.lbl_DSIntro {
    font-size: 18px;
    font-family: Kohinoornewregular;
}
.lbl_DSIntroSample {
    font-size: 40px;
    font-family: KohinoornewMedium;
}
.lbl_DSContentHeading {
    font-size: 24px;
    font-family: Kohinoornewregular;
    color: #630944;
}
.lbl_DSContent {
    font-size: 16px;
    font-family: Kohinoornewregular;
    color: #222020;
}
.lbl_lvmvdashboard {
    color: #494949 !important;
}
.lbl_lvmvdashboardblack {
    color: #000000 !important;
}
.lbl_lvmvdashboardradiobutton {
    color: #666666 !important;
}

/* ---------------------------------------------------
    DESIGN SYSTEM FONT STYLE
----------------------------------------------------- */

.lbl_bannertitle_label1 {
    /*font-size: calc(12px + (64 - 12) * ((100vw - 768px) / (1920 - 768)));*/
    font-family: KohinoornewSemibold;
    font-size: 4rem;
}

.lbl_bannertitle_label2 {
    /*font-size: calc(12px + (56 - 12) * ((100vw - 768px) / (1920 - 768)));*/
    font-family: KohinoornewSemibold;
    font-size: 3.5rem;
}





.lbl_header_label3 {
    font-family: KohinoornewSemibold;
    font-size: 2rem;
}

.lbl_header_label4 {
    font-family: KohinoornewSemibold;
    font-size: 1.5rem;
}

.lbl_header_label5 {
    font-size: 1.25rem;
    font-family: KohinoornewSemibold;
}

.lbl_header_label6 {
    font-size: 1rem;
    font-family: KohinoornewSemibold;
}

.lbl_sutitle_label1 {
    font-size: 1.5rem;
}

.lbl_body_label1, .lbl_sutitle_label2 {
    font-size: 1rem;
}

.lbl_body_label2 {
    font-size: 0.875rem;
}

.lbl_buttonText_label1 {
    font-size: 1rem;
}

.lbl_buttonText_label2 {
    font-size: 0.875rem;
}

.lbl_caption {
    font-size: 0.75rem;
}


/* Increase font size for larger screens */
@media (min-width: 576px) { /* sm */
    .dx-widget, .dx-theme-generic-typography, .lbl-twelve {
        font-size: 10px;
    }
    .lvmv-fs-7 {
        font-size: 10px;
       
    }
    .form-label {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .form-labelvalue {
        font-size: 12px;
    }
    .lbl_header_label1 {
        /*font-size: calc(12px + (48 - 12) * ((100vw - 768px) / (1920 - 768)));*/
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .lbl_header_label2 {
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .dx-datagrid-headers{
        font-size:12px;
    }
    .dx-datagrid-rowsview .dx-row {
        font-size: 10px;
    }
    }

@media (min-width: 768px) { /* md */
    .dx-widget, .dx-theme-generic-typography, .lbl-twelve {
        font-size: 11px;
    }
    .lvmv-fs-7 {
        font-size: 10px;
      
    }
    .form-label {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .form-labelvalue {
        font-size: 12px;
    }
    .lbl_header_label1 {
        /*font-size: calc(12px + (48 - 12) * ((100vw - 768px) / (1920 - 768)));*/
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .lbl_header_label2 {
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .dx-datagrid-headers {
        font-size: 12px;
    }
    .dx-datagrid-rowsview .dx-row {
        font-size: 10px;
    }
}

@media (min-width: 992px) { /* lg */
    .dx-widget, .dx-theme-generic-typography, .lbl-twelve {
        font-size: 12px;
    }
    .lvmv-fs-7 {
        font-size: 10px;
      
    }
    .form-label {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .form-labelvalue {
        font-size: 12px;
    }
    .lbl_header_label1 {
        /*font-size: calc(12px + (48 - 12) * ((100vw - 768px) / (1920 - 768)));*/
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .lbl_header_label2 {
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .dx-datagrid-headers {
        font-size: 12px;
    }
    .dx-datagrid-rowsview .dx-row {
        font-size: 10px;
    }
}

@media (min-width: 1200px) { /* xl */
    .dx-widget, .dx-theme-generic-typography, .lbl-twelve {
        font-size: 12px;
        color: #494949;
    }
    .lvmv-fs-7 {
        font-size: 10px;
      
    }
    .lbl_responsiveregular {
        font-size: 14px;
    }
    .lbl_title{
        font-size:14px;
    }
    .div-backpage {
        margin-bottom: 3px;
    }
    .search {
        position: absolute;
        top: 10px;
        right: 60px;
        z-index: 1050; /* Make sure it's on top of other content */
    }

    .form-label {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .form-labelvalue {
        font-size: 12px;
    }
    .lvmv-breadcrumb {
        margin-top: 16px;
        margin-bottom: 8px;
        font-size: 10px;
    }
    .lbl_header_label1 {
        /*font-size: calc(12px + (48 - 12) * ((100vw - 768px) / (1920 - 768)));*/
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .lbl_header_label2 {
        font-family: KohinoornewSemibold;
        font-size: 1.5rem;
    }
    .dx-datagrid-headers {
        font-size: 12px;
    }
    .dx-datagrid-rowsview .dx-row {
        font-size: 10px;
    }
}
@media (min-width: 1895px)  { /* xxl */
    .dx-widget, .dx-theme-generic-typography, .lbl-twelve {
        font-size: 14px;
    }

    .lvmv-fs-7 {
        font-size: 14px;
    }

    .lbl_responsiveregular {
        font-size: 24px;
    }

    .lbl_title {
        font-size: 24px;
    }

    .div-backpage {
        margin-bottom: 16px;
    }

    .search {
        position: absolute;
        top: 15px;
        right: 60px;
        z-index: 1050; /* Make sure it's on top of other content */
    }






    .form-label {
        font-size: 16px;
    }

    .form-labelvalue {
        font-size: 20px;
    }

    .lbl_header_label1 {
        /*font-size: calc(12px + (48 - 12) * ((100vw - 768px) / (1920 - 768)));*/
        font-family: KohinoornewSemibold;
        font-size: 3rem;
    }

    .lbl_header_label2 {
        font-family: KohinoornewSemibold;
        font-size: 2.5rem;
    }

    .dx-datagrid-headers {
        font-size: 16px;
    }

    .dx-datagrid-rowsview .dx-row {
        font-size: 14px;
    }

    .lvmv-breadcrumb {
        margin-top: 24px;
        margin-bottom: 16px;
        font-size: 14px;
    }

    .navbar-custom {
        height: 54px !important;
    }
}
  


        /* ---------------------------------------------------
    FONT COLOR
----------------------------------------------------- */
     .lbl_securecolor {
    color: var(--Secure-Component-Primary-Basecolor) !important;
      }

        .lbl_success {
            color: #339966 !important;
        }

        .lbl_danger {
            color: #D12020 !important;
        }

        .lbl_warning {
            color: #EB7921 !important;
        }

        .lbl_yellow {
            color: #FCF42C !important;
        }

        .lbl_pink {
            color: #FF64CA !important;
        }

        .page-color {
            color: #5B5B5B;
        }