/***背景颜色开始***/

/***顶部导航背景色***/
.navbar-static-top {background: #006c5b;}

/****左侧导航背景颜色 和 右边线**/
.navbar-default { background-color: #f9faff !important;}
body.fixed-sidebar .navbar-static-side {border-right:1px solid #dee2ec;}

/***头像背景图**/
.nav-header { background-color:transparent; background-image:url("patterns/header-profile2.png"); background-repeat:no-repeat; /*background: #f9faff  url("patterns/header-profile2.png") no-repeat;*/}

/***mini头像背景色***/
body.mini-navbar .nav-header { padding: 0; background-color: #006c5b; }
.logo-element { text-align: center; font-size: 18px;  font-weight: 600;  display: none;  padding: 18px 0; color: #666666;}

/***左侧导航字和图标颜色**/
.nav > li > a { /*color: #929AA8;*/  color: rgba(0, 0, 0, 0.87) ; }

/***左侧导航折叠二级背景色**/
.nav > li.active { background: #419be4;}

/**左侧导航hover，按下状态 背景**/
.navbar-default .nav > li > a:hover{
    background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87) ; 
}
.navbar-default .nav > li > a:focus {
        background-color: #006c5b; color: white;
}
/*左侧消息背景色**/
.label-warning {background-color: #eb2135 !important; color: #FFFFFF !important;}
.label-primary, .badge-primary { background-color:#eb2135 !important; color: #FFFFFF !important;}


/***标题边线**/
.ibox-title { background-color: #ffffff; border-color: #006c5b;  border-width: 4px 0px 0; }

/**page_tab 状态背景色**/
.page-tabs a.active { background: #006c5b; color: #eeeded;}
.page-tabs a.active:hover,
.page-tabs a.active i:hover { background: #006c5b; color: #fff;}

/*首页轮播圈圈图标颜色**/
.carousel-indicators li { border:none !important;  background:#ceced0 !important; width:12px !important; height:12px !important; margin:2px !important;}
.carousel-indicators .active {  background: #006c5b !important;  border:none !important; }

/***按钮***/
.btn-primary { background-color: #006c5b !important; border-color: #006c5b !important; color: #ffffff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #006c5b !important;
border-color: #006c5b !important; color: #FFFFFF;}

/**快捷菜单**/

.quick_font {  display: inline-block; line-height: 40px; padding-top: 6px; padding-left: 20px; font-size:12px;}
.quick_radius { border-radius: 100%; width: 35px; height: 35px; border: 0px solid #006c5b; text-align: center; font-size: 22px !important; line-height: 24px; float:left; margin-top:10px;}

/***HR 图标颜色及大小**/
.p_t_5 { padding-top:5px;}
.p_b_5 { padding-bottom:5px;}
.p_t_6 { padding-top:6px;}
.p_b_6 { padding-bottom:6px;}
.p_t_7 { padding-top:7px;}
.p_b_7 { padding-bottom:7px;}
.p_t_8 { padding-top:8px;}
.p_b_8 { padding-bottom:8px;}
.p_t_9 { padding-top:9px;}
.p_b_9 { padding-bottom:9px;}
.p_t_10 { padding-top:10px;}
.p_b_10 { padding-bottom:10px;}
.p_t_12 { padding-top:12px;}
.p_b_12 { padding-bottom:12px;}
.icon-size10 { font-size: 10px !important; }
.icon-size11 { font-size: 11px !important; }
.icon-size12 { font-size: 12px !important; }
.icon-size13 { font-size: 13px !important; }
.icon-size14 { font-size: 14px !important; }
.icon-size15 { font-size: 15px !important; }
.icon-size16 { font-size: 16px !important; }
.icon-size17 { font-size: 17px !important; }
.icon-size18 { font-size: 18px !important; }
.icon-size19 { font-size: 19px !important; }
.icon-size20 { font-size: 20px !important; }
.icon-size21 { font-size: 21px !important; }
.icon-size22 { font-size: 22px !important; }
.icon-size23 { font-size: 23px !important; }
.icon-size24 { font-size: 24px !important; }
.icon-size25 { font-size: 25px !important; }
.icon-size30 { font-size: 30px !important; }
.icon-size35 { font-size: 35px !important; }
.icon-size40 { font-size: 40px !important; }
.icon-size45 { font-size: 45px !important; }
.icon-size50 { font-size: 50px !important; }
.icon-size54 { font-size: 54px !important; }
.icon-size60 { font-size: 60px !important; }
.icon-size65 { font-size: 65px !important; }
.icon-size70 { font-size: 70px !important; }
.icon-size75 { font-size: 75px !important; }



.hr_icon_color { color:#006c5b; }
.icon_list .icon{   border: 0px solid #006c5b; border-radius: 100%; font-size: 45px; /*height: 85px;*/ line-height: 50px; margin: 10px 0;  padding: 10px 0; text-align: center;  transition: font-size 0.25s ease-out 0s; width: 85px;   -webkit-transition: font-size 0.25s ease-out 0s;  -moz-transition: font-size 0.25s ease-out 0s;}
.icon_list .name  , .icon_list .name_en { color:#666666;}

/***其他**/
.blue_font { color:#006c5b !important;  font-size:14px !important;}
.grey-font { color:#666666;}
.blue_a { color:#006c5b;}
.blue_bga{ background:#006c5b !important;}
.whrite-font { color:#fff;}
 .whrite-font:hover , .whrite-font:focus{ color:#fff !important; }

/**表单点击状态**/
.form-control:focus, .single-line:focus { border-color:#006c5b !important ;}
.form-group { margin-bottom:6px !important;}
.hr-line-dashed{ margin:5px 0px ! important;}
.control-label { font-weight: normal !important; text-align: left !important;}
.line-height-35 { line-height:35px;}
.form-horizontal .control-label { padding-bottom:4px;}
/*.iradio_square-green.checked {  background-position: -165px 0  !important;}*/
/***日历**/
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #006c5b ! important;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #006c5b ! important;
  border-color: #357ebd;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #006c5b;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #006c5b ! important;
  border-color: #357ebd;
}
.bordercolor
{border-color: #006c5b ! important; }

/** Checkbox by Simon **/
input[type="checkbox"] {
    -webkit-appearance: none;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    background: #fff url(../img/12pxblue.png);
    height: 12px;
    vertical-align: middle;
    width: 12px;
    margin-top: 0px !important;
    margin-bottom: 1px !important;
    margin-right: 4px !important;
}
input[type="checkbox"]:checked {
    background-position: -28px 0;
}
input[type="checkbox":focus,
input[type="checkbox"]:hover {
    background-position: -14px 0;
    outline: none;
}

input[type="checkbox"]:checked {
  background-position: -28px 0;
}

input[type="checkbox"][disabled] {
    background-position: -42px 0;
}

input[type="checkbox"][disabled]:checked {
    background-position: -56px 0;
}
input[type="checkbox"] {
    background: #fff url(../img/12pxblue.png);
    background: none\0;
    *background: none;
    ...
}