/*
春风绿过柳叶
color0: #D3E3CA__RGB(211,227,202)
color1: #FCFFEB__RGB(252,255,235)
color2: #F2FFEB__RGB(242,255,235)
color3: #DEF5B3__RGB(222,245,179)
color4: #F0FFFA__RGB(240,255,250)
春风绿过柳叶的过程是悄无声息的。这一组颜色以透明度高灰度低的绿色为主，既有春天的明快色彩，又不会过于亮眼。其中穿插的淡鹅黄色和水绿色能够更好地表现出春天的主题。适合在年轻人群的家居设计中使用。
*/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.clear{clear:both;}
::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
    background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.33);
    border-radius: 4px;
    background-color: rgba(222, 245, 179, 0.2);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.33);
    background-color: rgba(222, 245, 179, .66);
}
a
{
    cursor: pointer;
}
.modal-content, .hutoo-content
{
    background-color: #FCFFEB;
    color: #666666;
    font-family: "宋体";
}
/* ---------------------------------------------> 按钮去背景色 */
.btna
{
    background-color: transparent;
    background-image: none;
    color: #006600;
}
/* ---------------------------------------------< 按钮去背景色 */
/* ---------------------------------------------> table */
.table-hutoo .btn
{
    padding: 0 5px;
    margin-top: -5px;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
}
.table-hutoo tbody tr td:nth-child(1), .table-hutoo thead tr th:nth-child(1)
{
    min-width: 50px;
    padding-left: 15px;
}
.table
{
    background: #F0FFFA;
    border-bottom: 1px solid #DEF5B3;
}
.table thead
{
    background: #D3E3CA;
}
.table thead th
{
    border: 0px solid #003300;
    color: #4c7123;
}
.table .editable
{
    background: white;
    border-bottom: 1px solid green;
}
.table .middle
{
    vertical-align: middle;
}
.table .table-label
{
    text-align: right;
    vertical-align: middle;
    width: 90px;
}
.table-striped > tbody > tr:nth-of-type(odd)
{
    background-color: #F2FFEB;
}
/* ---------------------------------------------< table */
.dropdown-menu a:hover, .dropdown-menu a.active, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active, .table-hover > tbody > tr:hover, .modal-header, .hutoo-tree a:hover, .hutoo-tree a:focus, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
    background-color: #DEF5B3;
}
a.list-group-item
{
    background: rgba(222, 245, 179, 0.66);
}
a.list-group-item:hover, a.list-group-item:focus
{
    background: rgba(222, 245, 179, .33);
    color: white;
}
/* ---------------------------------------------> icon样式 */
.icon-plus
{
    color: green;
}
.icon-minus
{
    color: olive;
}
.icon-edit
{
    color: green;
}

.btn .icon
{
    padding-right: 4px;
}
.icon-true
{
    color: green;
}
.icon-false
{
    color: gray;
}
/* ---------------------------------------------< icon样式 */
.modal-header
{
    -moz-border-radius: 4px 4px 0 0; /* Gecko browsers */
    -webkit-border-radius: 4px 4px 0 0; /* Webkit browsers */
    border-radius: 4px 4px 0 0; /* W3C syntax */
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent));
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 75%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 100%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 75%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 100%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 75%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 100%, transparent);
}
.modal-footer
{
    text-align: center;
}
.pagination
{
    margin: 0;
}
.no-space
{
    margin: 0px;
}
.top-space
{
    margin-top: 15px;
}
.bottom-space
{
    margin-bottom: 15px;
}
.left-space
{
    margin-left: 15px;
}
.right-space
{
    margin-right: 15px;
}
.none-edit
{
    cursor: pointer;
}
.center
{
    text-align: center;
}
/* ---------------------------------------------> hutoo-tree */

.hutoo-tree .icon
{
    color: #669966;
    font-size: 12px;
}
.hutoo-tree dt
{
    line-height: 30px;
    font-weight: normal;
}
.hutoo-tree a
{
    display: block;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-decoration: none;
}


.hutoo-tree button
{
    border: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.hutoo-tree dl
{
    margin: 0px;
}
.hutoo-tree dt
{
    text-indent: 1.5em;
}

.hutoo-tree dd
{
    padding-left: 2em;
}
/* ---------------------------------------------> hutooTree */
/* ---------------------------------------------> hutooDate */
.hutoo-date0
{
    width: 212px;
}
.hutoo-date4 tbody td
{
    width: 25%;
}
.hutoo-date7 tbody td
{
    width: 14.28%;
}
.hutoo-date a
{
    display: block;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}
.hutoo-date td, .hutoo-date th
{
    height: 30px;
    text-align: center;
}

.hutoo-date thead, hutoo-date tfoot
{
    font-weight: bold;
}
/* ---------------------------------------------> hutooDate */
/* ---------------------------------------------> 前景色 背景色 */
.bg-none
{
    background: none;
}
.bg-white
{
    background-color: white;
}
.color-white
{
    color: white;
}
.bg-black
{
    background-color: black;
}
.color-black
{
    color: black;
}
.bg-gray
{
    background-color: gray;
}
.color-gray
{
    color: gray;
}
.bg-red
{
    background-color: red;
}
.color-red
{
    color: red;
}
.bg-orange
{
    background-color: orange;
}
.color-orange
{
    color: orange;
}
.bg-yellow
{
    background-color: yellow;
}
.color-yellow
{
    color: yellow;
}
.bg-green
{
    background-color: #00504f;
}
.color-green
{
    color: green;
}
.bg-cyan
{
    background-color: cyan;
}
.color-cyan
{
    color-color: cyan;
}
.bg-blue
{
    background-color: blue;
}
.color-blue
{
    color: blue;
}
.bg-purple
{
    background-color: purple;
}
.color-purple
{
    colo-colorr: purple;
}
.bg-striped
{
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    background-size: 150px 150px; /* Controls the size of the stripes */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
.bg-angled
{
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent));
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 75%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 100%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 75%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 100%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 75%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 100%, transparent);
}
.bg-angled-135
{
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
}
.bg-checkered
{
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #555)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #555));
    background-image: -moz-linear-gradient(45deg, #555 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, #555 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, #555 75%), -moz-linear-gradient(-45deg, transparent 75%, #555 75%);
    background-image: -o-linear-gradient(45deg, #555 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, #555 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, #555 75%), -o-linear-gradient(-45deg, transparent 75%, #555 75%);
    background-image: linear-gradient(45deg, #555 25%, transparent 25%, transparent), linear-gradient(-45deg, #555 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #555 75%), linear-gradient(-45deg, transparent 75%, #555 75%);
}



/* <--------------------------------------------- 前景色 背景色 */
/* ---------------------------------------------> 字体格式 */
.font-bold
{
    font-weight: bold;
}
.font-italic
{
    font-style: italic;
}
.text-throughline
{
    text-decoration: line-through;
}
.text-underline
{
    text-decoration: underline;
}
.font-size1
{
    font-size: xx-small;
}
.font-size2
{
    font-size: x-small;
}
.font-size3
{
    font-size: small;
}
.font-size4
{
    font-size: medium;
}
.font-size5
{
    font-size: large;
}
.font-size6
{
    font-size: x-large;
}
.font-size7
{
    font-size: xx-large;
}
.font-songti
{
    font-family: "宋体";
}
.font-heiti
{
    font-family: "黑体";
}
.font-kaiti
{
    font-family: "楷体";
}
.font-lishu
{
    font-family: "隶书";
}
/* <--------------------------------------------- 字体格式 */
/* ---------------------------------------------> 图标字体 */
@font-face
{
    font-family: 'hutoo-icon';
    src: url('../fonts/hutoo/hutoo-icon.eot'); /* IE9 Compat Modes */
    src: url('../fonts/hutoo/hutoo-icon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/hutoo/hutoo-icon.woff') format('woff'), /* Modern Browsers */ url('../fonts/hutoo/hutoo-icon.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/hutoo/hutoo-icon.svg#hutoo-icon') format('svg'); /* Legacy iOS */
}
.icon
{
    position: relative;
    display: inline-block;
    font-family: 'hutoo-icon';
    font-style: normal;
    font-weight: normal;
    zfont-size: 16px;
    zline-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-user:before
{
    content: "@";
}
.icon-lock:before
{
    content: "$";
}
.icon-ko:before
{
    content: "╳";
}
.icon-remove-circle:before
{
    content: "×";
}
.icon-angel-left:before
{
    content: "<";
}
.icon-angel-right:before
{
    content: ">";
}
.icon-angel-up:before
{
    content: "∧";
}
.icon-angel-down:before
{
    content: "∨";
}
.icon-plus:before
{
    content: "+";
}
.icon-minus:before
{
    content: "-";
}
.icon-uncheck:before
{
    content: "□";
}
.icon-check:before
{
    content: "◆";
}
.icon-question:before
{
    content: "?";
}
.icon-search:before
{
    content: "0";
}
.icon-full:before
{
    content: "█";
}
.icon-:before
{
    content: "　";
}
.icon-space:before
{
    content: " ";
}
.icon-setting:before
{
    content: "=";
}
.icon-flag:before
{
    content: "*";
}
.icon-home:before
{
    content: "H";
}
.icon-edit:before
{
    content: "W";
}
.icon-message:before
{
    content: "r";
}
.icon-date:before
{
    content: "s";
}
.icon-statistics:before
{
    content: "u";
}
.icon-student:before
{
    content: "3";
}
.icon-teacher:before
{
    content: "4";
}
.icon-group:before
{
    content: "5";
}
.icon-school:before
{
    content: "6";
}
.icon-call:before
{
    content: "7";
}
.icon-lesson:before
{
    content: "8";
}
.icon-course:before
{
    content: "9";
}
.icon-ok:before
{
    content: "O";
}
.icon-false:before
{
    content: "P";
}
.icon-true:before
{
    content: "Q";
}
/* <--------------------------------------------- 图标字体 */
/* ---------------------------------------------> 浮动 */
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
/* <--------------------------------------------- 浮动 */
/* ---------------------------------------------> 注释 */
/* <--------------------------------------------- 注释 */

.dropdown-submenu
{
    position: relative;
}
.dropdown-submenu > .dropdown-menu
{
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu
{
    display: block;
}
.dropdown-submenu > a:after
{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after
{
    border-left-color: #fff;
}
.dropdown-submenu.pull-left
{
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu
{
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}