﻿       .nav-tabs {
    border-bottom: 0px solid #bfbfbf;
}
.tab-content > .tab-pane {
    padding-top: 10px;
}
.nav-pills > li > a {
    margin: 3px 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #055300;
    background-color: #d3ed92;
    border: 0px solid #bfbfbf;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
 {
    color: #2c7d11;
    cursor: default;
    background-color: #fff;
    border: 1px solid #689d6d;
    /* border-bottom-color: transparent; */
    border-radius: 60px;
    background: #f0ffd4;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    margin: 3px 2px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #dbdbdb;
    border-radius: 60px;
    background: #f7f7f7;
    color: #454545;
    /* border-right: 3px solid #595959; */
    padding: 8px 14px !important;
   
}
.page-header.underline-orange {
    padding: 7px 10px;
    margin-top: 10px;
    padding-bottom: 7px;
    border-bottom: 0px solid #97bb66;
    margin-bottom: 15px;
    background: #f1f5ec;
    color: #165912;
    /* border-top: 2px solid #c5dba7; */
    /* text-align: center; */
    font-size: 23px !important;
}
.k-grid tbody > tr:first-child > td, .k-grid-content tbody > tr:first-child > td {
   border-top: 2px #96bb72 solid;
}
.k-grid-header th.k-header, .k-grid-header th.k-header, .k-filter-row th {
       overflow: hidden;
    border-right: none;
    border-top: none;
    border-left: 1px #d9d9d9 solid;
    border-bottom: 1px #eee solid;
    padding: .4em .6em;
    font-weight: 600;
    font-size: 12px;
    white-space: normal;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    background-color: #ebebeb;
    color: #414141;
}
.k-grid a {
    color: #289106;
    font-weight: 600;
}
.k-grid-header, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
  
   background-color: #ebebeb;}

.search-result-header2 {
    color: #3c7d02 !important;
}
.btn-bluego {
    background-color: #418725;
    color: #ffffff;
    padding: 6px 9px;
    border-radius: 5px;
    font-size: 14px !important;
}
.header-rank-01 {
    border-bottom: 2px solid #68b944;
    font-size: 19px;
}
.header-rank-02 {
    color: #2f7311;
}
.header-rank-02 .red {
    color: #cd540d;
}
.search-result-header {
    margin-top: 0px;
    color: #217912;
    font-size: 14px;
}
.table-not-striped tbody tr:nth-of-type(even) {
     background-color: transparent !important;
   }
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
    background-color: #fff !important;
/*background-color:transparent !important;*/
}

.badge.badge-orange {
    margin-right: 8px;
    background-color: #ddf9c7 !important;
    padding: 10px 11px;
    font-size: 14px;
    color: #00671c;
    font-weight: 600;
    border-radius: 16px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #419535;
    outline: 0;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-weight: 600 !important;
    color: #2a8900 !important;
}
.bg-gray01{background-color: #f1f1f1;
    padding: 10px;}
.kpi-header {
    padding-top: 0px;
    padding-left: 10px;
    font-weight: 500;
    background-color: transparent;
    border-radius: 5px;
    font-size: 13px;
}
.kpi-result {
padding-top: 5px;
    /*padding-bottom: 10px;*/
    padding-left: 25px;
    background-color: transparent;
    border-radius: 5px;
    word-wrap: break-word;
    font-size: 13px;
    font-weight: 400;font-style: italic;}

.kpi-buttom {
    padding-left: 10px;
    font-weight: 500;
    background-color: transparent;
    border-radius: 0px;
    padding-bottom: 5px;
    font-size: 13px;
}
.kpi-spt-header {
    background-color: #f1f1ef !important;
    border-bottom: 2px solid #d1d1d1 !important;
}
label {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.15px;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background-color: #f7f7f7;}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color:  #f7f7f7;}

.btn:active, .btn.active,.btn-default:hover ,.btn-default:focus, .btn-default.focus  {
  background-color:  #f7f7f7;
    box-shadow: none;}


.cell-base-1{background-color: #ebe6d4; color: #4f4c45 !important;}
.cell-head-2{background-color: #d2e79f; color: #45631f !important;}
.cell-head-1{background-color: #ffefa9; color: #796649 !important;}
.cell-body-1{background-color: #ecf7d0;}
.cell-body-2{    background-color: #fff9e2 !important;}
.text-base-1{color: #911c1c !important; background-color: #ecf7d0;}
.text-base-2{color: #0f7d1e !important; background-color: #ecf7d0;}

.kpi-detail{padding-bottom: 10px; padding-top: 10px;}

.kpi-star{color: #0f7d1e !important;padding-right:10px;}
    
.sub-grid{padding:20px;}
.sub-grid >.k-grid-table thead {
     background-color: #fff9e2 !important;
   }
   


.sub-grid >.k-grid-table tbody > tr:first-child > td
 {
    border-top: 0px #96bb72 solid;
}

/*
.sub-grid >.k-grid-table >.k-grid-header th.k-header, .sub-grid >.k-grid-table >.k-grid-header th.k-header {
    overflow: hidden;
    border-right: none;
    border-top: none;
    border-left: 1px #d9d9d9 solid;
    border-bottom: 1px #eee solid;
    padding: .4em .6em;
    font-weight: 600;
    font-size: 12px;
    white-space: normal;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    background-color: #454545 !important;
    color: #414141;}
.sub-grid >.k-grid-table tbody tr:nth-of-type(even) {
     background-color: #fff9e2 !important;
   }
.sub-grid  >.k-grid-table tbody tr:nth-of-type(odd) {
     background-color: #ecf7d0 !important;
   }*/

