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: }