:root {
    /*--primary-color: #2e7141;
    --secondary-color: #65ac5a;*/
    --primary-color: #317040;
    --secondary-color: #66ab5a;
    --tertiary-color: #e56824;
    --quaternary-color: #ECB40D;
    --focus-color: rgba(101, 172, 90, .50)
}

*:not(i) {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

body, html {
    padding: 0;
    margin: 0;
    height: 100%;
    /*overflow: hidden;*/
    padding-bottom: 20px;
}

.navbar h1 {
    margin: auto;
    font-size: 28px;
}

.navbar h6 {
    font-size: 16px;
    color: #646464;
    font-weight: 600;
    border: none;
    padding: 0;
    margin: 0;
}

.navbar img{
    padding: 15px 5px 5px 5px;
}

.navbar div {
    display: inline-block;
    vertical-align: middle;
}

.navbar {
    border-bottom: 2px solid var(--primary-color);
    background-color: whitesmoke !important;
    padding: 0 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.nav-link, .dropdown-menu .dropdown-item {
    color: var(--primary-color) !important;
    font-weight: bold !important;
}

.dropdown-menu {
    background-color: whitesmoke !important;
}

.nav-link:hover, .dropdown-menu .dropdown-item:hover {
    color: var(--secondary-color) !important;
}

.login:hover {
    color: var(--primary-color) !important;
}

.dropdown-item:active {
    background-color: darkgray !important;
}

textarea:focus, textarea:focus-visible,
input[type="text"]:focus, input[type="text"]:focus-visible,
input[type="password"]:focus, input[type="password"]:focus-visible,
input[type="datetime"]:focus, input[type="datetime"]:focus-visible,
input[type="datetime-local"]:focus, input[type="datetime-local"]:focus-visible,
input[type="date"]:focus, input[type="date"]:focus-visible,
input[type="month"]:focus, input[type="month"]:focus-visible,
input[type="time"]:focus, input[type="time"]:focus-visible,
input[type="week"]:focus, input[type="week"]:focus-visible,
input[type="number"]:focus, input[type="number"]:focus-visible,
input[type="email"]:focus, input[type="email"]:focus-visible,
input[type="url"]:focus, input[type="url"]:focus-visible,
input[type="search"]:focus, input[type="search"]:focus-visible,
input[type="tel"]:focus, input[type="tel"]:focus-visible,
input[type="color"]:focus, input[type="color"]:focus-visible,
input[type="file"]:focus, input[type="file"]:focus-visible,
.uneditable-input:focus, .uneditable-input:focus-visible,
input[type="checkbox"]:focus, input[type="checkbox"]:focus-visible,
button.RadCheckBox:focus .rbToggleCheckbox, button.RadCheckBox:focus-visible .rbToggleCheckbox,
button.RadCheckBox:focus .rbToggleCheckboxChecked, button.RadCheckBox:focus-visible .rbToggleCheckboxChecked,
RadInputFocused,
select:focus, select:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(60,153,110,.5) !important;
    outline: 0 none !important;
}

.RadInput {
    display: inline !important;
}

.RadPicker .RadInput {
    display: block !important;
}

.validation-block {
    position: absolute;
}

.validation-block .invalid-tooltip {
    position: relative !important;
}

.validation-block span.invalid-tooltip[style*="inline"] {
    display: inline-block !important;
}

.invalid-tooltip {
    color: #fff !important;
}

.invalid-tooltip-inline {
    margin-left: 5px !important;
    position: relative !important;
    top: 0 !important;
}

.invalid-tooltip-summary:not(:empty) {
    max-width: fit-content;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: 0.375rem;
}

.invalid-tooltip-server {
    display: inline !important;
}

.login-card {
    border: 2px solid var(--primary-color) !important;
    background-color: whitesmoke !important;
    margin-top: 20px;
}

.card {
    border: 2px solid var(--primary-color) !important;
    background-color: whitesmoke !important;
    margin-top: 20px;
}

.text-bg-success{
    background-color: var(--primary-color);
}

.text-success {
    color: var(--primary-color);
}

.rtsLink, .rtsTxt, .rtsLI {
    color: var(--primary-color) !important;
    font-weight: bold !important;
}

.btnGridEdit span:before, .ti-edit:before {
    content: "\e10b" !important;
}

.btnGridView span:before, .ti-view:before {
    content: "\e13d" !important;
}

.RadGrid .rgDelIcon:before {
    content: "\e10c" !important;
}

.RadPdfViewerModal {
    height: 75vh !important;
}

.rwOkBtn {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-success {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
    border: 2px solid var(--primary-color) !important;
    box-sizing: border-box !important;
}

.btn-success.RadButton.rbRounded {
    border-radius: 0.375rem !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-success:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
    border: 2px solid var(--secondary-color) !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 0 !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    color: white !important;
    border: 2px solid #dc3545 !important;
    box-sizing: border-box !important;
}

.btn-danger:hover {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
    border: 2px solid #dc3545 !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 0 !important;
}

.btn-warning {
    background-color: #ECB40D !important;
    color: white !important;
    border: 2px solid #ECB40D !important;
    box-sizing: border-box !important;
}

.btn-warning:hover {
    background-color: #ECB40D !important;
    border-color: #ECB40D !important;
    color: white !important;
    border: 2px solid #ECB40D !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 0 !important;
}

.btn-secondary:hover {
    box-sizing: border-box !important;
    box-shadow: 0 0 0 !important;
}



.RadGrid .rgFilterRow input[type=text] {
    width: calc(100% - 30px);
}

.RadGrid .rgFilterRow .RadComboBox {
    width: calc(100% - 7.15px);
}

.RadGrid .rgFilterRow .RadPicker {
    width: calc(100% - 65px) !important;
}

.RadGrid .rgFilterRow input, .RadGrid .rgFilterRow .rcbHovered, .RadGrid .rgFilterRow .rcbExpanded, .RadGrid .rgFilterRow .rcbFocused, .RadGrid .rgFilterRow .rcbExpanded input, .RadGrid .rgFilterRow .rcbFocused input {
    background-color: #fff !important;
}

.RadGrid .rgFilterRow input{ 
    box-shadow: none !important;
    outline: 0 none !important;
}

.help-tooltip {
    font-size: 14px;
    margin: 0 4px;
    color: var(--primary-color) !important;
    text-align: left !important;
}

.help-tooltip::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*content: "\f505";*/
    content: "\F504";
}

.divGridTitle {
    display: flex;
    align-items: center;
}

.warning-tooltip {
    font-size: 14px;
    margin: 0 4px;
    color: #dc3545 !important;
    text-align: left !important;
}

.warning-tooltip::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F33A";
}

.RadGrid_Bootstrap .rgFiltered {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.rbIconButton span{
    padding: 0 !important;
}