:root {
    --skin-green__main-background-color : #217346;
    --skin-green__main-color: white;
    --skin-green__sub-background-color : #92D050
}

.skin-green .main-header .navbar {

}

.skin-green .main-header .logo:hover {
    background-color: var(--skin-green__main-background-color);
}

.skin-green .main-header .logo {
    background-color: var(--skin-green__main-background-color);
}

.skin-green .main-header .navbar {
    background-color: var(--skin-green__main-background-color);
    color: var(--skin-green__main-color);
}

.skin-green.login .content .container {
    padding-top: calc(50vh - 300px);
}

.login_logo {
    height: 120px;
    margin-top: 1rem;
    background: url(/images/logo.png) no-repeat center center;
    background-size: contain;
}

.skin-green .logo span.logo-lg {
    background-image: url(/images/dof-logo.png);
}

.skin-green .form_btn1,
.skin-green .form_btn2 {
    background: linear-gradient(var(--skin-green__sub-background-color), var(--skin-green__main-background-color));
}

.skin-green .form_btn1.disabled,
.skin-green.form_btn2.disabled {
    color: #636363;
}



.skin-green .col-md-12 form .box .box-header {
    background: var(--skin-green__main-background-color);
}

/********* top ************/

.skin-green .index_category>span {
    background: var(--skin-green__main-background-color);
    color: var(--skin-green__main-color);
}



/********* task 等 ************/

.skin-green .table .tr .th,
.skin-green .col-md-12 table thead tr th,
.skin-green .table th {
    background-color: var(--skin-green__main-background-color);
    color: var(--skin-green__main-color);
}

.skin-green .col-md-12 form .form_header .form_header_link_area {
    border-color: var(--skin-green__main-background-color);
}