/* ------------------------
theme color
------------------------ */
/* ========================
base
======================== */
/* common
------------------------ */
body {
  color: #333;
  background-color: #fff;
}

hr {
  border-top-color: #eee;
}

input[type="email"],
input[type="password"],
input[type="text"] {
  background-color: #fff;
  border-color: #ddd;
}

textarea {
  background-color: #fff;
  border: 1px solid #ddd;
}

select {
  background-color: #fff;
  border-color: #ddd;
}

/* ========================
layout 
======================== */
/* structure */
/* ------------------------
header
------------------------ */
#header {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
}

#header:after {
  background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
}

/* ------------------------
footer 
------------------------ */
footer {
  background-color: #f9f9f9;
}

/* ========================
module
======================== */
/* ------------------------
header
------------------------ */
/* nav
------------------------ */
/* nav */
#header nav li a {
  color: #444;
}

/* h-nav */
#header .login-nav li,
#header .h-nav li {
  border-left-color: #fff;
}

/* ------------------------
footer 
------------------------ */
/* nav
------------------------ */
/* f-nav */
.f-nav {
  color: #fff;
}

/* copyright
------------------------ */
.copyright {
  background-color: #000;
  color: #fff;
}

/* ------------------------
breadcrumb
------------------------ */
.breadcrumb li::before {
  color: #999;
}

/* ------------------------
button
------------------------ */
input[type="button"],
input[type="submit"],
button,
.btn a {
  background-color: #000;
  color: #fff;
}

input[name="back"],
.btn-back a,
input.btn-close {
  background-color: #ddd;
}

/* btn-block */
.btn-block .btn a,
.btn-block input[type="button"],
.btn-block input[type="submit"],
.btn-block button {
}

.btn-back a,
.btn-block input[name="back"] {
}

/* btn-search */
.btn-search input[type="submit"] {
}

/* btn-login */
.btn-login input[type="submit"],
.btn-login input[type="button"] {
}

/* ------------------------
box
------------------------ */
.box-shadow {
  border-color: #f6f6f6;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05);
}

.box-shadow::before {
  background-color: #4a6d96;
}

/* box h */
.box h2 {
  border-bottom-color: #eee;
}

.border-box {
  border-color: #eee;
}

.border-box-bold {
  border-color: #f3f3f3;
}

/* split */
.split > .grid-2:nth-child(even) {
  border-left-color: #eee;
}

/* ------------------------
table
------------------------ */
th,
td {
  border-bottom-color: #eee;
}

/* table layout
------------------------ */
/* table border */
.table-border {
  border-color: #eee;
}

.table-border th,
.table-border td {
  border-right-color: #eee;
}

/* table striped */
.table-striped tr {
  border-bottom-color: #fff;
}

.table-striped tfoot tr:first-child th,
.table-striped tfoot tr:first-child td {
  border-top-color: #eee;
}

.table-striped td {
  background-color: #fff;
}

.table-striped tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

.table-striped tfoot tr:nth-child(odd) td {
  background-color: #fff;
}

/* ------------------------
scroll
------------------------ */
.scroll::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: #888;
}

/* ========================
utility
======================== */
/* text decoration */
.ex {
  color: #999;
}

.ant {
  color: #777;
}

.mark-req {
  background-color: #d32f2f;
  color: #fff;
}

.tx-help {
  color: #999;
}

.tx-error {
  color: #f00;
}

.tx-success {
  color: #66bb6a;
}

.tx-warning {
  color: #fb8c00;
}

.tx-danger {
  color: #e53935;
}

.more-link a:before {
  border-left-color: #78909c;
}

/* mod-txbox */
.mod-txbox.error-text,
.mod-txbox.success-text,
.mod-txbox.warning-text,
.mod-txbox.danger-text {
  background-color: #fff;
}

.mod-txbox.error-text {
  background-color: #fff9f9;
  border-color: #ff3c3c;
  color: #f00;
}

.mod-txbox.success-text {
  border-color: #66bb6a;
  color: #66bb6a;
}

.mod-txbox.warning-text {
  border-color: #fb8c00;
  color: #fb8c00;
}

.mod-txbox.danger-text {
  border-color: #e53935;
  color: #e53935;
}

.tx-help-block {
  color: #999;
}

/* alert */
.mod-alert.alert-warning {
  background-color: #fb8c00;
}

.mod-alert.alert-danger {
  background-color: #e53935;
}

/* ========================
page
======================== */
/* common
------------------------ */
.box-ttl {
  border-bottom-color: #ddd;
}