body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.ccc-important-text {
    color:red;
}

h2 {
    margin-bottom: 0px;
    margin-top: 3px;
}
/* The 3ccc style of the navigation top box */
#ccc-nav-style {
    background-color:yellow;
    border-style:none;
}

/* 3ccc custom of navbar default text */
.navbar-inverse .navbar-nav > li > a {
  color: black;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: blue;
  background-color: transparent;
  font-weight:bold
}

/* 3ccc custom navbar */
.navbar {
    border-bottom-style:none;
            background-color:#f4f4f4;

}

/* 3ccc custom navbar brand icon */
.navbar-brand {
    padding-bottom: 0px;
    padding-top: 0px;
}

/* Decide total width on screen */
  .container {
    max-width: 1600px;
  }

 .jqplot-yaxis {
     color:blue;
 }

 .jqplot-y2axis {
     color:red;
 }

 .jqplot-y3axis {
     color:green;
 }

/* The 3ccc style of the main area top box */
.ccc-main-style {
    background-color:#fefef0;
    border-top-style:none;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

.ccc-tree {
        display: inline-block;
        vertical-align: top;
        width: 200px;
        height: 760px;
        text-align: left;
        margin-top: 5px;
    }

/* This style override kendo components width to fit in resposive design */
.ccc-kendo-width {
    width:auto;
}

.ccc-side-by-side {
    float: left; 
    margin: 0 25px 0 25px;
}

.ccc-close-by-close {
    float: left; 
}

.ccc-button-beside-text {
    margin-left: 4px;
}

.ccc-setting-box {
    margin-top: 20px;
    background-color:#fff873;
    width:900px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

/* Used for override Bootstrap row class */
.ccc-row {
    padding:inherit;
    margin:inherit;
    background-color:inherit;
    border-radius:inherit;
}

#ccc-row-input.ccc-row {padding-bottom:4px;}

/* Used for divide contents by a border */
.ccc-row-bottom-border {
    border-bottom:thin;
    border-bottom-style:solid;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    padding:inherit;
    margin:inherit;
    padding-bottom:10px;
    border-color:lightgray;
}

/* This change from 16.6% -> 15% (5 x 15% + 3 x 8.3% = 100 %) */
#ccc-col-md-9-div-5.col-md-2 { width: 15%;}

.ccc-top {
    margin: 25px 25px 0px 25px;
}

.ccc-top-header {
    margin: 3px 0px 0px 1px;
}
.ccc-setting-header {
 padding-bottom: 20px;
 background-color: gray;
}

.ccc-textbox {
    width:100%;
    padding-bottom:2px;
}

.ccc-pending-setting {
    background-color:yellowgreen;
}

.ccc-meassuring-setting {
    background-color:red;
}

input[type="text"] {
    background-color: #f4f4f4;
}

form {
  padding: 10px;
}

.select-refs-section {
        width: 270px;
    }

.k-state-highlight {background-color: #FFF873;font-weight:bold}
.k-state-highlight {background-color: white;font-weight:bold}


.k-menu .k-state-hover:hover
{
    background-color: #FFF873;
}


.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    border-color: #FFF873;
    border-color: black;
    border-width: 0px 1px 0px 0px;
}




.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: black;
    background-color:#FFF873;
}