/*   Darken Kendo Styles    */

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #000;
}

.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title {
    color: #333;
}

.k-grouping-header {
    color: #333;
}

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

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

.k-tabstrip .k-content.k-state-active {
    color: #333;
}



.k-grid .k-button {
    margin-right: 10px;
}

.k-window-titlebar.k-header
{
    font-size: 1.1em;
}
.k-tooltip-content 
{
    text-align:left;
}
.k-grid .k-grid-header .k-header 
{
    white-space: normal;
    vertical-align: text-top;
}


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

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-multiselect .k-button, .k-multiselect .k-button:hover {
    box-sizing: content-box;
}


.k-tabstrip .k-content {
    min-height: 355px;
}

.k-radio {
    margin-right: 4px;
}

/*---------- Overides for Kendo Tooltip -------------*/
.k-tooltip {
    background-color: #d9ecf5 ;
    color: #000;
    margin-left: 7px;
    border-color: transparent;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
}

.k-widget.k-tooltip-validation {
    border-color: #fbeed5;
    background-color: #fbeed5;
    color: #90640e;
    text-align: left;
    font-size: 12px;
}

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

/*---------- Overides for Bootstrap start -------------*/
.tooltip-inner {
    max-width: 400px;
    background-color: #d9ecf5;
    color: #000;
    font-size: 13px;
    font-family: Arial, Helvetica, Tahoma, Sans-Serif;
    margin-left: 7px;
    border-color: transparent;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    text-align: left;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 30000 !important;
}
/*---- Overides for Bootstrap  End ----------*/

.tooltip.top .tooltip-arrow {
    border-top-color: #d9ecf5;
}

.tooltip.in {
    opacity: 1;
}

/*---------- Kendo Tabs -------------*/

.k-tabstrip-items .k-loading {
    border-color: green;
    border-top-width: 2px;
}

.k-tabstrip-items .k-loading.k-complete {
    border-color: inherit;
    border-top-width: inherit;
}


/*---------- Text -------------*/

.form-control{
    font-size: 13px;
}

.k-grid-header .k-state-active {
  background: #f5f5f5;
}



/*compare sceanario styles start*/
#geographySelectAllBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* kendo ui overrides start*/
#AdditionalInfoContainer .col-md-3 {
    position: relative;
}
.k-tooltip-error, .k-tooltip-validation {
    border-color: #ffc000;
    border: 1px solid #fbeed5;
    background-color: #fbeed5;
    color: #000;
}

.k-tooltip {
    max-width: 89%;
}

:root {
    --kendo-font-size-lg: 1.2rem;
    --kendo-font-size: 1rem;
    --kendo-color-error: red;
    --kendo-color-surface: #f3f3f4;
    --kendo-color-border: #dedee0;
}
.k-button-solid-primary {
    border-color: #2198e3;
    color: black;
    background-color: #2198e3;
}
.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
    color: #fff;
}
a {
    color: #337ab7;
    text-decoration: none !important;
}

.k-tabstrip {
    border: .1px ridge darkgray;
    border-color: #ceced2;
    box-sizing: border-box;
    background-color: #f3f3f4;
    padding: 3px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    border: .1px ridge darkgray;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 1px;
    border-color: darkgrey;
}
.k-tabstrip-items-wrapper .k-item {
    border-color: #999999;
}

.k-tabstrip-items .k-link {
    color: #333 !important;
}
.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    color: #333 !important;
}

.grid-link {
    color: #337ab7 !important;
    text-decoration: none;
}

.k-edit-form-container {
    width: auto !important;
    height: auto;
}
/* kendo ui overrides end*/

/* ecohealth overrides start*/
.no_transition * {
    font-family: "Helvetica", "Source Sans Pro", "Helvetica Neue", "Roboto", "Arial", sans-serif;
    /** Transitions ***************************************************************/
    -moz-transition: background-color .25s linear, border-color .25s linear, -moz-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear;
    -ms-transition: background-color .25s linear, border-color .25s linear, -ms-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear;
    -o-transition: background-color .25s linear, border-color .25s linear, -o-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear;
    -webkit-transition: background-color .25s linear, border-color .25s linear, -webkit-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear;
    transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear;
}

.i_text {
    fill: white;
    font-family: Times;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: central;
    cursor: pointer;
}

/* ecohealth overrides End*/
.grayscale {
    background-color: lightgray !important
}

.k-window {
    color: #000;
}