/* Inter UI Font */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/Inter-Regular.woff2?v=3.13") format("woff2"), url("/fonts/Inter-Regular.woff?v=3.13") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/Inter-Italic.woff2?v=3.13") format("woff2"), url("/fonts/Inter-Italic.woff?v=3.13") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/Inter-SemiBold.woff2?v=3.13") format("woff2"), url("/fonts/Inter-SemiBold.woff?v=3.13") format("woff");
}


@font-face {
    font-family: 'User-wf';
    src: url('../fonts/User-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-user-wf {
    font-family: 'User-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-user-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Lock';
    src: url('../fonts/Lock.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-lock {
    font-family: 'Lock' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-lock::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Search-wf';
    src: url('../fonts/Search-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-search-wf {
    font-family: 'Search-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
    color: white;
}

    .sf-icon-search-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Contact-add-wf';
    src: url('../fonts/Contact-add-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-contact-add-wf {
    font-family: 'Contact-add-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-contact-add-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Contact Next-WF';
    src: url('../fonts/Contact Next-WF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-contact-next-wf {
    font-family: 'Contact Next-WF' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-contact-next-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Contact-sync-wf';
    src: url('../fonts/Contact-sync-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-contact-sync-wf {
    font-family: 'Contact-sync-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-contact-sync-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Contact-edit-wf';
    src: url('../fonts/Contact-edit-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-contact-edit-wf {
    font-family: 'Contact-edit-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-contact-edit-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Contacts-delete-wf';
    src: url('../fonts/Contacts-delete-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-contact-delete-wf {
    font-family: 'Contacts-delete-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-contact-delete-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Previous';
    src: url('../fonts/Previous.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-previous {
    font-family: 'Previous' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-previous::before {
        content: "\e700";
        font-size: 20px;
    }

@font-face {
    font-family: 'Circle-left';
    src: url('../fonts/Circle-left.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-circle-left {
    font-family: 'Circle-left' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
    color: #0f3564;
}

    .sf-icon-circle-left::before {
        content: "\e700";
        font-size: 28px;
        cursor: pointer;
    }

@font-face {
    font-family: 'ArrowheadLeft';
    src: url('../fonts/ArrowheadLeft.ttf') format('truetype');
}

.sf-icon-ArrowheadLeft {
    font-family: 'ArrowheadLeft' !important;
    speak: none;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 0px;
}

    .sf-icon-ArrowheadLeft::before {
        content: "\e700";
        font-size: 8px;
    }

@font-face {
    font-family: 'ArrowheadRight';
    src: url('../fonts/ArrowheadRight.ttf') format('truetype');
}

.sf-icon-ArrowheadRight {
    font-family: 'ArrowheadRight' !important;
    speak: none;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 0px;
}

    .sf-icon-ArrowheadRight::before {
        content: "\e700";
        font-size: 8px;
    }


@font-face {
    font-family: 'File-Edit-wf';
    src: url('../fonts/File-Edit-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-file-edit-wf {
    font-family: 'File-Edit-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

.sf-icon-file-edit-wf::before {
    content: "\e700";
    font-size: 14px;
}

@font-face {
    font-family: 'File-Save-wf';
    src: url('../fonts/File-Save-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-file-save-wf {
    font-family: 'File-Save-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-file-save-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'File-Delete-wf';
    src: url('../fonts/File-Delete-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-file-delete-wf {
    font-family: 'File-Delete-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*padding-left: 10px;*/
}

    .sf-icon-file-delete-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'File Previous-WF';
    src: url('../fonts/File Previous-WF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-file-previous-wf {
    font-family: 'File Previous-WF' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*padding-left: 10px;*/
}

    .sf-icon-file-previous-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Banker-01-WF';
    src: url('../fonts/Banker-01-WF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-banker01-wf {
    font-family: 'Banker-01-WF' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*padding-left: 10px;*/
}

    .sf-icon-banker01-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'File-Ok-wf';
    src: url('../fonts/File-Ok-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-file-ok-wf {
    font-family: 'File-Ok-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-file-ok-wf::before {
        content: "\e700";
        font-size: 14px;
    }
@font-face {
    font-family: 'Note-memo-02-wf';
    src: url('../fonts/Note-memo-02-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-note-memo-02-wf {
    font-family: 'Note-memo-02-wf' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-note-memo-02-wf::before {
        content: "\e700";
        font-size: 14px;
    }

@font-face {
    font-family: 'Excel_01';
    src: url('../fonts/Excel_01.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-note-excel-01 {
    font-family: 'Excel_01' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .sf-icon-note-excel-01::before {
        content: "\e700";
        font-size: 18px;
    }

@font-face {
    font-family: 'Up Arrow_1';
    src: url('../fonts/Up Arrow_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-up-arrow {
    font-family: 'Up Arrow_1' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .sf-icon-up-arrow::before {
        content: "\e700";
        font-size: 18px;
    }

@font-face {
    font-family: 'Down Arrow_1';
    src: url('../fonts/Down Arrow_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-down-arrow {
    font-family: 'Down Arrow_1' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .sf-icon-down-arrow::before {
        content: "\e700";
        font-size: 18px;
    }

@font-face {
    font-family: 'Print-WF';
    src: url('../fonts/Print-WF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-icon-print-wf {
    font-family: 'Print-WF' !important;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

    .sf-icon-print-wf::before {
        content: "\e700";
        font-size: 14px;
    }
/*End css calender*/

.b-send {
    margin-top: 2px;
    background: green !important;
    float: right;
    width: 80px;
}

.body-text {
    font-size: 13px;
    font-family: Inter;
    font-weight: 400;
    color: #333333;
}

.ctrl-text {
    font-size: 13px !important;
    font-family: Inter;
    font-weight: 400;
    color: #333333;
}

.ctrl-label {
    margin-bottom: 1px;
}

.header1-text {
    font-size: 16px;
    font-family: Open Sans;
    font-weight: 400;
    color: #333333;
}

.header2-text {
    font-size: 13px;
    font-family: Inter;
    font-weight: 600;
    color: #262626;
}

/* Tab items */

.tab-top-no-sub-tabs {
    background-color: white;
    height: 20px;
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.tab-spacer {
    background-color: transparent;
    height: 10px !important;
    width: 100%;
}

/*.e-tab, .e-tab .e-content, .e-tab .e-content .e-item, .e-tab .e-content .e-item > div, .e-tab .e-content .e-blazor-template {
    height: 100% !important;
}*/
.e-tab, .e-tab .e-content, .e-tab .e-content .e-item, .e-tab .e-content .e-item > div, .e-tab .e-content {
    height: 100% !important;
}

.tab-box {
    background-color: white;
    position: absolute;
    top: 30px;
    bottom: 40px;
    left: 0px;
    right: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 15px !important;
    overflow-y: auto !important;
    /*    padding-bottom: 20px !important;*/
}

.tab-box-welcome {
    background-color: white;
    position: absolute;
    top: 30px;
    bottom: 40px;
    left: 0px;
    right: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow-y: auto !important;
    /*    padding-bottom: 20px !important;*/
}

.tab-box2 {
    background-color: white !important;
    position: absolute;
    top: 10px;
    bottom: 80px;
    left: 0px;
    right: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 15px !important;
    overflow-y: auto !important;
    padding-bottom: 20px !important;
}

.tab-heading {
    font-size: 15px;
    font-family: Inter;
    font-weight: 600;
    color: #333333;
    margin-bottom: 10px;
}

/* Sidebar */

.e-menu-item {
    height: 50px !important;
    padding: 0px 0px !important;
}

.sidebar-text {
    font-family: Inter;
    font-size: 14px;
    color: white;
    padding-left: 10px;
    padding-right: 10px !important;
}

#sidebar-item {
    display: table-cell;
    cursor: pointer;
    height: 50px !important;
    line-height: 50px !important;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    vertical-align: middle;
    background-color: #2f68ac !important;
    color: #fff !important;
    padding: 0px 0px;
}

    #sidebar-item:hover {
        background-color: #31A7F4 !important;
        color: white;
        height: 50px !important;
    }
.shutterstock_397470379 {
    width: 100%;
}

.Welcome-to-Study-Cen {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    margin-top: 28px;
    margin-left: 60px
}

.Micro-learning-for-O {
    width: 404px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-top: 24px;
    margin-left: 35px
}

.Motivation-is-the-dr {
    font-family: Inter;
    font-size: 14px;
    color: #666666;
    margin-top: 6px;
    margin-left: 35px
}

.col-welcome {
    width: 150px;
    max-width: 150px !important;
    position: absolute;
}

.col-welcome-text {
    margin-left: 100px
}

.welcome1 {
    margin-left: 60px;
    margin-top: 34px;
}

.welcome2 {
    margin-left: 60px;
    margin-top: 17px;
}

.welcome3 {
    margin-left: 60px;
    margin-top: 30px;
}

.faq {
    font-family: Inter;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.col-faq-menu {
    width: 210px;
    position: absolute;
    padding-top: 20px;
}

.col-faq-question {
    width: auto;
    margin-left: 210px;
    padding-top: 20px;
}

.faq-category {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    width: 200px;
    padding: 10px 0;
}

.faq-question {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.faq-answer {
    font-family: Inter;
    font-size: 13px;
    color: #666666;
    margin-top: 5px;
}

.faq-selected {
    color: #2F68AC !important
}

/*
    css calender
*/
.rj {
    /*float: right;*/
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.Table {
    border-collapse: separate;
    border-spacing: 10px;
    width: 85%;
    margin: 0px -5px 0px;
}

.e-textlabel {
    font-weight: bold !important;
}

.e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 5px 15px 5px;
    background: #911602 !important;
}

.e-dlg-header, .e-dlg-header * {
    color: white;
    font-size: 21px;
    font-weight: 100;
}

.e-dialog .e-icon-dlg-close::before {
    content: '\e7a7';
    position: relative;
    color: white !important;
}

.e-treeview {
    -webkit-tap-highlight-color: transparent;
}

    .e-treeview .e-list-item {
        list-style: none;
    }

.property-section .e-checkbox-wrapper {
    margin: 10px;
}

.control-section.checkbox {
    margin-top: 20px;
}

.multiselect-checkbox {
    width: 70%;
    margin-left: 70px;
}


.title-add-note {
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: left;
    padding: 0px;
    margin: 7px 0px 2px 0px;
    font-size: 14pt;
    font-family:Inter;
}

.input-add-note {
    width: 100%;
    /* text-align: left; */
    /* height: 100%; */
    position: absolute;
    bottom: 50px;
    top: 70px;
    right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

fieldset {
    margin-top: 10px;
    border: 1px solid silver;
    padding: 6px;
    border-radius: 4px;
}

legend {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 15px;
    width: fit-content;
}

.e-custom {
    background-color: #31BACA;
    border-color: #31BACA;
    box-shadow: none;
    color: #333;
    padding: 0px 5px;
    margin-right: 5px;
    font-weight: bold;
    /*                    line-height: 1.572em;*/
}

    .e-custom, .e-custom:hover, .e-custom:focus, .e-custom:active {
        background-color: #31BACA;
        color: #333;
    }

.titleeditappointment {
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: left;
    padding: 0px;
    margin: -7px 0px 2px 0px;
    font-size: 9pt;
}

.inputeditappointment {
    width: 100%;
    /* line-height: 30px; */
    text-align: left;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

.e-spinner-pane.e-customClass .e-spinner-inner .e-spin-material {
    stroke: #808080;
}

.e-schedule .e-month-view .e-appointment {
    background: #f4f4f4;
    border: 1px solid #f4f4f4 !important;
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: -ms-flexbox;
    display: flex;
    height: 25px !important;
    overflow: hidden;
    position: absolute;
}

.e-treeview .e-fullrow {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /*                    border: 1px solid;*/
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    margin-left: 15px;
}

.e-treeview .e-level-2 > .e-text-content .e-list-text {
    display: inline;
    position: absolute;
    font-size: small;
}

.e-treeview {
    display: inline-flex;
    overflow: hidden;
    position: inherit;
    white-space: nowrap;
}

    .e-treeview > .e-ul {
        /*-webkit-overflow-scrolling: touch;*/
        overflow: hidden !important;
    }

.e-schedule .e-month-view .e-work-cells {
    position: relative;
}

.e-schedule .templatewrap {
    text-align: center;
    position: absolute;
    width: 100%;
}

.e-schedule .caption {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.e-schedule .e-month-view .e-work-cells {
    position: inherit;
}

.e-schedule .e-agenda-view .e-agenda-parent {
    margin-bottom: 10px;
    padding: 0;
    position: relative;
}

.e-schedule .e-agenda-view .e-agenda-item {
    padding: 10px 0px 10px 0px;
    display: list-item;
}

.e-calendar .e-content.e-decade table tbody, .e-calendar .e-content.e-year table tbody, .e-calendar .e-content.e-month table tbody {
    animation: none !important;
}

.e-numeric.e-style .e-control.e-numerictextbox {
    text-align: center;
    padding-left: 0;
}
.e-grid .e-altrow {
    background-color: #eee;
}
.e-grid .e-headercelldiv {
    font-size: 12px;
    font-weight: 500;
    font-family: Inter;
    color: white;
}
.e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv, .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
    padding: 0;
}
.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: #2f68ac;
}
.e-grid .e-gridheader {
    background-color: #2f68ac;
    border-bottom-color: #2f68ac;
    border-top-color: #2f68ac;
    color: white;
}
.e-grid .e-rowcell {
    font-size: 12px;
    font-family: Inter;
}
.e-grid .e-icon-ascending::before,
.e-grid-menu .e-icon-ascending::before {
    color: white;
}
.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
    color: white;
}
.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #31A7F4;
    color: #000;
}
.e-grid td.e-active {
    background: #31A7F4;
    color: #000;
}
.grid-container {
    position: absolute;
    top: 136px;
    bottom: 0px;
}

.flex-container {
    display: flex;
    padding: 10px;
    background: #EEF5F9;
}
.e-dashboardlayout.e-control .e-panel .e-panel-container {
    height: 100%;
    width: 100%;
    padding-bottom: 10px !important;
}
.e-button-excel {
    padding: unset !important;
    height: inherit;
}
.e-numeric.e-style-seach .e-control.e-numerictextbox {
    color: white !important;
}

.e-input-group.e-style-seach.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left) {
    border-color: white !important;
}

/*.e-control-wrapper.e-numeric.e-float-input.e-style-seach.e-input-group .e-float-text.e-label-top {
    color: white !important;
}

.e-control-wrapper.e-numeric.e-float-input.e-style-seach .e-spin-down {
    color: white !important;
}

.e-control-wrapper.e-numeric.e-float-input.e-style-seach .e-float-line::before {
    background: royalblue;
}

.e-control-wrapper.e-numeric.e-float-input.e-style-seach .e-float-line::after {
    background: royalblue;
}

.e-control-wrapper.e-numeric.e-float-input.e-style-seach .e-spin-up {
    color: white !important;
}*/

.title-test-sms {
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: left;
    padding: 0px;
    margin: 7px 0px 2px 0px;
    /*font-size: 14pt;*/
    font-family: Inter;
}

.input-test-sms {
    width: 100%;
    /* text-align: left; */
    /* height: 100%; */
    /*position: absolute;*/
    bottom: 50px;
    top: 70px;
    right: 0px;
   /* padding-left: 10px;
    padding-right: 10px;*/
}
.e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
    border-bottom-color: rgba(0, 0, 0, 0.42);
}