.field-validation-error {
    color: white;
}

.text-faded {
    color: #777;
}

#Landing {
    background-image: linear-gradient(to top right, #127ba3, #4abeeb);
    color: white;
    margin: 0;
    width: 100%;
    min-width: 100%;
}

@media only screen and (min-width: 768px) {
    #Landing {
        min-height: 400px;
    }
}

.panel-primary .panel-heading {
    font-size: 16px;
}

    .panel-primary .panel-heading h2,
    .panel-primary .panel-heading h3,
    .panel-primary .panel-heading h4 {
        color: white;
    }

.panel-default .panel-heading {
    font-size: 16px;
}

    .panel-default .panel-heading h2,
    .panel-default .panel-heading h3,
    .panel-default .panel-heading h4 {
        color: black;
    }

.panel-primary .panel-heading h2,
.panel-primary .panel-heading h3,
.panel-primary .panel-heading h4 {
    color: white;
}

.panel-default .panel-heading h2,
.panel-default .panel-heading h3,
.panel-default .panel-heading h4 {
    color: black;
}

#NavBar {
    background-color: #158CBA;
    border-color: #127ba3;
    color: white !important;
}

    #NavBar .navbar-nav > li > a {
        color: white;
    }

    #NavBar .navbar-brand {
        color: white;
    }

.k-grid button.k-button {
    text-transform: uppercase;
}

.k-widget.k-autocomplete .k-input {
    max-width: 100%;
}

.k-autocomplete {
    width: 100%;
}

.k-widget.k-dropdown {
    width: 100%;
}

input.k-textbox {
    width: 100%;
    max-width: 100%;
}

.k-slider-track .k-slider-selection {
    background-color: #158CBA;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.k-grid td {
    text-align: center;
}

.k-grid table tbody .k-grouping-row td {
    text-align: left;
}

.info-window {
    background-color: #158CBA;
    color: white;
}
.fixed-header {
    position: fixed;
    /*top: 100px;*/
    width: inherit;
    z-index: 1;
}

@media print {
    a[href]:after {
        content: none !important;
    }
    .text-danger:before {
        color: red !important;
    }

    .text-warning:before {
        color: orange !important;
    }

    .text-success:before {
        color: green !important;
    }
    .text-success-light::before{
        color: lightgreen !important; 
    }
    .text-faded-info:before {
        color: lightblue !important;
    }
}

.my-legend .legend-title {
    text-align: left;
    align-content: center;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
}

.my-legend .legend-scale ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

    .my-legend .legend-scale ul li {
        display: block;
        float: left;
        width: 50px;
        margin-bottom: 6px;
        text-align: center;
        font-size: 80%;
        list-style: none;
    }

.my-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 15px;
    width: 50px;
}

.my-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
}

.my-legend a {
    color: #777;
}
/* Creating bootstrap based cell classes*/
.k-grid .k-grid-content {
    min-height: 100px;
}

.k-grid .k-grid-header .header-success {
    background-color: #28B62C;
}

    .k-grid .k-grid-header .header-success .k-link {
        color: black;
    }

.k-grid .k-grid-header .header-warning {
    background-color: #FF851B;
}

    .k-grid .k-grid-header .header-warning .k-link {
        color: black;
    }

.k-grid .k-grid-header .header-danger {
    background-color: #FF4136;
}

    .k-grid .k-grid-header .header-danger .k-link {
        color: black;
    }

.k-grid .k-grid-header .header-primary {
    background-color: #158CBA;
}

    .k-grid .k-grid-header .header-primary .k-link {
        color: white;
    }

.k-grid .k-grid-header .center-header {
    text-align: center;
}

.k-grid .k-grid-header .wrap-header {
    height: auto;
    overflow: visible;
    white-space: normal;
}

.cell-success-dark {
    color: black;
    background-color: #27b22b;
}

    .cell-success-dark td {
        background-color: #ebf1de;
    }

.cell-success {
    color: black;
    background-color: #52d955;
}

    .cell-success td {
        background-color: #ebf1de;
    }

.cell-success-light {
    color: black;
    background-color: #90e793;
}

    .cell-success-light td {
        background-color: #ebf1de;
    }

.cell-warning {
    color: black;
    background-color: #ffa04e;
}

.cell-danger {
    color: black;
    background-color: #ff7169;
}

.cell-danger-dark {
    color: black;
    background-color: #ff1103;
}

.cell-danger-light {
    color: black;
    background-color: #ffb0ab;
}

.cell-info {
    color: black;
    background-color: #75caeb;
}

.cell-primary {
    color: white;
    background-color: #158cba;
}

.cell-primary-light {
    color: black;
    background-color: #61c6ed;
}

.cell-primary-lighter {
    color: black;
    background-color: #8fd7f2;
}

.cell-faded-more-primary {
    color: white;
    background-color: #4f97b3;
}

.cell-faded-primary {
    color: white;
    background-color: #3e7a91;
}

.cell-faded-info {
    color: black;
    background-color: #95bccb;
}

.center {
    text-align: center;
}

.limited {
    color: black;
    background-color: #ff1103;
}

.basic {
    color: black;
    background-color: #ff7169;
}

.proficient {
    color: black;
    background-color: #73e076;
}

    .proficient td {
        background-color: #ebf1de;
    }

.accelerated {
    color: black;
    background-color: #3dd441;
}

    .accelerated td {
        background-color: #ebf1de;
    }

.advanced {
    color: black;
    background-color: #1f8c22;
}

    .advanced td {
        background-color: #ebf1de;
    }

.mtss-three-plus {
    color: white;
    background-color: #33b6e8;
}

.mtss-two-plus {
    color: black;
    background-color: #61c6ed;
}

.mtss-one-plus {
    color: black;
    background-color: #8fd7f2;
}

.mtss-one {
    color: black;
    background-color: #3dd441;
}

    .mtss-one td {
        background-color: #ebf1de;
    }

.mtss-two {
    color: black;
    background-color: #ffa04e;
}

.mtss-three {
    color: black;
    background-color: #ff7169;
}
.btn-plain {
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    color: #158CBA;
}
    .btn-plain:hover {
        color: #75CAEB;
    }
.btn-outline-danger {
    border-color: #FF4136;
    border: 2px solid;
    background-color: white;
    color: #FF4136;
    border-radius: 5px;
}

    .btn-outline-danger:hover {
        border: 2px solid #FF4136;
        background-color: #FF4136;
        color: white;
        border-radius: 5px;
    }

.btn-outline-warning {
    border-color: #FF851B;
    border: 2px solid;
    background-color: white;
    color: #FF851B;
    border-radius: 5px;
}

    .btn-outline-warning:hover {
        border: 2px solid #FF851B;
        background-color: #FF851B;
        color: white;
        border-radius: 5px;
    }

.btn-outline-success {
    border-color: #28B62C;
    border: 2px solid;
    background-color: white;
    color: #28B62C;
    border-radius: 5px;
}

    .btn-outline-success:hover {
        border: 2px solid #28B62C;
        background-color: #28B62C;
        color: white;
        border-radius: 5px;
    }

.btn-outline-faded-info {
    border-color: #95bccb;
    border: 2px solid;
    background-color: white;
    color: #95bccb;
    border-radius: 5px;
}

    .btn-outline-faded-info:hover {
        border: 2px solid #95bccb;
        background-color: #95bccb;
        color: white;
        border-radius: 5px;
    }

.btn-outline-faded-more-primary {
    border-color: #4f97b3;
    border: 2px solid;
    background-color: white;
    color: #4f97b3;
    border-radius: 5px;
}

    .btn-outline-faded-more-primary:hover {
        border-color: #4f97b3;
        background-color: #4f97b3;
        color: white;
        border-bottom: 2px;
    }

.btn-outline-faded-primary {
    border-color: #3e7a91;
    border: 2px solid;
    background-color: white;
    color: #3e7a91;
    border-radius: 5px;
}

    .btn-outline-faded-primary:hover {
        border: 2px solid #3e7a91;
        background-color: #3e7a91;
        color: white;
        border-radius: 5px;
    }

.btn-faded-info {
    background-color: #95bccb;
    border-bottom: 2px;
    color: white;
}

.btn-faded-more-primary {
    background-color: #4f97b3;
    border-bottom: 2px;
    color: white;
}

.btn-faded-primary {
    background-color: #3e7a91;
    border-bottom: 2px;
    color: white;
}

.btn-outline-default {
    border-color: #ccc;
    border: 2px solid;
    background-color: #fff;
    color: #8c8c8c;
    border-radius: 5px;
}

    .btn-outline-default:hover {
        border-color: #ccc;
        border: 2px solid;
        background-color: #8c8c8c;
        color: #fff;
        border-radius: 5px;
    }

.body {
    font-family: "Cabin";
}

.panel-heading {
    font-family: "Aleo";
    font-weight: bold;
    color: white;
}

.panel.panel-primary .panel-heading,
.panel.panel-info .panel-heading,
.panel.panel-warning .panel-heading,
.panel.panel-success .panel-heading {
    color: white;
}

    .panel.panel-primary .panel-heading a,
    .panel.panel-info .panel-heading a,
    .panel.panel-warning .panel-heading a,
    .panel.panel-success .panel-heading a {
        color: white;
    }

.panel.panel-default {
    border: 1px solid darkgray;
}

    .panel.panel-default .panel-heading {
        color: black;
    }

        .panel.panel-default .panel-heading a {
            color: gray;
        }

div .noteText {
    color: lightgrey;
    font-size: x-small;
}

.k-widget.k-tabstrip .k-tabstrip-items {
    /*.k-item {
        border:none;
    }
    .k-item.k-state-default {
        background-color: @btn-primary-bg;

        a {
            color: white;
        }
    }*/
    /*.k-item.k-state-active {
        background-color: @btn-primary-bg;
        align-content {
            color: @gray-darker;
        }
    }*/
}

.k-panelbar .k-panelbar-expand,
.k-panelbar .k-panelbar-collapse {
    left: 2px;
}

.k-panelbar .k-item .k-link.k-header {
    padding-left: 30px;
}

.very-strong-positive {
    color: #030f04;
}

.moderate-positive {
    color: #73e076;
}

.moderate-negative {
    color: #ffb0ab;
}

.very-strong-negative {
    color: #690600;
}

.tooltip-button {
    float: right;
    font-size: x-large;
    margin-top: 0px;
}

    .tooltip-button:hover {
        color: #bbbbbb;
        transition: 0.1s ease-in-out;
        cursor: pointer;
    }

.isEstimated {
    font-size: 10px;
}
.k-grid-header{
    padding-right:0px !important;
}
.k-grid-footer{
    padding-right: 0px !important;
}
/*  Adding some things so Telerik and Bootstrap play nice*/
/* reset everything to the default box model */
/**, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/
/* set a border-box model only to elements that need it */
.form-control,
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*Fix the kendo grid header alignment issue*/
.k-grid-content {
    overflow-y: auto;
}

.k-grid-header-wrap {
    width: 102%;
}

.k-grid-footer-wrap {
    width: 102%;
}
/*End kendo grid alignment fix*/


/*.text-faded-primary {
    color: desaturate(@brand-primary, 40%);
}

.text-faded-info {
    color: desaturate(@brand-info, 40%);
}*/
hr {
    margin-top: 3px;
    margin-bottom: 3px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: lightgray;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: lightgray;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: lightgray;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: lightgray;
}