html {
font-size: 16px;
}
body {
color: #313131;
background: none;
background-color: #f8f8f7;
padding-bottom: 0;
}
body::-webkit-scrollbar {
width: 8px;
height: 8px;
}
body::-webkit-scrollbar-thumb {
height: 30%;
background: #aeaca6;
border-radius: 10px;
}
body::-webkit-scrollbar-track {
background-color: #f8f8f7;
}
a {
color: #409eff;
}
a:hover,
a:focus {
color: #8dc5ff;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.img-thumbnail {
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dcdfe6;
}
hr {
border-top: 1px solid #dcdfe6;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: inherit;
font-size: 13px;
font-weight: 600;
margin-top: 9px;
margin-bottom: 9px;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
font-weight: 300;
font-size: 92%;
color: #c0c4cc;
}
mark,
.mark {
background-color: #fcf8e3;
}
.text-muted {
color: #c0c4cc;
}
.border-base {
border-color: #dcdfe6;
}
.border-light {
border-color: #e4e7ed;
}
a.text-primary:hover,
a.text-primary:focus {
color: #0d84ff;
}
.text-success {
color: #67c23a;
}
a.text-success:hover,
a.text-success:focus {
color: #529b2e;
}
.text-info {
color: #909399;
}
a.text-info:hover,
a.text-info:focus {
color: #767980;
}
.text-warning {
color: #e6a23c;
}
a.text-warning:hover,
a.text-warning:focus {
color: #d48a1b;
}
.text-danger {
color: #f56c6c;
}
a.text-danger:hover,
a.text-danger:focus {
color: #f23c3c;
}
.bg-primary {
color: #fff;
}
.bg-primary {
background-color: #409eff;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #0d84ff;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
margin: 18px 0 18px;
border-bottom: 1px solid #dcdfe6;
border-radius: 0;
}
blockquote {
border-left: 5px solid #dcdfe6;
font-size: 13px;
}
blockquote.blockquote-sm {
padding: 0 0 0 15px;
}
blockquote footer,
blockquote small,
blockquote .small {
color: #c0c4cc;
}
blockquote p {
font-size: inherit;
margin-bottom: 9px;
}
.blockquote-reverse,
blockquote.pull-right {
border-right: 5px solid #dcdfe6;
}
code {
color: #f56c6c;
background-color: #f7f8fa;
}
kbd {
color: #f5f7fa;
background-color: #313131;
}
pre {
color: #313131;
background-color: #fafcff;
border: 1px solid #dcdfe6;
}
.wrapper {
padding-top: 84px;
}
.row:before,
.row:after {
display: table;
content: " ";
}
.row:after {
clear: both;
}
table {
background-color: transparent;
}
caption {
color: #c0c4cc;
}
.table {
margin-bottom: 0;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
border-top: 1px solid #ecece9;
}
.table > thead > tr > th {
border-bottom: 2px solid #ecece9;
}
.table > tbody + tbody {
border-top: 2px solid #ecece9;
}
.table .table {
background-color: #f8f8f7;
}
.table-bordered {
border: 1px solid #ecece9;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ecece9;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f8f8f7;
}
.table-hover > tbody > tr:hover {
background-color: #ecece9;
}
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #fafcff;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e1edff;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
@media screen and (max-width: 749px) {
.table-responsive {
border: 1px solid #ecece9;
}
}
legend {
color: #313131;
border-bottom: 1px solid #dcdfe6;
}
output {
color: #1e67af;
}
input[type="search"] {
background: url(/cover/img/search.png) 5px 5px no-repeat #ffffff;
}
input[type="search"].input-transparent {
color: #313131;
background: url(/cover/img/search.png) 5px 5px no-repeat #ffffff;
}
input[type="search"].input-transparent::-moz-placeholder {
color: #a8abb2;
opacity: 1;
}
input[type="search"].input-transparent:-ms-input-placeholder {
color: #a8abb2;
}
input[type="search"].input-transparent::-webkit-input-placeholder {
color: #a8abb2;
}
.form-control {
color: #1e67af;
background-color: #ffffff;
border: 1px solid #dcdfe6;
}
.form-control:focus {
border-color: #409eff;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(64, 158, 255, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(64, 158, 255, 0.6);
}
.form-control::-moz-placeholder {
color: #a8abb2;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #a8abb2;
}
.form-control::-webkit-input-placeholder {
color: #a8abb2;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #77757d;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #67c23a;
}
.has-success .form-control {
border-color: #67c23a;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #529b2e;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3db87;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3db87;
}
.has-success .input-group-addon {
color: #67c23a;
background-color: #dff0d8;
border-color: #67c23a;
}
.has-success .form-control-feedback {
color: #67c23a;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #e6a23c;
}
.has-warning .form-control {
border-color: #e6a23c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #d48a1b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f2cd96;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f2cd96;
}
.has-warning .input-group-addon {
color: #e6a23c;
background-color: #fcf8e3;
border-color: #e6a23c;
}
.has-warning .form-control-feedback {
color: #e6a23c;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #f56c6c;
}
.has-error .form-control {
border-color: #f56c6c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #f23c3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbcccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbcccc;
}
.has-error .input-group-addon {
color: #f56c6c;
background-color: #f2dede;
border-color: #f56c6c;
}
.has-error .form-control-feedback {
color: #f56c6c;
}
.help-block {
color: #6e7075;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #1e96eb;
}
.btn-default {
color: #f8f8f8;
background-color: #313131;
border-color: #f2f2f2;
}
.btn-default:focus,
.btn-default.focus {
color: #313131;
background-color: #e6e5e5;
border-color: #b3b2b2;
}
.btn-default:hover {
color: #313131;
background-color: #e6e5e5;
border-color: #d4d4d4;
}
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #313131;
background-color: #e6e5e5;
background-image: none;
border-color: #d4d4d4;
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #313131;
background-color: #d4d4d4;
border-color: #b3b2b2;
}
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
background-color: #ffffff;
border-color: #f2f2f2;
}
.btn-default .badge {
color: #ffffff;
background-color: #313131;
}
.btn-primary {
color: #ffffff;
border-color: #2791ff;
}
.btn-primary:focus,
.btn-primary.focus {
color: #ffffff;
background-color: #0d84ff;
border-color: #0052a6;
}
.btn-primary:hover {
color: #ffffff;
background-color: #0d84ff;
border-color: #0072e8;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #ffffff;
background-color: #0d84ff;
background-image: none;
border-color: #0072e8;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #ffffff;
background-color: #0072e8;
border-color: #0052a6;
}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background-color: #409eff;
border-color: #2791ff;
}
.btn-primary .badge {
color: #409eff;
background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #67c23a;
border-color: #5dae34;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #529b2e;
border-color: #284c17;
}
.btn-success:hover {
color: #ffffff;
background-color: #529b2e;
border-color: #447f26;
}
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #ffffff;
background-color: #529b2e;
background-image: none;
border-color: #447f26;
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #ffffff;
background-color: #447f26;
border-color: #284c17;
}
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background-color: #67c23a;
border-color: #5dae34;
}
.btn-success .badge {
color: #67c23a;
background-color: #ffffff;
}
.btn-info {
color: #ffffff;
background-color: #909399;
border-color: #83868d;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #767980;
border-color: #45474b;
}
.btn-info:hover {
color: #ffffff;
background-color: #767980;
border-color: #65686e;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #ffffff;
background-color: #767980;
background-image: none;
border-color: #65686e;
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #ffffff;
background-color: #65686e;
border-color: #45474b;
}
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
background-color: #909399;
border-color: #83868d;
}
.btn-info .badge {
color: #909399;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #e6a23c;
border-color: #e39725;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ffffff;
background-color: #d48a1b;
border-color: #794f10;
}
.btn-warning:hover {
color: #ffffff;
background-color: #d48a1b;
border-color: #b47517;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #ffffff;
background-color: #d48a1b;
background-image: none;
border-color: #b47517;
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #ffffff;
background-color: #b47517;
border-color: #794f10;
}
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background-color: #e6a23c;
border-color: #e39725;
}
.btn-warning .badge {
color: #e6a23c;
background-color: #ffffff;
}
.btn-danger {
color: #ffffff;
background-color: #f56c6c;
border-color: #f35454;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #f23c3c;
border-color: #bb0d0d;
}
.btn-danger:hover {
color: #ffffff;
background-color: #f23c3c;
border-color: #ef1b1b;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #ffffff;
background-color: #f23c3c;
background-image: none;
border-color: #ef1b1b;
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #ffffff;
background-color: #ef1b1b;
border-color: #bb0d0d;
}
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background-color: #f56c6c;
border-color: #f35454;
}
.btn-danger .badge {
color: #f56c6c;
background-color: #ffffff;
}
.btn-link {
color: #409eff;
}
.btn-link:hover,
.btn-link:focus {
color: #8dc5ff;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #c0c4cc;
}
.dropdown-menu {
background: #f8f8f7;
border: 1px solid rgba(0, 0, 0, .08);
border-top-right-radius: 8px !important;
border-top-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-bottom-left-radius: 8px !important;
box-shadow: 0 5px 25px #0000001a;
overflow: hidden;
padding: 0;
}
.dropdown-menu .divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #dcdfe6;
}
.dropdown-menu > li > a {
color: #313131;
padding: 7px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #313131;
background-color: rgba(0, 0, 0, 0.04);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #1e67af;
background-color: rgba(0, 0, 0, 0.04);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #c0c4cc;
}
.dropdown-header {
color: #f5f7fa;
padding-top: 15px;
}
.input-group-addon {
color: #c0c4cc;
background-color: #f5f7fa;
border: 1px solid #dcdfe6;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #fafcff;
}
.nav > li.disabled > a {
color: #c0c4cc;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #c0c4cc;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #fafcff;
border-color: #409eff;
}
.nav .nav-divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav-tabs {
border-bottom: 1px solid #dcdfe6;
}
.nav-tabs > li > a {
border: 1px solid transparent;
color: #313131;
font-weight: 500;
}
.nav-tabs > li > a:hover {
border-color: #e4e7ed #e4e7ed #dcdfe6;
}
.nav-tabs > li.active > a {
color: #2477FF !important;
font-weight: bold !important;
font-size: 15px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #909399;
background-color: #ffffff;
border: 1px solid #e4e7ed;
border-bottom-color: transparent;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #1e67af;
background-color: rgba(0, 0, 0, 0.04);
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #e4e7ed;
}
@media (min-width: 750px) {
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #f8f8f7;
}
}
.navbar {
padding: 0 15px;
margin-bottom: 18px;
border-radius: 0;
border: none;
border-bottom: 1px solid transparent;
}
.navbar-collapse {
border-top: none;
}
.navbar-toggle {
background-color: transparent;
border: 1px solid transparent;
}
.navbar-form {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.navbar-default {
background-color: #f8f8f7;
border-color: transparent;
}
.navbar-default.has-scroll {
border-color: #dcdfe6;
box-shadow: 0px -15px 20px 0px;
}
.navbar-default .navbar-brand {
color: #909399;
height: auto;
padding: 8px 15px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #313131;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #313131;
}
.navbar-default .navbar-nav {
margin: 8px 0;
}
.navbar-default .navbar-nav > li > a {
color: #909399;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #313131;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #1e67af;
background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #c0c4cc;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #1e67af;
background-color: transparent;
}
@media (max-width: 749px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #909399;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #313131;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #1e67af;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #c0c4cc;
background-color: transparent;
}
}
.navbar-default .navbar-toggle {
border-color: #dcdfe6;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #fafcff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #909399;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #dcdfe6;
}
.navbar-default .navbar-link {
color: #909399;
}
.navbar-default .navbar-link:hover {
color: #313131;
}
.navbar-default .btn-link {
color: #909399;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #313131;
}
.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #c0c4cc;
}
.navbar-inverse {
background-color: #313131;
border-color: #dcdfe6;
}
.navbar-inverse .navbar-brand {
color: #909399;
height: auto;
padding: 8px 15px;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #909399;
}
.navbar-inverse .navbar-nav {
margin: 8px 0;
}
.navbar-inverse .navbar-nav > li > a {
color: #909399;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #c0c4cc;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #1e67af;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #c0c4cc;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #1e67af;
background-color: transparent;
}
@media (max-width: 749px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #dcdfe6;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #dcdfe6;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #909399;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #c0c4cc;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #1e67af;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #c0c4cc;
background-color: transparent;
}
}
.navbar-inverse .navbar-toggle {
border-color: #e4e7ed;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #fafcff;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #1f1f21;
}
.navbar-inverse .navbar-link {
color: #909399;
}
.navbar-inverse .navbar-link:hover {
color: #c0c4cc;
}
.navbar-inverse .btn-link {
color: #909399;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #c0c4cc;
}
.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #c0c4cc;
}
.breadcrumb {
padding: 0;
font-size: 12px;
background-color: transparent;
font-weight: 400;
}
.breadcrumb a {
color: #313131;
}
.breadcrumb > li + li:before {
color: #313131;
}
.breadcrumb > .active {
color: black;
}
.pagination > li > a,
.pagination > li > span {
color: #313131;
background-color: #ffffff;
border: 1px solid #dcdfe6;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
color: #313131;
background-color: rgba(0, 0, 0, 0.04);
border-color: #dcdfe6;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
color: #313131;
background-color: rgba(0, 0, 0, 0.04);
border-color: #dcdfe6;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #313131;
background-color: rgba(0, 0, 0, 0.04);
border-color: #dcdfe6;
}
.pager li > a,
.pager li > span {
background-color: #ffffff;
border: 1px solid #dcdfe6;
}
.pager li > a:hover,
.pager li > a:focus {
background-color: rgba(0, 0, 0, 0.04);
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #313131;
background-color: #ffffff;
}
.label {
color: #ffffff;
}
a.label:hover,
a.label:focus {
color: #ffffff;
}
.label-default {
background-color: #313131;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #171819;
}
.label-primary {
background-color: #409eff;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #0d84ff;
}
.label-success {
background-color: #67c23a;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #529b2e;
}
.label-info {
background-color: #909399;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #767980;
}
.label-warning {
background-color: #e6a23c;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #d48a1b;
}
.label-danger {
background-color: #f56c6c;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #f23c3c;
}
.badge {
color: #ffffff;
background-color: #909399;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.04);
}
a.badge:hover,
a.badge:focus {
color: #ffffff;
}
.jumbotron {
color: inherit;
background-color: #f8f8f7;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron > hr {
border-top-color: #e0e0dc;
}
.thumbnail {
background: none;
border: 1px solid #dcdfe6;
border-radius: .75rem;
padding: 2px;
transition: box-shadow 0.3s;
}
.thumbnail:hover {
box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
}
.thumbnail .caption {
color: #313131;
display: flex;
padding: 24px 24px 32px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
background: rgb(255, 255, 255);
border-radius: 0px 0px 12px 12px;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #409eff;
}
.thumbnail img {
height: 200px; /* 원하는 고정 높이 값 */
object-fit: cover;
border-top-left-radius: .75rem;
border-top-right-radius: .75rem;
}
.alert-success {
color: #67c23a;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #529b2e;
}
.alert-info {
color: #909399;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #767980;
}
.alert-warning {
color: #e6a23c;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #d48a1b;
}
.alert-danger {
color: #f56c6c;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #f23c3c;
}
.progress {
background-color: #fafcff;
}
.progress-bar {
color: #313131;
background-color: #409eff;
}
.progress-bar-success {
background-color: #67c23a;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-info {
background-color: #909399;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-warning {
background-color: #e6a23c;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-danger {
background-color: #f56c6c;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
}
.list-group-item {
background-color: #ffffff;
border: 1px solid #dcdfe6;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #c0c4cc;
background-color: #f5f7fa;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #c0c4cc;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
color: #1e67af;
background-color: rgba(0, 0, 0, 0.04);
border-color: rgba(0, 0, 0, 0.04);
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: rgba(102, 102, 102, 0.04);
}
a.list-group-item,
button.list-group-item {
color: #909399;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #313131;
}
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
color: #313131;
background-color: #f5f7fa;
}
.list-group-item-success {
color: #67c23a;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #67c23a;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #67c23a;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #67c23a;
border-color: #67c23a;
}
.list-group-item-info {
color: #909399;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #909399;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #909399;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #909399;
border-color: #909399;
}
.list-group-item-warning {
color: #e6a23c;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #e6a23c;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #e6a23c;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #e6a23c;
border-color: #e6a23c;
}
.list-group-item-danger {
color: #f56c6c;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #f56c6c;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #f56c6c;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
}
.panel {
background-color: #ffffff;
border: 1px solid transparent;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #00000026;
box-shadow: 0 1px 4px #00000026;
}
.panel .panel-heading a {
color: #313131;
}
.panel .panel-heading a.collapsed {
color: #c0c4cc;
}
.content .panel {
color: #313131;
}
.panel-heading {
padding: 8px 15px;
border-bottom: 1px solid transparent;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
background-color: #fafcff;
border-top: 1px solid #dcdfe6;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ecece9;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #dcdfe6;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dcdfe6;
}
.panel-default {
border-color: transparent;
}
.panel-default > .panel-heading {
color: #313131;
background-color: #fafcff;
border-color: transparent;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: transparent;
}
.panel-default > .panel-heading .badge {
color: #fafcff;
background-color: #313131;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: transparent;
}
.panel-primary {
border-color: #409eff;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #409eff;
border-color: #409eff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #409eff;
}
.panel-primary > .panel-heading .badge {
color: #409eff;
background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #409eff;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #67c23a;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #67c23a;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #909399;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #909399;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #e6a23c;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #e6a23c;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #f56c6c;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #f56c6c;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.well {
background-color: #ffffff;
border: 1px solid transparent;
-webkit-box-shadow: 0 1px 4px #00000026;
box-shadow: 0 1px 4px #00000026;
}
.close {
color: #313131;
text-shadow: 0 1px 0 #313131;
}
.close:hover,
.close:focus {
color: #313131;
}
.modal {
color: inherit;
}
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
color: inherit;
}
.modal-content {
background-color: #ffffff;
border: 1px solid #dcdfe6;
border: 1px solid #dcdfe6;
}
.modal-footer {
background-color: #f5f7fa;
}
.modal-backdrop {
background-color: #000;
}
.tooltip.top .tooltip-arrow {
border-top-color: #313131;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #313131;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #313131;
}
.tooltip.right .tooltip-arrow {
border-right-color: #313131;
}
.tooltip.left .tooltip-arrow {
border-left-color: #313131;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #313131;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #313131;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #313131;
}
.tooltip-inner {
color: #ffffff;
background-color: #313131;
}
.popover {
background-color: rgba(248, 248, 247, 0.85);
border: 1px solid #dcdfe6;
border: 1px solid #dcdfe6;
color: inherit;
}
.popover h1,
.popover h2,
.popover h3,
.popover h4,
.popover h5,
.popover h6 {
color: inherit;
}
.popover.top > .arrow {
border-top-color: #a1a9bc;
border-top-color: #dcdfe6;
}
.popover.top > .arrow:after {
border-top-color: rgba(248, 248, 247, 0.85);
}
.popover.right > .arrow {
border-right-color: #a1a9bc;
border-right-color: #dcdfe6;
}
.popover.right > .arrow:after {
border-right-color: rgba(248, 248, 247, 0.85);
}
.popover.bottom > .arrow {
border-bottom-color: #a1a9bc;
border-bottom-color: #dcdfe6;
}
.popover.bottom > .arrow:after {
border-bottom-color: rgba(248, 248, 247, 0.85);
}
.popover.left > .arrow {
border-left-color: #a1a9bc;
border-left-color: #dcdfe6;
}
.popover.left > .arrow:after {
border-left-color: rgba(248, 248, 247, 0.85);
}
.popover-title {
background-color: #fafcff;
border-bottom: 1px solid #e1edff;
}
.carousel-control {
color: #313131;
text-shadow: none;
}
.carousel-control:hover,
.carousel-control:focus {
color: #313131;
}
.carousel-indicators li {
border: 1px solid #dcdfe6;
}
.carousel-indicators .active {
background-color: rgba(0, 0, 0, 0.04);
}
.carousel-caption {
color: #313131;
text-shadow: none;
}
/***********************************/
/** SIDEBAR **/
/**********************************/
.sidebar {
color: #313131;
}
.side-nav li.active a {
color: #409eff;
background: #ffffff;
}
.side-nav li .category-label {
padding: 10px;
display: block;
}
.side-nav li .category-label.active {
color: #409eff;
}
.side-nav li a {
padding: 4px 10px 4px 35px;
}
.side-nav li a:hover,
.side-nav li a:focus {
background: #ffffff;
}
.side-nav .panel-collapse li a:hover,
.side-nav .panel-collapse li a:focus {
background: #ffffff;
}
.sidebar-labels > li > a {
color: #909399;
}
.sidebar-labels > li > a:hover {
color: #313131;
}
.sidebar-alerts .alert .close {
color: #313131;
}
.sidebar-nav-title .action-link {
color: #313131;
}
/***********************************/
/** CONTENT **/
/**********************************/
/*content except of header*/
.content .content-footer {
color: #c0c4cc;
}
/***********************************/
/** WIDGET **/
/**********************************/
.widget {
color: #313131;
background: #fff;
/*border: 1px solid transparent !important;*/
border-radius: 24px;
box-shadow: 0 0 32px 0 rgba(0, 0, 0, .06);
border: none !important;
/*display: flex;*/
/*align-items: flex-start;*/
/*gap: 32px;*/
/*border-radius: 24px;*/
/*background: #fbfbfa;*/
/*box-shadow: 0 0 32px 0 rgba(0, 0, 0, .06);*/
/*border: none !important;*/
/*transition: box-shadow 0.3s;*/
}
.widget:hover {
/*box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);*/
}
.widget > header {
color: #313131;
}
.widget > header h1 small,
.widget > header h2 small,
.widget > header h3 small,
.widget > header h4 small,
.widget > header h5 small {
color: #313131;
opacity: 0.7;
}
.widget-controls > a,
.widget-controls > span {
color: #909399;
}
.widget-controls > a:hover {
color: #313131;
}
/***********************************/
/** HEADER **/
/**********************************/
.page-header .navbar .nav li.dropdown.open > .dropdown-toggle,
.page-header .navbar .nav li.dropdown.active > .dropdown-toggle,
.page-header .navbar .nav li.dropdown.open.active > .dropdown-toggle {
color: #313131;
}
.page-header .navbar .nav li.dropdown.open > .dropdown-toggle:hover,
.page-header .navbar .nav li.dropdown.open > .dropdown-toggle:focus,
.page-header .navbar .nav li.dropdown.active > .dropdown-toggle:hover,
.page-header .navbar .nav li.dropdown.active > .dropdown-toggle:focus,
.page-header .navbar .nav li.dropdown.open.active > .dropdown-toggle:hover,
.page-header .navbar .nav li.dropdown.open.active > .dropdown-toggle:focus {
color: #ffffff;
}
.page-header .navbar .nav > li > a:focus,
.page-header .navbar .nav > li > a:hover,
.page-header .navbar .nav > .active > a,
.page-header .navbar .nav > .active > a:hover,
.page-header .navbar .nav > .active > a:focus {
color: #ffffff;
}
.page-header .nav > li > a {
color: #313131;
}
.page-header .nav > li > a:hover {
color: #ffffff;
}
.page-header .nav > li.divider {
background: linear-gradient(rgba(0, 0, 0, 0), #313131, rgba(102, 102, 102, 0));
}
.page-header .search-query {
color: #313131;
background: url(/cover/img/search.png) 5px 5px no-repeat;
}
.page-header .search-query::-moz-placeholder {
color: #a8abb2;
opacity: 1;
}
.page-header .search-query:-ms-input-placeholder {
color: #a8abb2;
}
.page-header .search-query::-webkit-input-placeholder {
color: #a8abb2;
}
.page-header .navbar .nav > li > .dropdown-menu:after {
border-bottom: 6px solid rgba(248, 248, 247, 0.85);
}
.page-title {
color: #313131;
font-weight: 500;
}
.page-title small {
color: #313131;
opacity: 0.7;
}
.notifications .alert {
color: #313131;
}
.notifications .alert a {
color: #313131;
}
/***********************************/
/** MESSAGES **/
/**********************************/
.messages {
background: rgba(255, 255, 255, 0.85);
color: #313131;
}
.navbar .nav > li > .messages:after {
border-bottom-color: rgba(248, 248, 247, 0.85);
}
.navbar .nav > li > .messages > li > a {
color: #313131;
}
.navbar .nav > li > .messages > li > a:hover,
.navbar .nav > li > .messages > li > a:focus {
background-color: #409eff;
}
.message .text {
color: #909399;
}
/***********************************/
/** SUPPORT **/
/**********************************/
.support {
background: rgba(255, 255, 255, 0.85);
color: #313131;
}
.navbar .nav > li > .support:after {
border-bottom-color: rgba(248, 248, 247, 0.85);
}
.navbar .nav > li > .support > li > a {
color: #313131;
}
.navbar .nav > li > .support > li > a:hover,
.navbar .nav > li > .support > li > a:focus {
background-color: #409eff;
}
/***********************************/
/** SETTINGS **/
/**********************************/
.settings-popover {
background: rgba(255, 255, 255, 0.85);
color: #313131;
}
.settings-popover.bottom .arrow:after {
border-bottom-color: rgba(248, 248, 247, 0.85);
}
/***********************************/
/** ACCOUNT **/
/**********************************/
.account {
background: rgba(255, 255, 255, 0.85);
color: #313131;
}
.navbar .nav > li > .account:after {
border-bottom-color: rgba(248, 248, 247, 0.85);
}
.account > li > a {
color: #313131;
}
.account > li > a:hover,
.account > li > a:focus {
background-color: #409eff;
color: #313131;
}
/***********************************/
/** BUTTONS **/
/**********************************/
/* Custom behavior. For overridden bootstrap btns see bootstrap-override */
.btn-transparent {
color: #313131;
}
.btn-transparent:hover {
background: #313131;
color: #313131;
}
.btn-transparent.active {
color: #313131;
background: #fafcff;
}
.btn-transparent.active:hover {
background: #fafcff;
}
.btn-transparent .caret {
border-top-color: #313131;
}
/***********************************/
/** FORMS **/
/**********************************/
.section {
color: #c0c4cc;
}
.section small {
color: #c0c4cc;
}
.form-control.input-transparent {
color: #313131;
background-color: #ffffff;
}
.form-control.input-transparent::-moz-placeholder {
color: #a8abb2;
opacity: 1;
}
.form-control.input-transparent:-ms-input-placeholder {
color: #a8abb2;
}
.form-control.input-transparent::-webkit-input-placeholder {
color: #a8abb2;
}
.form-control.input-transparent:focus {
color: #313131;
}
.form-control.input-transparent[disabled],
.form-control.input-transparent[readonly],
fieldset[disabled] .form-control.input-transparent {
background-color: white;
}
.form-actions {
background-color: #f5f7fa;
}
.wizard-navigation a {
color: #313131;
}
/***********************************/
/** TABS **/
/**********************************/
.widget-tabs .body {
background: #ffffff;
}
.widget-tabs .nav > li > a {
color: #313131;
}
.widget-tabs .nav > li.active > a {
background: #ffffff;
}
.widget-tabs .nav > li.active > a:hover {
color: #313131;
}
.widget-tabs .nav > li:not(.active) > a {
background: #ffffff;
}
.widget-tabs .nav > li:not(.active) > a:hover {
background: rgba(230, 229, 229, 0.4);
}
.widget:not(.widget-tabs) .tab-content {
background: #ffffff;
}
.tab-header {
color: #313131;
}
/***********************************/
/** PROGRESSBARS **/
/**********************************/
.progress-inverse .bar,
.progress .progress-bar-inverse {
color: #ffffff;
background-color: #313131;
background-image: -webkit-linear-gradient(top, #313131 0%, #313131 100%);
background-image: -o-linear-gradient(top, #313131 0%, #313131 100%);
background-image: linear-gradient(to bottom, #313131 0%, #313131 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF303133', endColorstr='#FF303133', GradientType=0);
background-repeat: repeat-x;
}
.progress-inverse.progress-striped .bar,
.progress-striped .progress-bar-inverse {
background-image: -webkit-linear-gradient(
45deg,
#313131 25%,
transparent 25%,
transparent 50%,
#313131 50%,
#313131 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
45deg,
#313131 25%,
transparent 25%,
transparent 50%,
#313131 50%,
#313131 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
45deg,
#313131 25%,
transparent 25%,
transparent 50%,
#313131 50%,
#313131 75%,
transparent 75%,
transparent
);
}
/***********************************/
/** TABLES **/
/**********************************/
.table th {
font-weight: 300;
color: #121212;
}
.widget .table th {
color: #313131;
}
.table-editable th a {
color: #313131;
}
.table-editable td.editor input[type="text"] {
color: #313131;
}
/***********************************/
/** LIVE GRID **/
/**********************************/
.bg-addition {
background-color: #f5f7fa !important;
}
/***********************************/
/* custom widgets classes (email widget, charts, etc). This file can be removed. */
/***********************************/
/***********************************/
/** FEED **/
/**********************************/
.feed .vertical-line {
background: transparent;
}
.feed-item .icon {
background: #ffffff;
color: #313131;
}
.feed-item-body .time {
color: #c0c4cc;
}
/***********************************/
/** BOXES **/
/**********************************/
/*boxes*/
.box {
background: #ffffff;
color: #313131;
}
/***********************************/
/** CHARTS **/
/**********************************/
.pie-chart .visits {
color: #313131;
}
.pie-chart-footer .control {
background: #f5f7fa;
color: #313131;
}
.visits-info .key {
color: #313131;
}
/***********************************/
/** NEWS LIST **/
/**********************************/
/**
* Legacy .users-list. Will be removed in next release.
*/
.news-list li,
.users-list li {
border-top: 1px solid #f5f7fa;
}
.news-list li:hover,
.users-list li:hover {
background: #f5f7fa;
}
.news-list .name a:hover,
.users-list .name a:hover {
color: #409eff;
}
.news-list .time,
.users-list .time {
color: #c0c4cc;
}
.news-list .comment,
.users-list .comment {
color: #313131;
}
/***********************************/
/** LOGIN **/
/**********************************/
.login-widget .form-actions .forgot,
.registration-widget .form-actions .forgot {
color: #313131;
}
.login-widget .facebook-login,
.registration-widget .facebook-login {
background: #2477ff;
}
.login-widget .facebook-login a,
.registration-widget .facebook-login a {
color: #ffffff;
}
/***********************************/
/** CHAT **/
/**********************************/
.chat-message .time {
color: #c0c4cc;
}
.chat-message-body {
border-left: 2px solid #e6e5e5;
}
.chat-message-body.on-left {
border-right: 2px solid #e6e5e5;
}
.chat-message-body.on-left .arrow {
border-left: 5px solid #e6e5e5;
}
.chat-message-body .arrow {
border-right: 5px solid #e6e5e5;
}
/***********************************/
/** ICON LIST **/
/***********************************/
.icon-list-item > a {
color: #313131;
}
/***********************/
/* Notifications */
/***********************/
.location-selector {
border: 1px dashed #dcdfe6;
background-color: #f5f7fa;
}
.location-selector .bit {
background-color: #d3dce9;
}
.location-selector .bit:hover {
background-color: #c2cee1;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: #dcdfe6;
border-top-color: #dcdfe6;
}
/***************************/
/* Navs */
/***************************/
.tabs-below > .nav-tabs {
border-top: none;
}
.tabs-left > .nav-tabs {
border-right: none;
}
.tabs-right > .nav-tabs {
border-left: none;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #dcdfe6;
border-right-color: #dcdfe6;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #dcdfe6;
border-left-color: #dcdfe6;
}
.category-label {
font-size: 14px !important;
font-weight: 500;
color: #313131;
}
.category-sub-label {
font-size: 13px !important;
font-weight: 500;
color: #313131;
}
/***************************/
/* Devtools */
/***************************/
.tools[data-v-5f164deb] {
width: 80px;
height: 80px;
display: inline-block;
padding: 10px;
margin: 10px 10px 10px 10px;
border-radius: 10px;
font-weight: 400;
background-color: #f3f3f3;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.301);
}
.tool-name[data-v-5f164deb] {
color: #313131;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
}
.tools[data-v-5f164deb] {
width: 80px;
height: 80px;
display: inline-block;
padding: 10px;
margin: 10px 10px 10px 10px;
font-weight: 400;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #e3e2e4;
border-radius: 8px;
box-shadow: 0 1px 6px #0000000d;
transition: 318ms;
}
/***************************/
/* 모바일 화면 메뉴 버그 */
/***************************/
.navbar-collapse.in {
overflow-y: visible;
}
/***********************************/
/** SEARCH **/
/**********************************/
.search-result {
padding: 5px 15px 5px 10px;
margin-bottom: 10px;
border-left: 5px solid rgba(0, 0, 0, 0.1);
}
.search-result h4 {
margin: 0;
}
.search-result:nth-child(even) {
background: rgba(0, 0, 0, 0.04);
}
.search-result:hover {
cursor: pointer;
padding-left: 10px;
border-left-color: rgba(0, 0, 0, 0.2);
-webkit-transition: border-left-color 0.2s;
-moz-transition: border-left-color 0.2s;
-o-transition: border-left-color 0.2s;
transition: border-left-color 0.2s;
}
.search-result > p {
margin-bottom: 0px;
}
.noPaddingSide {
padding-left: 0px !important;
padding-right: 0px !important;
}
.fixCenterLeftRight {
margin-left: -15px;
margin-right: -15px;
}
.tab-content {
overflow: hidden !important;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow:
}