@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color: #515967;
    --color_custom_background: #f3f3f4;
    --color_custom_border: #f5f5f5;
    --custom_background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.02));
    --border_color_hover: #bebec3;
    --background_color_hover: #9ea8b9;
    --background_image_hover: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%) --bs-dropdown-border-radius: 0px;
    --bs-dropdown-font-size: inherite;
    --toolbar-height: 54px;
    --toolbar-height_1: 49px;
    --sticky-top-offset: 0px;
}

.figtree-300 {
    font-family: "Figtree", serif;
    font-optical-sizing: auto;
    font-style: normal;
}


.bitter-300 {
    font-family: "Bitter", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

body {
    font-family: 'bitter', 'Roboto', "Open Sans", Lato, Consolas, Monaco, "Courier New", Courier, monospace;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    min-height: 100vh;
    background-color: #ffffff;
}

.container {
    padding: 55px 15px 15px;
    min-width: 100%;
    position: sticky;
}

.bg-custom {
    background-color: #006b8d !important;
}

.footer-green {
    line-height: 40px;
    background-color: #000000 !important;
    text-align: center;
    color: white;
}

.navbar-nav > li {
    transition: 0.5s;
    -Webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}

    .navbar-nav > li > a {
        padding: 10px 30px 10px 30px;
    }

.dropdown-menu::before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 20px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent orangered transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    padding: 4px 4px;
    border-radius: 0px;
    border-top-width: 3px;
    border-top-color: orangered;
}

.dropdown-menu-button {
    border-top-width: 1px;
    border-top-color: var(--bs-dropdown-border-color)
}

.dropdown-item {
    background-color: transparent;
    font-size: 13px;
    color: var(--color);
    min-width: 200px;
}

.dropdown-item:hover {
    background-color: var(--background_color_hover);
    color: #004029;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu .sub-menu::before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 20px;
    margin-left: -5px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent transparent orangered transparent;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: 16px;
}

.container-fluid-title {
    padding-left: 15px;
    background-color: #2f3542;
    margin-left: -15px;
    margin-right: -15px;
    height: 55px;
    padding-top: 5px;
    display: flex;
    align-items: center;
    top: 60px;
    position: sticky;
    z-index: 1001;
}

.btn-custom {
    border-color: rgba(0,0,0,.08);
    border-radius: 2px;
    display: inline-block;
    background-color: var(--color_custom_background);
    background-image: var(--custom_background-image);
    font-weight: 400;
    color: var(--color);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.4285714286;
    font-size: inherit;
    line-height: inherit;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-custom:hover {
    color: var(--color_hover);
    border-color: var(--border_color_hover);
    background-color: var(--background_color_hover);
    background-image: var(--background_image_hover);
}

.k-grid .k-grid-search {
    width: 20.0em;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 0px;
}

.k-filter-row th, .k-grid-header th.k-header {
    border-style: solid;
    border-width: 1px 0 1px 1px;
}

.k-widget * {
    box-sizing: inherit;
}

.k-grid .k-grid-content-locked, .k-grid .k-grid-content-locked td, .k-grid .k-grid-header-locked, .k-grid .k-grid-header-locked .k-header {
    border-color: #dedee0;
    border-width: 0px 1px 1px 0px;
}

.k-grid .k-grid-header-wrap, .k-grid .k-grid-header-wrap, .k-grid .k-grid-header-wrap .k-header {
    border-width: 0px 0px 1px 1px;
}

.k-grid-content-locked, .k-grid-content-locked td, .k-grid-header-locked, .k-grid-header-locked .k-header {
    border: 0px 0px 0px 0px;
}

.k-widget.k-tabstrip {
    background-color: transparent;
    background-image: none;
    border-style: none;
    box-shadow: none;
}

.vertical-middle-6 {
    padding-top: 7px;
}

.vertical-middle-2 {
    padding-top: 2px;
}

.k-autocomplete {
    border: 1px;
    border-style: solid;
    border-color: #a3d0e4;
}

.k-grid-pager {
    background: #FFF;
}

.k-widget {
    box-shadow: none;
}

.form-control {
    font-size: inherit;
    font-weight: inherit;
}

.input-group-text {
    font-size: inherit;
    font-weight: inherit;
}

.k-window-titlebar {
    padding: 6px 13px !important;
}

.k-grid {
    font-size: 13px !important;
    border-radius: 0px !important;
}

    .k-grid td {
        padding: 5px 10px !important;
    }

.k-window {
    font-size: 13px !important;
}

.k-edit-form-container .k-edit-buttons {
    margin: 0px !important;
    padding: 16px 16px;
}

.k-toolbar {
    font-size: 13px !important;
    border-bottom-width: 0px !important;
    overflow: inherit;
    background-color: #fff;
    border-radius: 0px;
}

    .k-toolbar > * {
        margin-right: 2px !important;
    }

.k-dropdown, .k-dropdowntree {
    font-size: 13px !important;
}

.k-pager-refresh {
    border-width: 0px !important;
}

input.k-textbox {
    padding: 0px !important;
}

.k-textbox {
    font-size: inherit !important;
}

.k-textarea {
    font-size: inherit !important;
}

.k-tabstrip {
    font-size: inherit !important;
}

.k-button {
    font-size: 13px !important;
}

.k-hierarchy-col {
    min-width: 32px !important;
}

.k-grid tbody .k-button {
    min-width: 50px;
}

.btn {
    font-size: 13px !important;
}

.k-dropdowntree .k-multiselect-wrap .k-button, .k-multiselect .k-multiselect-wrap .k-button {
    padding: 0px 25px 0 4px !important;
}

.k-clear-value {
    width: 24px !important;
    height: 20px !important;
}

.k-autocomplete .k-i-loading {
    width: 24px !important;
    height: 20px !important;
}

.k-numerictextbox, .k-datepicker {
    font-size: inherit !important;
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #333 !important;
}

.k-grid-header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px !important;
    zoom: 1;
    padding: 0 !important;
    overflow: inherit;
    background-color: #728ca3;
}

.k-grid-footer {
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    zoom: 1;
    padding: 0 !important;
}

.k-grid-pager {
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
}

.k-grid-header-wrap {
    border-width: 0px 0px 0px 0px !important;
/*    border-width: 0px 0px 1px 0px !important; */
}

.k-grid-header-locked > table, .k-grid-header-wrap > table {
    margin-bottom: -2px !important;
}

.k-grid-footer-wrap {
    border-width: 0px 0px 0px 0px !important;
}

div.k-grid-header {
    border-top-style: solid;
    border-top-width: 1px;
    overflow-y: visible;
}

.k-grid-content {
    overflow-y: visible;
}

div.k-grid-footer {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}

.k-grid-footer-wrap, .k-grid-header-wrap.k-auto-scrollable {
    margin-right: 0px;
}

.k-grid-footer {
    margin-left: -1px;
}

.k-grid-header {
    padding: 0 !important;
}

.k-grid thead {
    background-color: #e4e7eb !important;
}
/*
.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
    background-color: rgba(0, 128, 0, 0.15);
}

.k-grid .k-grid-content-locked .k-state-selected td {
    background-color: rgba(0, 128, 0, 0.15);
}

.k-grid .k-grid-content-locked .k-state-selected.k-alt > td {
    background-color: rgba(0, 128, 0, 0.15);
}
*/
.k-grid-header th.k-header {
    padding: .5em .6em .39em .6em;
}

.k-grid td, .k-grid th {
    border-style: solid;
    border-color: #aa9b9b40;
}

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    border-color: #b4c1b4;
}

.k-button, .k-button-secondary {
    border-color: #b4c1b4;
}

.k-textbox, .k-checkbox, .k-textarea {
    border-color: rgba(0,0,0,.18);
}

.k-datepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-picker-wrap {
    border-color: rgba(0,0,0,.18);
}

.k-numerictextbox .k-numeric-wrap {
    border-color: rgba(0,0,0,.18);
}

.dropdown-item {
    width: auto;
}


.k-widget.k-tooltip {
    background-color: white;
    color: black;
    border-color: red;
    border-width: 1px;
}

.k-tooltip-content {
    padding: 2px;
}

.k-callout-e {
    border-left-color: red;
}

.k-callout-w {
    border-right-color: red;
}

.k-callout-e {
    border-left-color: red;
}

.k-callout-w {
    border-right-color: red;
}

.k-grid .k-alt {
/*    background-color: #f1f1f1; */
    color: inherit;
    font-weight: 400;
    font-style: normal;
}
/*
.k-grid .k-alt:hover {
    background-color: #f1f1f1;
    opacity: 0.75;
}

.k-grid .k-grid-content-locked .k-alt:hover {
    background-color: #f1f1f1;
    opacity: 0.75;
}
*/

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected {
    border-color: rgba(180, 50, 50, 0.25);
    border-bottom-color: #fff !important;
}

.k-tabstrip > .k-content {
    border-color: rgba(180, 50, 50, 0.25);
}

.k-tabstrip-items {
    border-color: rgba(180, 50, 50, 0.25);
    color: #424242;
}