body {
    width: 100%;
    margin: 0;
    font-family: var(--font);
    font-weight: 400;
    color: var(--body);
    background-color: #fff;
    font-size: 87.5%;
}
/*body {
    height:100%;
    min-height: 3000px;
    min-height: fill-available;
    min-height: -webkit-fill-available;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}*/



/*.row {
   
    margin-right: 0px !important;
    margin-left: 0px !important;
}*/
:root {
    --transition-time: 400ms;
    --transition-time-long: 1000ms;
    --transition-time-short: 200ms;
    --nav-size-slim: 5rem;
    --nav-size: 18rem;
    --footer-size: 4.5rem;
    --input-height: 2.25rem;
    --small-title-height: 2rem;
    /*--font: "Nunito Sans",sans-serif;*/
    --font: "Inter-Regular",sans-serif;
    --font-heading: "Inter-Regular",sans-serif
}


:root {
    --card-spacing: 2rem;
    --card-spacing-sm: 1.25rem;
    --card-spacing-xs: 0.75rem;
    --card-spacing-sm-horizontal: 1.75rem 1.25rem;
    --card-spacing-sm-vertical: 1.25rem 1.75rem;
    --main-spacing-horizontal: 2.5rem;
    --main-spacing-vertical: 2rem;
    --title-spacing: 1.25rem
}

html[data-color=dark-blue] {
    --primary: #1b98d0;
    --secondary: #61c6d8;
    --tertiary: #54cdb4;
    --quaternary: #4d7fdb;
    --primary-rgb: 27,152,208;
    --secondary-rgb: 97,198,216;
    --tertiary-rgb: 84,205,180;
    --quaternary-rgb: 77,127,219;
    --primary-darker: #1989bb;
    --secondary-darker: #56b1c1;
    --tertiary-darker: #46af99;
    --quaternary-darker: #426ebf;
    --body: #c1c1c1;
    --alternate: #999999;
    --muted: #727272;
    --separator: #474747;
    --separator-light: #2e2e2e;
    --body-rgb: 193,193,193;
    --alternate-rgb: 153,153,153;
    --muted-rgb: 114,114,114;
    --separator-rgb: 71,71,71;
    --separator-light-rgb: 46,46,46;
    --background: #1d1d1d;
    --foreground: #242424;
    --background-rgb: 29,29,29;
    --foreground-rgb: 36,36,36;
    --background-theme: #242424;
    --background-light: #292929;
    --gradient-1: #1b98d0;
    --gradient-2: #1d9dd7;
    --gradient-3: #1ea5e1;
    --gradient-1-lighter: #1ea5e1;
    --gradient-1-darker: #1a90c5;
    --light-text: #f0f0f0;
    --dark-text: #191c1f;
    --light-text-darker: #e9e9e9;
    --dark-text-darker: #08090a;
    --light-text-rgb: 240,240,240;
    --dark-text-rgb: 25,28,31;
    --danger: #b62836;
    --info: #298a99;
    --warning: #ebb71a;
    --success: #418b38;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #771a23;
    --info-darker: #19545d;
    --warning-darker: #aa830f;
    --success-darker: #285422;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #a0a0a0;
    --alternate-darker: #6e6e6e;
    --muted-darker: #4e4e4e;
    --separator-darker: #353535;
    --danger-rgb: 182,40,54;
    --info-rgb: 41,138,153;
    --warning-rgb: 235,183,26;
    --success-rgb: 65,139,56;
    --light-rgb: 218,218,218;
    --dark-rgb: 78,78,78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    --menu-shadow-navcolor: 0px 3px 10px rgba(0, 0, 0, 0.4);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #242424;
    --theme-image-filter: hue-rotate(0deg) brightness(0.9)
}
html[data-color=light-blue] {
    --primary: #1ea8e7;
    --secondary: #6cdbef;
    --tertiary: #5de3c8;
    --quaternary: #558df3;
    --primary-rgb: 30,168,231;
    --secondary-rgb: 108,219,239;
    --tertiary-rgb: 93,227,200;
    --quaternary-rgb: 85,141,243;
    --primary-darker: #1b9ad4;
    --secondary-darker: #61c6d8;
    --tertiary-darker: #54ccb4;
    --quaternary-darker: #4c7dd6;
    --body: #4e4e4e;
    --alternate: #7c7c7c;
    --muted: #afafaf;
    --separator: #dddddd;
    --separator-light: #f1f1f1;
    --body-rgb: 59,59,59;
    --alternate-rgb: 124,124,124;
    --muted-rgb: 176,176,176;
    --separator-rgb: 221,221,221;
    --separator-light-rgb: 241,241,241;
    --background: #f9f9f9;
    --foreground: #ffffff;
    --background-rgb: 249,249,249;
    --foreground-rgb: 255,255,255;
    --background-theme: #eaf0f1;
    --background-light: #fff;
    --gradient-1: #1ea8e7;
    --gradient-2: #21aff0;
    --gradient-3: #23b3f4;
    --gradient-1-lighter: #2abdff;
    --gradient-1-darker: #1fa5e2;
    --light-text: #fff;
    --dark-text: #343a40;
    --light-text-darker: #eeeeee;
    --dark-text-darker: #23272b;
    --light-text-rgb: 255,255,255;
    --dark-text-rgb: 52,58,64;
    --danger: #cf2637;
    --info: #4b5689;
    --warning: #ebb71a;
    --success: #439b38;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #771a23;
    --info-darker: #19545d;
    --warning-darker: #aa830f;
    --success-darker: #285422;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #333333;
    --alternate-darker: #616161;
    --muted-darker: #888888;
    --separator-darker: #c0c0c0;
    --danger-rgb: 182,40,54;
    --info-rgb: 41,138,153;
    --warning-rgb: 235,183,26;
    --success-rgb: 65,139,56;
    --light-rgb: 218,218,218;
    --dark-rgb: 78,78,78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.05);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #253a52;
    --theme-image-filter: hue-rotate(0deg)
}

html[data-show="true"] #root {
    opacity: 1;
}
html[data-placement="horizontal"][data-dimension="mobile"] main, html[data-placement="vertical"][data-dimension="mobile"] main {
    padding-left: var(--main-spacing-horizontal) !important;
    padding-top: 50px;
}
html[data-layout="fluid"] main .container {
    width: 100%;
    max-width: initial;
    padding-right: 0;
    padding-left: 0;
}
footer {
    border-top: 0px solid var(--separator);
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0rem;
    margin-bottom: 0px;
    display:none;
}
/*.scroll-section {
    height: 650px;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}*/
.container {
    width: 100%;
    max-width: initial;
    padding-right: 0;
    padding-left: 0;
}
.top-mobile-box {
    background: #f0f0f0;
    padding: 8px 8px 8px 0px;
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 25px;
    display: block !important;
}
.card {
    box-shadow: 0 4px 10px rgba(0,0,0,.03) !important;
    background: #fff;
    border-radius: 0px;
    border: initial;
}
.card .card-body, .card .card-footer, .card .card-header {
    padding: 1rem;
}

.page-title-container {
    background: #1C4A9F;
}
/*.row > * {
    padding-right: 5px;
    padding-left: 5px;
}*/
.btn-outline-danger {
    color: #1C4A9F;
    border-color: #1C4A9F;
    border-radius:0px !important;
}
.page-title-container {
    background: #fff;
    margin-bottom: 0px;
}
html[data-placement=horizontal] main {
    padding-left: 20px !important;
    padding-top:30px !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
    height: 22px;
    padding: 0 2px 0 2px;
}
.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 22px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}
.ui-jqgrid .ui-jqgrid-view {
    font-size: 11px;
}
.ui-jqgrid .ui-jqgrid-pager {
    white-space: nowrap;
    font-size: 10px;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    float: left;
    margin: 0px 2px 0px 2px;
}

.custom-select, .form-control, .form-select {
    font-size: 1em;
    height: auto;
    min-height: 2.25rem;
    color: #4e4e4e;
    box-shadow: initial !important;
    background-color: #fff;
    border-color: #dddddd;
    border-radius: 0px;
    filter: none;
    transition: border-color .15s ease-in-out;
}
.page-title-container {
    background: #1C4A9F;
}

    .page-title-container h1 {
        line-height: 1;
        color: #fff;
        padding: 6px 0px 6px 5px !important;
    }
.display-4 {
    font-family: "Titillium Web",sans-serif !important;
    font-size: 1.4em;
    line-height: 1.2;
    font-weight: 300;
}
.text-small {
    font-size: .75em !important;
    font-weight: initial !important;
}
.img-fluid {
    max-width: 100% !important;
}
.btn-foreground, .btn-foreground:not(:disabled):not(.disabled).focus, .btn-foreground:not(:disabled):not(.disabled):focus {
    background-color: #fff !important;
    color: #1ea8e7 !important;
}
/*main {
    min-height: 100vh;
}*/
/*.ui-jqgrid-view {
    max-height: 200px;
}*/
@media (max-width: 767.98px) {
    
    .display-4 {
        font-size: 1.8em;
        font-weight: 500;
    }
    .pr-0 {
        padding-right: 15px;
    }

    .pl-mob-0 {
        padding-left: 0px;
    }
    .pr-mob-0 {
        padding-right: 0px;
    }
    
}
.ui-jqgrid .ui-jqgrid-view {
   height:350px !important;
}