/*CSS For specific Kendo Controls or classes
    Do this here rather than in the Kendo CSS files so that future updates don't overwrite our custom css settings
    
    */

.k-button{
    background-color: #4F7A3F;
    background-image: none;
     /*background-image: none,linear-gradient(to bottom,#f0713a 0,#F9FFCC 100%);*/
    color: white !important;
    font-weight: bold;
}

.k-button:hover{
    /*background-color: #4F7A3F;*/
   background-image: none,linear-gradient(to bottom,#EF9169 0,#EAB9A4 100%);
     /*background-image: none,linear-gradient(to bottom,#f0713a 0,#F9FFCC 100%);*/
    color: white;
    font-weight: bold;
}


.esp-mvc-grid
{
    font-size: 0.9em;
}

/*Standard grid header row*/
.esp-mvc-grid .k-header {
    /*background-color: #4F7A3F;*/
    /*background-image: none,linear-gradient(to bottom,#4F7A3F 0,#eaeaea 100%);*/
    background-image: none,linear-gradient(to bottom,#C0C072 0,#EEEEEE 100%);
    font-weight: bold;
    font-size: 0.95em
}

/*This one's not a kendo style, but one created by us for header templates in kendo grids*/
.k-header-flat{
    background-color: #C0C072;
    background-image: none;
}

/*Buttons in the Standard grid*/
.esp-mvc-grid .k-button {
    background-color: #4F7A3F;
    background-image: none;
    /*background-image: none,linear-gradient(to bottom,#4F7A3F 0,#eaeaea 100%);*/
    /*background-image: none,linear-gradient(to bottom,#f0713a 0,#eaeaea 100%);*/
}

/*Hovered Buttons in theStandard grid*/
.esp-mvc-grid .k-button:hover {
    /*background-color: #4F7A3F;*/
    /*background-image: none,linear-gradient(to bottom,#4F7A3F 0,#eaeaea 100%);*/
    background-image: none,linear-gradient(to bottom,#cccccc 0,#dddddd 100%);
}

/*Standard grid rows*/
.esp-mvc-grid tr {
    background-color: #ffffff;
}

/*Standard grid alternating rows*/
.esp-mvc-grid .k-alt {
    background-color: #E0E0AA;
}

/*Standard grid rows*/
.esp-mvc-grid td {
    text-align:left;
}



/*Table inside the waste stream grid*/
#WasteStreamGrid .waste-streams-table   {
       
    border-width: 2px;
    border-style: solid;
    border-color: #cccccc;
}



/*Classes for textbox widths*/
.k-textbox.small {
    width: 50px !important;
}
.k-textbox.medium {
    width: 120px !important;
}
.k-textbox.large1 {
    width: 320px !important;
}

.k-textbox.large2 {
    width: 400px !important;
}

.k-textbox.large3 {
    width: 500px !important;
}



 /*.k-window-action*/ 


.esp-mvc-window-container .k-window-titlebar
{
    background: none;
    border-width: 0;
    background-image: none;   /*,linear-gradient(to bottom,#f0713a 0,#EEEEEE 100%);*/
    background-color: #f0713a;
      
   
}


/*Panelbar rows*/
.k-panelbar .k-item .k-link{
    /*background-color: #4AA02C;*/
    /*background-image: none, linear-gradient(#4AA02C 0, #7db9e8 100%);*/
    background-image: none,linear-gradient(to bottom,#B7B780 0,#EEEEEE 100%);
    color: #222222;
    font: bold;

}

.k-panelbar .k-item .k-link:hover{
    /*background-color: #4AA02C;*/
    /*background-image: none, linear-gradient(#4AA02C 0, #7db9e8 100%);*/
    background-image: none,linear-gradient(to bottom,#EF9169 0,#EAB9A4 100%);
    color: #222222;
    font: bold;
   
}


.k-panelbar li.k-state-highlighted a.k-link{
    /*background-color: #4AA02C;*/
    /*background-image: none, linear-gradient(#4AA02C 0, #7db9e8 100%);*/
    background-image: none,linear-gradient(to bottom,#EF9169 0,#EAB9A4 100%);
    color: #222222;
    font: bold;
    
}