From 939e4cba3e1e3cad70b2b54c6c6b02c90011dd85 Mon Sep 17 00:00:00 2001 From: snipe Date: Wed, 6 Mar 2024 20:05:16 +0000 Subject: [PATCH 01/25] Updated prod assets Signed-off-by: snipe --- public/css/build/AdminLTE.css | 5437 +- public/css/build/app.css | 1146 +- public/css/build/overrides.css | 779 +- public/css/dist/all.css | 7362 +-- public/css/dist/skins/skin-black-dark.css | 555 +- public/css/dist/skins/skin-black-dark.min.css | 555 +- public/css/dist/skins/skin-black.css | 220 +- public/css/dist/skins/skin-black.min.css | 220 +- public/css/dist/skins/skin-blue-dark.css | 527 +- public/css/dist/skins/skin-blue-dark.min.css | 527 +- public/css/dist/skins/skin-blue.css | 240 +- public/css/dist/skins/skin-blue.min.css | 240 +- public/css/dist/skins/skin-contrast.css | 228 +- public/css/dist/skins/skin-contrast.min.css | 228 +- public/css/dist/skins/skin-green-dark.css | 514 +- public/css/dist/skins/skin-green-dark.min.css | 514 +- public/css/dist/skins/skin-green.css | 212 +- public/css/dist/skins/skin-green.min.css | 212 +- public/css/dist/skins/skin-orange-dark.css | 515 +- .../css/dist/skins/skin-orange-dark.min.css | 515 +- public/css/dist/skins/skin-orange.css | 207 +- public/css/dist/skins/skin-orange.min.css | 207 +- public/css/dist/skins/skin-purple-dark.css | 522 +- .../css/dist/skins/skin-purple-dark.min.css | 522 +- public/css/dist/skins/skin-purple.css | 207 +- public/css/dist/skins/skin-purple.min.css | 207 +- public/css/dist/skins/skin-red-dark.css | 533 +- public/css/dist/skins/skin-red-dark.min.css | 533 +- public/css/dist/skins/skin-red.css | 214 +- public/css/dist/skins/skin-red.min.css | 214 +- public/css/dist/skins/skin-yellow-dark.css | 485 +- .../css/dist/skins/skin-yellow-dark.min.css | 485 +- public/css/dist/skins/skin-yellow.css | 221 +- public/css/dist/skins/skin-yellow.min.css | 221 +- public/js/build/app.js | 47097 +--------------- public/js/dist/all.js | 47097 +--------------- public/mix-manifest.json | 69 +- 37 files changed, 59 insertions(+), 119728 deletions(-) diff --git a/public/css/build/AdminLTE.css b/public/css/build/AdminLTE.css index ccebc2f51..a5db4de5c 100644 --- a/public/css/build/AdminLTE.css +++ b/public/css/build/AdminLTE.css @@ -5,5439 +5,4 @@ * Support: * Repository: git://github.com/ColorlibHQ/AdminLTE.git * License: MIT - */ -/* - * Core: General Layout Style - * ------------------------- - */ -html, -body { - height: 100%; -} -.layout-boxed html, -.layout-boxed body { - height: 100%; -} -body { - font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 400; - overflow-x: hidden; - overflow-y: auto; -} -/* Layout */ -.wrapper { - height: 100%; - position: relative; - overflow-x: hidden; - overflow-y: auto; -} -.wrapper:before, -.wrapper:after { - content: " "; - display: table; -} -.wrapper:after { - clear: both; -} -.layout-boxed .wrapper { - max-width: 1250px; - margin: 0 auto; - min-height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); - position: relative; -} -.layout-boxed { - background-color: #f9fafc; -} -/* - * Content Wrapper - contains the main content - */ -.content-wrapper, -.main-footer { - transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; - margin-left: 230px; - z-index: 820; -} -.layout-top-nav .content-wrapper, -.layout-top-nav .main-footer { - margin-left: 0; -} -@media (max-width: 767px) { - .content-wrapper, - .main-footer { - margin-left: 0; - } -} -@media (min-width: 768px) { - .sidebar-collapse .content-wrapper, - .sidebar-collapse .main-footer { - margin-left: 0; - } -} -@media (max-width: 767px) { - .sidebar-open .content-wrapper, - .sidebar-open .main-footer { - transform: translate(230px, 0); - } -} -.content-wrapper { - min-height: calc(100vh - 101px); - background-color: #ecf0f5; - z-index: 800; -} -@media (max-width: 767px) { - .content-wrapper { - min-height: calc(100vh - 151px); - } -} -.main-footer { - background: #fff; - padding: 15px; - color: #444; - border-top: 1px solid #d2d6de; -} -/* Fixed layout */ -.fixed .main-header, -.fixed .main-sidebar, -.fixed .left-side { - position: fixed; -} -.fixed .main-header { - top: 0; - right: 0; - left: 0; -} -.fixed .content-wrapper, -.fixed .right-side { - padding-top: 50px; -} -@media (max-width: 767px) { - .fixed .content-wrapper, - .fixed .right-side { - padding-top: 100px; - } -} -.fixed.layout-boxed .wrapper { - max-width: 100%; -} -.fixed .wrapper { - overflow: hidden; -} -.hold-transition .content-wrapper, -.hold-transition .right-side, -.hold-transition .main-footer, -.hold-transition .main-sidebar, -.hold-transition .left-side, -.hold-transition .main-header .navbar, -.hold-transition .main-header .logo, -.hold-transition .menu-open .fa-angle-left { - /* Fix for IE */ - transition: none; -} -/* Content */ -.content { - min-height: 250px; - padding: 15px; - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; -} -/* H1 - H6 font */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: 'Source Sans Pro', sans-serif; -} -/* General Links */ -a { - color: #3c8dbc; -} -a:hover, -a:active, -a:focus { - outline: none; - text-decoration: none; - color: #72afd2; -} -/* Page Header */ -.page-header { - margin: 10px 0 20px 0; - font-size: 22px; -} -.page-header > small { - color: #666; - display: block; - margin-top: 5px; -} -/* - * Component: Main Header - * ---------------------- - */ -.main-header { - position: relative; - max-height: 100px; - z-index: 1030; -} -.main-header .navbar { - transition: margin-left 0.3s ease-in-out; - margin-bottom: 0; - margin-left: 230px; - border: none; - min-height: 50px; - border-radius: 0; -} -.layout-top-nav .main-header .navbar { - margin-left: 0; -} -.main-header #navbar-search-input.form-control { - background: rgba(255, 255, 255, 0.2); - border-color: transparent; -} -.main-header #navbar-search-input.form-control:focus, -.main-header #navbar-search-input.form-control:active { - border-color: rgba(0, 0, 0, 0.1); - background: rgba(255, 255, 255, 0.9); -} -.main-header #navbar-search-input.form-control::-moz-placeholder { - color: #ccc; - opacity: 1; -} -.main-header #navbar-search-input.form-control:-ms-input-placeholder { - color: #ccc; -} -.main-header #navbar-search-input.form-control::-webkit-input-placeholder { - color: #ccc; -} -.main-header .navbar-custom-menu, -.main-header .navbar-right { - float: right; -} -@media (max-width: 991px) { - .main-header .navbar-custom-menu a, - .main-header .navbar-right a { - color: inherit; - background: transparent; - } -} -@media (max-width: 767px) { - .main-header .navbar-right { - float: none; - } - .navbar-collapse .main-header .navbar-right { - margin: 7.5px -15px; - } - .main-header .navbar-right > li { - color: inherit; - border: 0; - } -} -.main-header .sidebar-toggle { - float: left; - background-color: transparent; - background-image: none; - padding: 15px 15px; - font-family: fontAwesome; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; -} -.main-header .sidebar-toggle:hover { - color: #fff; -} -.main-header .sidebar-toggle:focus, -.main-header .sidebar-toggle:active { - background: transparent; -} -.main-header .sidebar-toggle.fa5 { - font-family: "Font Awesome\ 5 Free"; -} -.main-header .sidebar-toggle.fa5:before { - content: "\f0c9"; - font-weight: 900; -} -.main-header .sidebar-toggle .icon-bar { - display: none; -} -.main-header .navbar .nav > li.user > a > .fa, -.main-header .navbar .nav > li.user > a > .glyphicon, -.main-header .navbar .nav > li.user > a > .ion { - margin-right: 5px; -} -.main-header .navbar .nav > li > a > .label { - position: absolute; - top: 9px; - right: 7px; - text-align: center; - font-size: 9px; - padding: 2px 3px; - line-height: 0.9; -} -.main-header .logo { - transition: width 0.3s ease-in-out; - display: block; - float: left; - height: 50px; - font-size: 20px; - line-height: 50px; - text-align: center; - width: 230px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - padding: 0 15px; - font-weight: 300; - overflow: hidden; -} -.main-header .logo img { - padding: 4px; - -o-object-fit: contain; - object-fit: contain; - margin: 0 auto; -} -.main-header .logo .logo-lg { - display: block; -} -.main-header .logo .logo-lg img { - max-width: 200px; - max-height: 50px; -} -.main-header .logo .logo-lg .brandlogo-image { - margin-top: 8px; - margin-right: 10px; - margin-left: -5px; -} -.main-header .logo .logo-mini { - display: none; -} -.main-header .logo .logo-mini img { - max-width: 50px; - max-height: 50px; -} -.main-header .logo .logo-mini .brandlogo-image { - margin-top: 8px; - margin-right: 10px; - margin-left: 10px; -} -.main-header .logo .brandlogo-image { - float: left; - height: 34px; - width: auto; -} -.main-header .navbar-brand { - color: #fff; -} -.content-header { - position: relative; - padding: 15px 15px 0 15px; -} -.content-header > h1 { - margin: 0; - font-size: 24px; -} -.content-header > h1 > small { - font-size: 15px; - display: inline-block; - padding-left: 4px; - font-weight: 300; -} -.content-header > .breadcrumb { - float: right; - background: transparent; - margin-top: 0; - margin-bottom: 0; - font-size: 12px; - padding: 7px 5px; - position: absolute; - top: 15px; - right: 10px; - border-radius: 2px; -} -.content-header > .breadcrumb > li > a { - color: #444; - text-decoration: none; - display: inline-block; -} -.content-header > .breadcrumb > li > a > .fa, -.content-header > .breadcrumb > li > a > .glyphicon, -.content-header > .breadcrumb > li > a > .ion { - margin-right: 5px; -} -.content-header > .breadcrumb > li + li:before { - content: '>\00a0'; -} -@media (max-width: 991px) { - .content-header > .breadcrumb { - position: relative; - margin-top: 5px; - top: 0; - right: 0; - float: none; - background: #d2d6de; - padding-left: 10px; - } - .content-header > .breadcrumb li:before { - color: #97a0b3; - } -} -.navbar-toggle { - color: #fff; - border: 0; - margin: 0; - padding: 15px 15px; -} -@media (max-width: 991px) { - .navbar-custom-menu .navbar-nav > li { - float: left; - } - .navbar-custom-menu .navbar-nav { - margin: 0; - float: left; - } - .navbar-custom-menu .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - line-height: 20px; - } -} -@media (max-width: 767px) { - .main-header { - position: relative; - } - .main-header .logo, - .main-header .navbar { - width: 100%; - float: none; - } - .main-header .navbar { - margin: 0; - } - .main-header .navbar-custom-menu { - float: right; - } -} -@media (max-width: 991px) { - .navbar-collapse.pull-left { - float: none !important; - } - .navbar-collapse.pull-left + .navbar-custom-menu { - display: block; - position: absolute; - top: 0; - right: 40px; - } -} -/* - * Component: Sidebar - * ------------------ - */ -.main-sidebar { - position: absolute; - top: 0; - left: 0; - padding-top: 50px; - min-height: 100%; - width: 230px; - z-index: 810; - transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; -} -@media (max-width: 767px) { - .main-sidebar { - padding-top: 100px; - } -} -@media (max-width: 767px) { - .main-sidebar { - transform: translate(-230px, 0); - } -} -@media (min-width: 768px) { - .sidebar-collapse .main-sidebar { - transform: translate(-230px, 0); - } -} -@media (max-width: 767px) { - .sidebar-open .main-sidebar { - transform: translate(0, 0); - } -} -.sidebar { - padding-bottom: 10px; -} -.sidebar-form input:focus { - border-color: transparent; -} -.user-panel { - position: relative; - width: 100%; - padding: 10px; - overflow: hidden; -} -.user-panel:before, -.user-panel:after { - content: " "; - display: table; -} -.user-panel:after { - clear: both; -} -.user-panel > .image > img { - width: 100%; - max-width: 45px; - height: auto; -} -.user-panel > .info { - padding: 5px 5px 5px 15px; - line-height: 1; - position: absolute; - left: 55px; -} -.user-panel > .info > p { - font-weight: 600; - margin-bottom: 9px; -} -.user-panel > .info > a { - text-decoration: none; - padding-right: 5px; - margin-top: 3px; - font-size: 11px; -} -.user-panel > .info > a > .fa, -.user-panel > .info > a > .ion, -.user-panel > .info > a > .glyphicon { - margin-right: 3px; -} -.sidebar-menu { - list-style: none; - margin: 0; - padding: 0; -} -.sidebar-menu > li { - position: relative; - margin: 0; - padding: 0; -} -.sidebar-menu > li > a { - padding: 12px 5px 12px 15px; - display: block; -} -.sidebar-menu > li > a > .fa, -.sidebar-menu > li > a > .glyphicon, -.sidebar-menu > li > a > .ion { - width: 20px; -} -.sidebar-menu > li .label, -.sidebar-menu > li .badge { - margin-right: 5px; -} -.sidebar-menu > li .badge { - margin-top: 3px; -} -.sidebar-menu li.header { - padding: 10px 25px 10px 15px; - font-size: 12px; -} -.sidebar-menu li > a > .fa-angle-left, -.sidebar-menu li > a > .pull-right-container > .fa-angle-left { - width: auto; - height: auto; - padding: 0; - margin-right: 10px; - transition: transform 0.5s ease; -} -.sidebar-menu li > a > .fa-angle-left { - position: absolute; - top: 50%; - right: 10px; - margin-top: -8px; -} -.sidebar-menu .menu-open > a > .fa-angle-left, -.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left { - transform: rotate(-90deg); -} -.sidebar-menu .active > .treeview-menu { - display: block; -} -/* - * Component: Sidebar Mini - */ -@media (min-width: 768px) { - .sidebar-mini.sidebar-collapse .content-wrapper, - .sidebar-mini.sidebar-collapse .right-side, - .sidebar-mini.sidebar-collapse .main-footer { - margin-left: 50px !important; - z-index: 840; - } - .sidebar-mini.sidebar-collapse .main-sidebar { - transform: translate(0, 0); - width: 50px !important; - z-index: 850; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li { - position: relative; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { - margin-right: 0; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { - border-top-right-radius: 4px; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { - border-bottom-right-radius: 4px; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { - padding-top: 5px; - padding-bottom: 5px; - border-bottom-right-radius: 4px; - } - .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, - .sidebar-mini.sidebar-collapse .sidebar-form, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right, - .sidebar-mini.sidebar-collapse .sidebar-menu li.header { - display: none !important; - -webkit-transform: translateZ(0); - } - .sidebar-mini.sidebar-collapse .main-header .logo { - width: 50px; - } - .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { - display: block; - margin-left: -15px; - margin-right: -15px; - font-size: 18px; - } - .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { - display: none; - } - .sidebar-mini.sidebar-collapse .main-header .navbar { - margin-left: 50px; - } -} -@media (min-width: 768px) { - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { - display: block !important; - position: absolute; - width: 180px; - left: 50px; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span { - top: 0; - margin-left: -3px; - padding: 12px 5px 12px 20px; - background-color: inherit; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { - position: relative !important; - float: right; - width: auto !important; - left: 180px !important; - top: -22px !important; - z-index: 900; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { - display: none; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { - top: 44px; - margin-left: 0; - } -} -.sidebar-expanded-on-hover .main-footer, -.sidebar-expanded-on-hover .content-wrapper { - margin-left: 50px; -} -.sidebar-expanded-on-hover .main-sidebar { - box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125); -} -.sidebar-menu, -.main-sidebar .user-panel, -.sidebar-menu > li.header { - white-space: nowrap; - overflow: hidden; -} -.sidebar-menu:hover { - overflow: visible; -} -.sidebar-form, -.sidebar-menu > li.header { - overflow: hidden; - text-overflow: clip; -} -.sidebar-menu li > a { - position: relative; -} -.sidebar-menu li > a > .pull-right-container { - position: absolute; - right: 10px; - top: 50%; - margin-top: -7px; -} -/* - * Component: Control sidebar. By default, this is the right sidebar. - */ -.control-sidebar-bg { - position: fixed; - z-index: 1000; - bottom: 0; -} -.control-sidebar-bg, -.control-sidebar { - top: 0; - right: -230px; - width: 230px; - transition: right 0.3s ease-in-out; -} -.control-sidebar { - position: absolute; - padding-top: 50px; - z-index: 1010; -} -@media (max-width: 767px) { - .control-sidebar { - padding-top: 100px; - } -} -.control-sidebar > .tab-content { - padding: 10px 15px; -} -.control-sidebar.control-sidebar-open, -.control-sidebar.control-sidebar-open + .control-sidebar-bg { - right: 0; -} -.control-sidebar-hold-transition .control-sidebar-bg, -.control-sidebar-hold-transition .control-sidebar, -.control-sidebar-hold-transition .content-wrapper { - transition: none; -} -.control-sidebar-open .control-sidebar-bg, -.control-sidebar-open .control-sidebar { - right: 0; -} -@media (min-width: 768px) { - .control-sidebar-open .content-wrapper, - .control-sidebar-open .right-side, - .control-sidebar-open .main-footer { - margin-right: 230px; - } -} -.fixed .control-sidebar { - position: fixed; - height: 100%; - overflow-y: auto; - padding-bottom: 50px; -} -.nav-tabs.control-sidebar-tabs > li:first-of-type > a, -.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, -.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { - border-left-width: 0; -} -.nav-tabs.control-sidebar-tabs > li > a { - border-radius: 0; -} -.nav-tabs.control-sidebar-tabs > li > a, -.nav-tabs.control-sidebar-tabs > li > a:hover { - border-top: none; - border-right: none; - border-left: 1px solid transparent; - border-bottom: 1px solid transparent; -} -.nav-tabs.control-sidebar-tabs > li > a .icon { - font-size: 16px; -} -.nav-tabs.control-sidebar-tabs > li.active > a, -.nav-tabs.control-sidebar-tabs > li.active > a:hover, -.nav-tabs.control-sidebar-tabs > li.active > a:focus, -.nav-tabs.control-sidebar-tabs > li.active > a:active { - border-top: none; - border-right: none; - border-bottom: none; -} -@media (max-width: 768px) { - .nav-tabs.control-sidebar-tabs { - display: table; - } - .nav-tabs.control-sidebar-tabs > li { - display: table-cell; - } -} -.control-sidebar-heading { - font-weight: 400; - font-size: 16px; - padding: 10px 0; - margin-bottom: 10px; -} -.control-sidebar-subheading { - display: block; - font-weight: 400; - font-size: 14px; -} -.control-sidebar-menu { - list-style: none; - padding: 0; - margin: 0 -15px; -} -.control-sidebar-menu > li > a { - display: block; - padding: 10px 15px; -} -.control-sidebar-menu > li > a:before, -.control-sidebar-menu > li > a:after { - content: " "; - display: table; -} -.control-sidebar-menu > li > a:after { - clear: both; -} -.control-sidebar-menu > li > a > .control-sidebar-subheading { - margin-top: 0; -} -.control-sidebar-menu .menu-icon { - float: left; - width: 35px; - height: 35px; - border-radius: 50%; - text-align: center; - line-height: 35px; -} -.control-sidebar-menu .menu-info { - margin-left: 45px; - margin-top: 3px; -} -.control-sidebar-menu .menu-info > .control-sidebar-subheading { - margin: 0; -} -.control-sidebar-menu .menu-info > p { - margin: 0; - font-size: 11px; -} -.control-sidebar-menu .progress { - margin: 0; -} -.control-sidebar-dark { - color: #b8c7ce; -} -.control-sidebar-dark, -.control-sidebar-dark + .control-sidebar-bg { - background: #222d32; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs { - border-bottom: #1c2529; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { - background: #181f23; - color: #b8c7ce; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { - border-left-color: #141a1d; - border-bottom-color: #141a1d; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { - background: #1c2529; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { - color: #fff; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { - background: #222d32; - color: #fff; -} -.control-sidebar-dark .control-sidebar-heading, -.control-sidebar-dark .control-sidebar-subheading { - color: #fff; -} -.control-sidebar-dark .control-sidebar-menu > li > a:hover { - background: #1e282c; -} -.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { - color: #b8c7ce; -} -.control-sidebar-light { - color: #5e5e5e; -} -.control-sidebar-light, -.control-sidebar-light + .control-sidebar-bg { - background: #f9fafc; - border-left: 1px solid #d2d6de; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs { - border-bottom: #d2d6de; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { - background: #e8ecf4; - color: #444; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { - border-left-color: #d2d6de; - border-bottom-color: #d2d6de; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { - background: #eff1f7; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { - background: #f9fafc; - color: #111; -} -.control-sidebar-light .control-sidebar-heading, -.control-sidebar-light .control-sidebar-subheading { - color: #111; -} -.control-sidebar-light .control-sidebar-menu { - margin-left: -14px; -} -.control-sidebar-light .control-sidebar-menu > li > a:hover { - background: #f4f4f5; -} -.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { - color: #5e5e5e; -} -/* - * Component: Dropdown menus - * ------------------------- - */ -/*Dropdowns in general*/ -.dropdown-menu { - box-shadow: none; - border-color: #eee; -} -.dropdown-menu > li > a { - color: #777; -} -.dropdown-menu > li > a > .glyphicon, -.dropdown-menu > li > a > .fa, -.dropdown-menu > li > a > .ion { - margin-right: 10px; -} -.dropdown-menu > li > a:hover { - background-color: #e1e3e9; - color: #333; -} -.dropdown-menu > .divider { - background-color: #eee; -} -.navbar-nav > .notifications-menu > .dropdown-menu, -.navbar-nav > .messages-menu > .dropdown-menu, -.navbar-nav > .tasks-menu > .dropdown-menu { - width: 280px; - padding: 0 0 0 0; - margin: 0; - top: 100%; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li, -.navbar-nav > .messages-menu > .dropdown-menu > li, -.navbar-nav > .tasks-menu > .dropdown-menu > li { - position: relative; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li.header, -.navbar-nav > .messages-menu > .dropdown-menu > li.header, -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #ffffff; - padding: 7px 10px; - border-bottom: 1px solid #f4f4f4; - color: #444444; - font-size: 14px; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, -.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, -.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - font-size: 12px; - background-color: #fff; - padding: 7px 10px; - border-bottom: 1px solid #eeeeee; - color: #444 !important; - text-align: center; -} -@media (max-width: 991px) { - .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, - .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, - .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { - background: #fff !important; - color: #444 !important; - } -} -.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, -.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, -.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { - text-decoration: none; - font-weight: normal; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu, -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu { - max-height: 200px; - margin: 0; - padding: 0; - list-style: none; - overflow-x: hidden; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { - display: block; - white-space: nowrap; - /* Prevent text from breaking */ - border-bottom: 1px solid #f4f4f4; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { - background: #f4f4f4; - text-decoration: none; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { - color: #444444; - overflow: hidden; - text-overflow: ellipsis; - padding: 10px; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { - width: 20px; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { - margin: 0; - padding: 10px 10px; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { - margin: auto 10px auto auto; - width: 40px; - height: 40px; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { - padding: 0; - margin: 0 0 0 45px; - color: #444444; - font-size: 15px; - position: relative; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { - color: #999999; - font-size: 10px; - position: absolute; - top: 0; - right: 0; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { - margin: 0 0 0 45px; - font-size: 12px; - color: #888888; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { - content: " "; - display: table; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { - clear: both; -} -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { - padding: 10px; -} -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { - font-size: 14px; - padding: 0; - margin: 0 0 10px 0; - color: #666666; -} -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { - padding: 0; - margin: 0; -} -.navbar-nav > .user-menu > .dropdown-menu { - border-top-right-radius: 0; - border-top-left-radius: 0; - padding: 1px 0 0 0; - border-top-width: 0; - width: 280px; -} -.navbar-nav > .user-menu > .dropdown-menu, -.navbar-nav > .user-menu > .dropdown-menu > .user-body { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header { - height: 175px; - padding: 10px; - text-align: center; -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { - z-index: 5; - height: 90px; - width: 90px; - border: 3px solid; - border-color: transparent; - border-color: rgba(255, 255, 255, 0.2); -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { - z-index: 5; - color: #fff; - color: rgba(255, 255, 255, 0.8); - font-size: 17px; - margin-top: 10px; -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { - display: block; - font-size: 12px; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body { - padding: 15px; - border-bottom: 1px solid #f4f4f4; - border-top: 1px solid #dddddd; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body:before, -.navbar-nav > .user-menu > .dropdown-menu > .user-body:after { - content: " "; - display: table; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body:after { - clear: both; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body a { - color: #444 !important; -} -@media (max-width: 991px) { - .navbar-nav > .user-menu > .dropdown-menu > .user-body a { - background: #fff !important; - color: #444 !important; - } -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer { - background-color: #f9f9f9; - padding: 10px; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, -.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { - content: " "; - display: table; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { - clear: both; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { - color: #666666; -} -@media (max-width: 991px) { - .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { - background-color: #f9f9f9; - } -} -.navbar-nav > .user-menu .user-image { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; - margin-top: -2px; -} -@media (max-width: 767px) { - .navbar-nav > .user-menu .user-image { - float: none; - margin-right: 0; - margin-top: -8px; - line-height: 10px; - } -} -/* Add fade animation to dropdown menus by appending - the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ -.open:not(.dropup) > .animated-dropdown-menu { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation: flipInX 0.7s both; - animation: flipInX 0.7s both; -} -@keyframes flipInX { - 0% { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transition-timing-function: ease-in; - } - 60% { - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - 100% { - transform: perspective(400px); - } -} -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - 100% { - -webkit-transform: perspective(400px); - } -} -/* Fix dropdown menu in navbars */ -.navbar-custom-menu > .navbar-nav > li { - position: relative; -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - position: absolute; - right: 0; - left: auto; -} -@media (max-width: 991px) { - .navbar-custom-menu > .navbar-nav { - float: right; - } - .navbar-custom-menu > .navbar-nav > li { - position: static; - } - .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - position: absolute; - right: 5%; - left: auto; - border: 1px solid #ddd; - background: #fff; - } -} -/* - * Component: Form - * --------------- - */ -.form-control { - border-radius: 0; - box-shadow: none; - border-color: #d2d6de; -} -.form-control:focus { - border-color: #3c8dbc; - box-shadow: none; -} -.form-control::-moz-placeholder, -.form-control:-ms-input-placeholder, -.form-control::-webkit-input-placeholder { - color: #bbb; - opacity: 1; -} -.form-control:not(select) { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.form-group.has-success label { - color: #00a65a; -} -.form-group.has-success .form-control, -.form-group.has-success .input-group-addon { - border-color: #00a65a; - box-shadow: none; -} -.form-group.has-success .help-block { - color: #00a65a; -} -.form-group.has-warning label { - color: #f39c12; -} -.form-group.has-warning .form-control, -.form-group.has-warning .input-group-addon { - border-color: #f39c12; - box-shadow: none; -} -.form-group.has-warning .help-block { - color: #f39c12; -} -.form-group.has-error label { - color: #dd4b39; -} -.form-group.has-error .form-control, -.form-group.has-error .input-group-addon { - border-color: #dd4b39; - box-shadow: none; -} -.form-group.has-error .help-block { - color: #dd4b39; -} -/* Input group */ -.input-group .input-group-addon { - border-radius: 0; - border-color: #d2d6de; - background-color: #fff; -} -/* button groups */ -.btn-group-vertical .btn.btn-flat:first-of-type, -.btn-group-vertical .btn.btn-flat:last-of-type { - border-radius: 0; -} -.icheck > label { - padding-left: 0; -} -/* support Font Awesome icons in form-control */ -.form-control-feedback.fa { - line-height: 34px; -} -.input-lg + .form-control-feedback.fa, -.input-group-lg + .form-control-feedback.fa, -.form-group-lg .form-control + .form-control-feedback.fa { - line-height: 46px; -} -.input-sm + .form-control-feedback.fa, -.input-group-sm + .form-control-feedback.fa, -.form-group-sm .form-control + .form-control-feedback.fa { - line-height: 30px; -} -/* - * Component: Progress Bar - * ----------------------- - */ -.progress, -.progress > .progress-bar { - box-shadow: none; -} -.progress, -.progress > .progress-bar, -.progress .progress-bar, -.progress > .progress-bar .progress-bar { - border-radius: 1px; -} -/* size variation */ -.progress.sm, -.progress-sm { - height: 10px; -} -.progress.sm, -.progress-sm, -.progress.sm .progress-bar, -.progress-sm .progress-bar { - border-radius: 1px; -} -.progress.xs, -.progress-xs { - height: 7px; -} -.progress.xs, -.progress-xs, -.progress.xs .progress-bar, -.progress-xs .progress-bar { - border-radius: 1px; -} -.progress.xxs, -.progress-xxs { - height: 3px; -} -.progress.xxs, -.progress-xxs, -.progress.xxs .progress-bar, -.progress-xxs .progress-bar { - border-radius: 1px; -} -/* Vertical bars */ -.progress.vertical { - position: relative; - width: 30px; - height: 200px; - display: inline-block; - margin-right: 10px; -} -.progress.vertical > .progress-bar { - width: 100%; - position: absolute; - bottom: 0; -} -.progress.vertical.sm, -.progress.vertical.progress-sm { - width: 20px; -} -.progress.vertical.xs, -.progress.vertical.progress-xs { - width: 10px; -} -.progress.vertical.xxs, -.progress.vertical.progress-xxs { - width: 3px; -} -.progress-group .progress-text { - font-weight: 600; -} -.progress-group .progress-number { - float: right; -} -/* Remove margins from progress bars when put in a table */ -.table tr > td .progress { - margin: 0; -} -.progress-bar-light-blue, -.progress-bar-primary { - background-color: #3c8dbc; -} -.progress-striped .progress-bar-light-blue, -.progress-striped .progress-bar-primary { - 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-green, -.progress-bar-success { - background-color: #00a65a; -} -.progress-striped .progress-bar-green, -.progress-striped .progress-bar-success { - 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-aqua, -.progress-bar-info { - background-color: #00c0ef; -} -.progress-striped .progress-bar-aqua, -.progress-striped .progress-bar-info { - 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-yellow, -.progress-bar-warning { - background-color: #f39c12; -} -.progress-striped .progress-bar-yellow, -.progress-striped .progress-bar-warning { - 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-red, -.progress-bar-danger { - background-color: #dd4b39; -} -.progress-striped .progress-bar-red, -.progress-striped .progress-bar-danger { - 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); -} -/* - * Component: Small Box - * -------------------- - */ -.small-box { - border-radius: 2px; - position: relative; - display: block; - margin-bottom: 20px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} -.small-box > .inner { - padding: 10px; -} -.small-box > .small-box-footer { - position: relative; - text-align: center; - padding: 3px 0; - color: #fff; - color: rgba(255, 255, 255, 0.8); - display: block; - z-index: 10; - background: rgba(0, 0, 0, 0.1); - text-decoration: none; -} -.small-box > .small-box-footer:hover { - color: #fff; - background: rgba(0, 0, 0, 0.15); -} -.small-box h3 { - font-size: 38px; - font-weight: bold; - margin: 0 0 10px 0; - white-space: nowrap; - padding: 0; -} -.small-box p { - font-size: 15px; -} -.small-box p > small { - display: block; - color: #f9f9f9; - font-size: 13px; - margin-top: 5px; -} -.small-box h3, -.small-box p { - z-index: 5; -} -.small-box .icon { - transition: all 0.3s linear; - position: absolute; - top: -10px; - right: 10px; - z-index: 0; - font-size: 90px; - color: rgba(0, 0, 0, 0.15); -} -.small-box:hover { - text-decoration: none; - color: #f9f9f9; -} -.small-box:hover .icon { - font-size: 95px; -} -@media (max-width: 767px) { - .small-box { - text-align: center; - } - .small-box .icon { - display: none; - } - .small-box p { - font-size: 12px; - } -} -/* - * Component: Box - * -------------- - */ -.box { - position: relative; - border-radius: 3px; - background: #ffffff; - border-top: 3px solid #d2d6de; - margin-bottom: 20px; - width: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} -.box.box-primary { - border-top-color: #3c8dbc; -} -.box.box-info { - border-top-color: #00c0ef; -} -.box.box-danger { - border-top-color: #dd4b39; -} -.box.box-warning { - border-top-color: #f39c12; -} -.box.box-success { - border-top-color: #00a65a; -} -.box.box-default { - border-top-color: #d2d6de; -} -.box.collapsed-box .box-body, -.box.collapsed-box .box-footer { - display: none; -} -.box .nav-stacked > li { - border-bottom: 1px solid #f4f4f4; - margin: 0; -} -.box .nav-stacked > li:last-of-type { - border-bottom: none; -} -.box.height-control .box-body { - max-height: 300px; - overflow: auto; -} -.box .border-right { - border-right: 1px solid #f4f4f4; -} -.box .border-left { - border-left: 1px solid #f4f4f4; -} -.box.box-solid { - border-top: 0; -} -.box.box-solid > .box-header .btn.btn-default { - background: transparent; -} -.box.box-solid > .box-header .btn:hover, -.box.box-solid > .box-header a:hover { - background: rgba(0, 0, 0, 0.1); -} -.box.box-solid.box-default { - border: 1px solid #d2d6de; -} -.box.box-solid.box-default > .box-header { - color: #444; - background: #d2d6de; - background-color: #d2d6de; -} -.box.box-solid.box-default > .box-header a, -.box.box-solid.box-default > .box-header .btn { - color: #444; -} -.box.box-solid.box-primary { - border: 1px solid #3c8dbc; -} -.box.box-solid.box-primary > .box-header { - color: #fff; - background: #3c8dbc; - background-color: #3c8dbc; -} -.box.box-solid.box-primary > .box-header a, -.box.box-solid.box-primary > .box-header .btn { - color: #fff; -} -.box.box-solid.box-info { - border: 1px solid #00c0ef; -} -.box.box-solid.box-info > .box-header { - color: #fff; - background: #00c0ef; - background-color: #00c0ef; -} -.box.box-solid.box-info > .box-header a, -.box.box-solid.box-info > .box-header .btn { - color: #fff; -} -.box.box-solid.box-danger { - border: 1px solid #dd4b39; -} -.box.box-solid.box-danger > .box-header { - color: #fff; - background: #dd4b39; - background-color: #dd4b39; -} -.box.box-solid.box-danger > .box-header a, -.box.box-solid.box-danger > .box-header .btn { - color: #fff; -} -.box.box-solid.box-warning { - border: 1px solid #f39c12; -} -.box.box-solid.box-warning > .box-header { - color: #fff; - background: #f39c12; - background-color: #f39c12; -} -.box.box-solid.box-warning > .box-header a, -.box.box-solid.box-warning > .box-header .btn { - color: #fff; -} -.box.box-solid.box-success { - border: 1px solid #00a65a; -} -.box.box-solid.box-success > .box-header { - color: #fff; - background: #00a65a; - background-color: #00a65a; -} -.box.box-solid.box-success > .box-header a, -.box.box-solid.box-success > .box-header .btn { - color: #fff; -} -.box.box-solid > .box-header > .box-tools .btn { - border: 0; - box-shadow: none; -} -.box.box-solid[class*='bg'] > .box-header { - color: #fff; -} -.box .box-group > .box { - margin-bottom: 5px; -} -.box .knob-label { - text-align: center; - color: #333; - font-weight: 100; - font-size: 12px; - margin-bottom: 0.3em; -} -.box > .overlay, -.overlay-wrapper > .overlay, -.box > .loading-img, -.overlay-wrapper > .loading-img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.box .overlay, -.overlay-wrapper .overlay { - z-index: 50; - background: rgba(255, 255, 255, 0.7); - border-radius: 3px; -} -.box .overlay > .fa, -.overlay-wrapper .overlay > .fa { - position: absolute; - top: 50%; - left: 50%; - margin-left: -15px; - margin-top: -15px; - color: #000; - font-size: 30px; -} -.box .overlay.dark, -.overlay-wrapper .overlay.dark { - background: rgba(0, 0, 0, 0.5); -} -.box-header:before, -.box-body:before, -.box-footer:before, -.box-header:after, -.box-body:after, -.box-footer:after { - content: " "; - display: table; -} -.box-header:after, -.box-body:after, -.box-footer:after { - clear: both; -} -.box-header { - color: #444; - display: block; - padding: 10px; - position: relative; -} -.box-header.with-border { - border-bottom: 1px solid #f4f4f4; -} -.collapsed-box .box-header.with-border { - border-bottom: none; -} -.box-header > .fa, -.box-header > .glyphicon, -.box-header > .ion, -.box-header .box-title { - display: inline-block; - font-size: 18px; - margin: 0; - line-height: 1; -} -.box-header > .fa, -.box-header > .glyphicon, -.box-header > .ion { - margin-right: 5px; -} -.box-header > .box-tools { - float: right; - margin-top: -5px; - margin-bottom: -5px; -} -.box-header > .box-tools [data-toggle="tooltip"] { - position: relative; -} -.box-header > .box-tools.pull-right .dropdown-menu { - right: 0; - left: auto; -} -.box-header > .box-tools .dropdown-menu > li > a { - color: #444 !important; -} -.btn-box-tool { - padding: 5px; - font-size: 12px; - background: transparent; - color: #97a0b3; -} -.open .btn-box-tool, -.btn-box-tool:hover { - color: #606c84; -} -.btn-box-tool.btn:active { - box-shadow: none; -} -.box-body { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - padding: 10px; -} -.no-header .box-body { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.box-body > .table { - margin-bottom: 0; -} -.box-body .fc { - margin-top: 5px; -} -.box-body .full-width-chart { - margin: -19px; -} -.box-body.no-padding .full-width-chart { - margin: -9px; -} -.box-body .box-pane { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 3px; -} -.box-body .box-pane-right { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 0; -} -.box-footer { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 1px solid #f4f4f4; - padding: 10px; - background-color: #fff; -} -.chart-legend { - margin: 10px 0; -} -@media (max-width: 991px) { - .chart-legend > li { - float: left; - margin-right: 10px; - } -} -.box-comments { - background: #f7f7f7; -} -.box-comments .box-comment { - padding: 8px 0; - border-bottom: 1px solid #eee; -} -.box-comments .box-comment:before, -.box-comments .box-comment:after { - content: " "; - display: table; -} -.box-comments .box-comment:after { - clear: both; -} -.box-comments .box-comment:last-of-type { - border-bottom: 0; -} -.box-comments .box-comment:first-of-type { - padding-top: 0; -} -.box-comments .box-comment img { - float: left; -} -.box-comments .comment-text { - margin-left: 40px; - color: #555; -} -.box-comments .username { - color: #444; - display: block; - font-weight: 600; -} -.box-comments .text-muted { - font-weight: 400; - font-size: 12px; -} -/* Widget: TODO LIST */ -.todo-list { - margin: 0; - padding: 0; - list-style: none; - overflow: auto; -} -.todo-list > li { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 2px; - border-left: 2px solid #e6e7e8; - color: #444; -} -.todo-list > li:last-of-type { - margin-bottom: 0; -} -.todo-list > li > input[type='checkbox'] { - margin: 0 10px 0 5px; -} -.todo-list > li .text { - display: inline-block; - margin-left: 5px; - font-weight: 600; -} -.todo-list > li .label { - margin-left: 10px; - font-size: 9px; -} -.todo-list > li .tools { - display: none; - float: right; - color: #dd4b39; -} -.todo-list > li .tools > .fa, -.todo-list > li .tools > .glyphicon, -.todo-list > li .tools > .ion { - margin-right: 5px; - cursor: pointer; -} -.todo-list > li:hover .tools { - display: inline-block; -} -.todo-list > li.done { - color: #999; -} -.todo-list > li.done .text { - text-decoration: line-through; - font-weight: 500; -} -.todo-list > li.done .label { - background: #d2d6de !important; -} -.todo-list .danger { - border-left-color: #dd4b39; -} -.todo-list .warning { - border-left-color: #f39c12; -} -.todo-list .info { - border-left-color: #00c0ef; -} -.todo-list .success { - border-left-color: #00a65a; -} -.todo-list .primary { - border-left-color: #3c8dbc; -} -.todo-list .handle { - display: inline-block; - cursor: move; - margin: 0 5px; -} -/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ -.chat { - padding: 5px 20px 5px 10px; -} -.chat .item { - margin-bottom: 10px; -} -.chat .item:before, -.chat .item:after { - content: " "; - display: table; -} -.chat .item:after { - clear: both; -} -.chat .item > img { - width: 40px; - height: 40px; - border: 2px solid transparent; - border-radius: 50%; -} -.chat .item > .online { - border: 2px solid #00a65a; -} -.chat .item > .offline { - border: 2px solid #dd4b39; -} -.chat .item > .message { - margin-left: 55px; - margin-top: -40px; -} -.chat .item > .message > .name { - display: block; - font-weight: 600; -} -.chat .item > .attachment { - border-radius: 3px; - background: #f4f4f4; - margin-left: 65px; - margin-right: 15px; - padding: 10px; -} -.chat .item > .attachment > h4 { - margin: 0 0 5px 0; - font-weight: 600; - font-size: 14px; -} -.chat .item > .attachment > p, -.chat .item > .attachment > .filename { - font-weight: 600; - font-size: 13px; - font-style: italic; - margin: 0; -} -.chat .item > .attachment:before, -.chat .item > .attachment:after { - content: " "; - display: table; -} -.chat .item > .attachment:after { - clear: both; -} -.box-input { - max-width: 200px; -} -.modal .panel-body { - color: #444; -} -/* - * Component: Info Box - * ------------------- - */ -.info-box { - display: block; - min-height: 90px; - background: #fff; - width: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 2px; - margin-bottom: 15px; -} -.info-box small { - font-size: 14px; -} -.info-box .progress { - background: rgba(0, 0, 0, 0.2); - margin: 5px -10px 5px -10px; - height: 2px; -} -.info-box .progress, -.info-box .progress .progress-bar { - border-radius: 0; -} -.info-box .progress .progress-bar { - background: #fff; -} -.info-box-icon { - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; - display: block; - float: left; - height: 90px; - width: 90px; - text-align: center; - font-size: 45px; - line-height: 90px; - background: rgba(0, 0, 0, 0.2); -} -.info-box-icon > img { - max-width: 100%; -} -.info-box-content { - padding: 5px 10px; - margin-left: 90px; -} -.info-box-number { - display: block; - font-weight: bold; - font-size: 18px; -} -.progress-description, -.info-box-text { - display: block; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.info-box-text { - text-transform: uppercase; -} -.info-box-more { - display: block; -} -.progress-description { - margin: 0; -} -/* - * Component: Timeline - * ------------------- - */ -.timeline { - position: relative; - margin: 0 0 30px 0; - padding: 0; - list-style: none; -} -.timeline:before { - content: ''; - position: absolute; - top: 0; - bottom: 0; - width: 4px; - background: #ddd; - left: 31px; - margin: 0; - border-radius: 2px; -} -.timeline > li { - position: relative; - margin-right: 10px; - margin-bottom: 15px; -} -.timeline > li:before, -.timeline > li:after { - content: " "; - display: table; -} -.timeline > li:after { - clear: both; -} -.timeline > li > .timeline-item { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 3px; - margin-top: 0; - background: #fff; - color: #444; - margin-left: 60px; - margin-right: 15px; - padding: 0; - position: relative; -} -.timeline > li > .timeline-item > .time { - color: #999; - float: right; - padding: 10px; - font-size: 12px; -} -.timeline > li > .timeline-item > .timeline-header { - margin: 0; - color: #555; - border-bottom: 1px solid #f4f4f4; - padding: 10px; - font-size: 16px; - line-height: 1.1; -} -.timeline > li > .timeline-item > .timeline-header > a { - font-weight: 600; -} -.timeline > li > .timeline-item > .timeline-body, -.timeline > li > .timeline-item > .timeline-footer { - padding: 10px; -} -.timeline > li > .fa, -.timeline > li > .glyphicon, -.timeline > li > .ion { - width: 30px; - height: 30px; - font-size: 15px; - line-height: 30px; - position: absolute; - color: #666; - background: #d2d6de; - border-radius: 50%; - text-align: center; - left: 18px; - top: 0; -} -.timeline > .time-label > span { - font-weight: 600; - padding: 5px; - display: inline-block; - background-color: #fff; - border-radius: 4px; -} -.timeline-inverse > li > .timeline-item { - background: #f0f0f0; - border: 1px solid #ddd; - box-shadow: none; -} -.timeline-inverse > li > .timeline-item > .timeline-header { - border-bottom-color: #ddd; -} -/* - * Component: Button - * ----------------- - */ -.btn { - border-radius: 3px; - box-shadow: none; - border: 1px solid transparent; -} -.btn.uppercase { - text-transform: uppercase; -} -.btn.btn-flat { - border-radius: 0; - box-shadow: none; - border-width: 1px; -} -.btn:active { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn:focus { - outline: none; -} -.btn.btn-file { - position: relative; - overflow: hidden; -} -.btn.btn-file > input[type='file'] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - opacity: 0; - filter: alpha(opacity=0); - outline: none; - background: white; - cursor: inherit; - display: block; -} -.btn-default { - background-color: #f4f4f4; - color: #444; - border-color: #ddd; -} -.btn-default:hover, -.btn-default:active, -.btn-default.hover { - background-color: #e7e7e7; -} -.btn-primary { - background-color: #3c8dbc; - border-color: #367fa9; -} -.btn-primary:hover, -.btn-primary:active, -.btn-primary.hover { - background-color: #367fa9; -} -.btn-success { - background-color: #00a65a; - border-color: #008d4c; -} -.btn-success:hover, -.btn-success:active, -.btn-success.hover { - background-color: #008d4c; -} -.btn-info { - background-color: #00c0ef; - border-color: #00acd6; -} -.btn-info:hover, -.btn-info:active, -.btn-info.hover { - background-color: #00acd6; -} -.btn-danger { - background-color: #dd4b39; - border-color: #d73925; -} -.btn-danger:hover, -.btn-danger:active, -.btn-danger.hover { - background-color: #d73925; -} -.btn-warning { - background-color: #f39c12; - border-color: #e08e0b; -} -.btn-warning:hover, -.btn-warning:active, -.btn-warning.hover { - background-color: #e08e0b; -} -.btn-outline { - border: 1px solid #fff; - background: transparent; - color: #fff; -} -.btn-outline:hover, -.btn-outline:focus, -.btn-outline:active { - color: rgba(255, 255, 255, 0.7); - border-color: rgba(255, 255, 255, 0.7); -} -.btn-link { - box-shadow: none; -} -.btn[class*='bg-']:hover { - box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); -} -.btn-app { - border-radius: 3px; - position: relative; - padding: 15px 5px; - margin: 0 0 10px 10px; - min-width: 80px; - height: 60px; - text-align: center; - color: #666; - border: 1px solid #ddd; - background-color: #f4f4f4; - font-size: 12px; -} -.btn-app > .fa, -.btn-app > .glyphicon, -.btn-app > .ion { - font-size: 20px; - display: block; -} -.btn-app:hover { - background: #f4f4f4; - color: #444; - border-color: #aaa; -} -.btn-app:active, -.btn-app:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn-app > .badge { - position: absolute; - top: -3px; - right: -10px; - font-size: 10px; - font-weight: 400; -} -/* - * Component: Callout - * ------------------ - */ -.callout { - border-radius: 3px; - margin: 0 0 20px 0; - padding: 15px 30px 15px 15px; - border-left: 5px solid #eee; -} -.callout a { - color: #fff; - text-decoration: underline; -} -.callout a:hover { - color: #eee; -} -.callout h4 { - margin-top: 0; - font-weight: 600; -} -.callout p:last-child { - margin-bottom: 0; -} -.callout code, -.callout .highlight { - background-color: #fff; -} -.callout.callout-danger { - border-color: #c23321; -} -.callout.callout-warning { - border-color: #c87f0a; -} -.callout.callout-info { - border-color: #0097bc; -} -.callout.callout-success { - border-color: #00733e; -} -/* - * Component: alert - * ---------------- - */ -.alert { - border-radius: 3px; -} -.alert h4 { - font-weight: 600; -} -.alert .icon { - margin-right: 10px; -} -.alert .close { - color: #000; - opacity: 0.2; - filter: alpha(opacity=20); -} -.alert .close:hover { - opacity: 0.5; - filter: alpha(opacity=50); -} -.alert a { - color: #fff; - text-decoration: underline; -} -.alert-success { - border-color: #008d4c; -} -.alert-danger, -.alert-error { - border-color: #d73925; -} -.alert-warning { - border-color: #e08e0b; -} -.alert-info { - border-color: #00acd6; -} -/* - * Component: Nav - * -------------- - */ -.nav > li > a:hover, -.nav > li > a:active, -.nav > li > a:focus { - color: #444; - background: #f7f7f7; -} -/* NAV PILLS */ -.nav-pills > li > a { - border-radius: 0; - border-top: 3px solid transparent; - color: #444; -} -.nav-pills > li > a > .fa, -.nav-pills > li > a > .glyphicon, -.nav-pills > li > a > .ion { - margin-right: 5px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - border-top-color: #3c8dbc; -} -.nav-pills > li.active > a { - font-weight: 600; -} -/* NAV STACKED */ -.nav-stacked > li > a { - border-radius: 0; - border-top: 0; - border-left: 3px solid transparent; - color: #444; -} -.nav-stacked > li.active > a, -.nav-stacked > li.active > a:hover { - background: transparent; - color: #444; - border-top: 0; - border-left-color: #3c8dbc; -} -.nav-stacked > li.header { - border-bottom: 1px solid #ddd; - color: #777; - margin-bottom: 10px; - padding: 5px 10px; - text-transform: uppercase; -} -/* NAV TABS */ -.nav-tabs-custom { - margin-bottom: 20px; - background: #fff; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 3px; -} -.nav-tabs-custom > .nav-tabs { - margin: 0; - border-bottom-color: #f4f4f4; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.nav-tabs-custom > .nav-tabs > li { - border-top: 3px solid transparent; - margin-bottom: -2px; - margin-right: 5px; -} -.nav-tabs-custom > .nav-tabs > li.disabled > a { - color: #777; -} -.nav-tabs-custom > .nav-tabs > li > a { - color: #444; - border-radius: 0; -} -.nav-tabs-custom > .nav-tabs > li > a.text-muted { - color: #999; -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li > a:hover { - background: transparent; - margin: 0; -} -.nav-tabs-custom > .nav-tabs > li > a:hover { - color: #999; -} -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { - border-color: transparent; -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: #3c8dbc; -} -.nav-tabs-custom > .nav-tabs > li.active > a, -.nav-tabs-custom > .nav-tabs > li.active:hover > a { - background-color: #fff; - color: #444; -} -.nav-tabs-custom > .nav-tabs > li.active > a { - border-top-color: transparent; - border-left-color: #f4f4f4; - border-right-color: #f4f4f4; -} -.nav-tabs-custom > .nav-tabs > li:first-of-type { - margin-left: 0; -} -.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { - border-left-color: transparent; -} -.nav-tabs-custom > .nav-tabs.pull-right { - float: none !important; -} -.nav-tabs-custom > .nav-tabs.pull-right > li { - float: right; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { - margin-right: 0; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { - border-left-width: 1px; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { - border-left-color: #f4f4f4; - border-right-color: transparent; -} -.nav-tabs-custom > .nav-tabs > li.header { - line-height: 35px; - padding: 0 10px; - font-size: 20px; - color: #444; -} -.nav-tabs-custom > .nav-tabs > li.header > .fa, -.nav-tabs-custom > .nav-tabs > li.header > .glyphicon, -.nav-tabs-custom > .nav-tabs > li.header > .ion { - margin-right: 5px; -} -.nav-tabs-custom > .tab-content { - background: #fff; - padding: 10px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.nav-tabs-custom .dropdown.open > a:active, -.nav-tabs-custom .dropdown.open > a:focus { - background: transparent; - color: #999; -} -.nav-tabs-custom.tab-primary > .nav-tabs > li.active { - border-top-color: #3c8dbc; -} -.nav-tabs-custom.tab-info > .nav-tabs > li.active { - border-top-color: #00c0ef; -} -.nav-tabs-custom.tab-danger > .nav-tabs > li.active { - border-top-color: #dd4b39; -} -.nav-tabs-custom.tab-warning > .nav-tabs > li.active { - border-top-color: #f39c12; -} -.nav-tabs-custom.tab-success > .nav-tabs > li.active { - border-top-color: #00a65a; -} -.nav-tabs-custom.tab-default > .nav-tabs > li.active { - border-top-color: #d2d6de; -} -/* PAGINATION */ -.pagination > li > a { - background: #fafafa; - color: #666; -} -.pagination.pagination-flat > li > a { - border-radius: 0 !important; -} -/* - * Component: Products List - * ------------------------ - */ -.products-list { - list-style: none; - margin: 0; - padding: 0; -} -.products-list > .item { - border-radius: 3px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - padding: 10px 0; - background: #fff; -} -.products-list > .item:before, -.products-list > .item:after { - content: " "; - display: table; -} -.products-list > .item:after { - clear: both; -} -.products-list .product-img { - float: left; -} -.products-list .product-img img { - width: 50px; - height: 50px; -} -.products-list .product-info { - margin-left: 60px; -} -.products-list .product-title { - font-weight: 600; -} -.products-list .product-description { - display: block; - color: #999; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.product-list-in-box > .item { - box-shadow: none; - border-radius: 0; - border-bottom: 1px solid #f4f4f4; -} -.product-list-in-box > .item:last-of-type { - border-bottom-width: 0; -} -/* - * Component: Table - * ---------------- - */ -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - border-top: 1px solid #f4f4f4; -} -.table > thead > tr > th { - border-bottom: 2px solid #f4f4f4; -} -.table tr td .progress { - margin-top: 5px; -} -.table-bordered { - border: 1px solid #f4f4f4; -} -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #f4f4f4; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} -.table.no-border, -.table.no-border td, -.table.no-border th { - border: 0; -} -/* .text-center in tables */ -table.text-center, -table.text-center td, -table.text-center th { - text-align: center; -} -.table.align th { - text-align: left; -} -.table.align td { - text-align: right; -} -/* - * Component: Label - * ---------------- - */ -.label-default { - background-color: #d2d6de; - color: #444; -} -/* - * Component: Direct Chat - * ---------------------- - */ -.direct-chat .box-body { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - position: relative; - overflow-x: hidden; - padding: 0; -} -.direct-chat.chat-pane-open .direct-chat-contacts { - transform: translate(0, 0); -} -.direct-chat-messages { - transform: translate(0, 0); - padding: 10px; - height: 250px; - overflow: auto; -} -.direct-chat-msg, -.direct-chat-text { - display: block; -} -.direct-chat-msg { - margin-bottom: 10px; -} -.direct-chat-msg:before, -.direct-chat-msg:after { - content: " "; - display: table; -} -.direct-chat-msg:after { - clear: both; -} -.direct-chat-messages, -.direct-chat-contacts { - transition: transform 0.5s ease-in-out; -} -.direct-chat-text { - border-radius: 5px; - position: relative; - padding: 5px 10px; - background: #d2d6de; - border: 1px solid #d2d6de; - margin: 5px 0 0 50px; - color: #444; -} -.direct-chat-text:after, -.direct-chat-text:before { - position: absolute; - right: 100%; - top: 15px; - border: solid transparent; - border-right-color: #d2d6de; - content: ' '; - height: 0; - width: 0; - pointer-events: none; -} -.direct-chat-text:after { - border-width: 5px; - margin-top: -5px; -} -.direct-chat-text:before { - border-width: 6px; - margin-top: -6px; -} -.right .direct-chat-text { - margin-right: 50px; - margin-left: 0; -} -.right .direct-chat-text:after, -.right .direct-chat-text:before { - right: auto; - left: 100%; - border-right-color: transparent; - border-left-color: #d2d6de; -} -.direct-chat-img { - border-radius: 50%; - float: left; - width: 40px; - height: 40px; -} -.right .direct-chat-img { - float: right; -} -.direct-chat-info { - display: block; - margin-bottom: 2px; - font-size: 12px; -} -.direct-chat-name { - font-weight: 600; -} -.direct-chat-timestamp { - color: #999; -} -.direct-chat-contacts-open .direct-chat-contacts { - transform: translate(0, 0); -} -.direct-chat-contacts { - transform: translate(101%, 0); - position: absolute; - top: 0; - bottom: 0; - height: 250px; - width: 100%; - background: #222d32; - color: #fff; - overflow: auto; -} -.contacts-list > li { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 10px; - margin: 0; -} -.contacts-list > li:before, -.contacts-list > li:after { - content: " "; - display: table; -} -.contacts-list > li:after { - clear: both; -} -.contacts-list > li:last-of-type { - border-bottom: none; -} -.contacts-list-img { - border-radius: 50%; - width: 40px; - float: left; -} -.contacts-list-info { - margin-left: 45px; - color: #fff; -} -.contacts-list-name, -.contacts-list-status { - display: block; -} -.contacts-list-name { - font-weight: 600; -} -.contacts-list-status { - font-size: 12px; -} -.contacts-list-date { - color: #aaa; - font-weight: normal; -} -.contacts-list-msg { - color: #999; -} -.direct-chat-danger .right > .direct-chat-text { - background: #dd4b39; - border-color: #dd4b39; - color: #fff; -} -.direct-chat-danger .right > .direct-chat-text:after, -.direct-chat-danger .right > .direct-chat-text:before { - border-left-color: #dd4b39; -} -.direct-chat-primary .right > .direct-chat-text { - background: #3c8dbc; - border-color: #3c8dbc; - color: #fff; -} -.direct-chat-primary .right > .direct-chat-text:after, -.direct-chat-primary .right > .direct-chat-text:before { - border-left-color: #3c8dbc; -} -.direct-chat-warning .right > .direct-chat-text { - background: #f39c12; - border-color: #f39c12; - color: #fff; -} -.direct-chat-warning .right > .direct-chat-text:after, -.direct-chat-warning .right > .direct-chat-text:before { - border-left-color: #f39c12; -} -.direct-chat-info .right > .direct-chat-text { - background: #00c0ef; - border-color: #00c0ef; - color: #fff; -} -.direct-chat-info .right > .direct-chat-text:after, -.direct-chat-info .right > .direct-chat-text:before { - border-left-color: #00c0ef; -} -.direct-chat-success .right > .direct-chat-text { - background: #00a65a; - border-color: #00a65a; - color: #fff; -} -.direct-chat-success .right > .direct-chat-text:after, -.direct-chat-success .right > .direct-chat-text:before { - border-left-color: #00a65a; -} -/* - * Component: Users List - * --------------------- - */ -.users-list > li { - width: 25%; - float: left; - padding: 10px; - text-align: center; -} -.users-list > li img { - border-radius: 50%; - max-width: 100%; - height: auto; -} -.users-list > li > a:hover, -.users-list > li > a:hover .users-list-name { - color: #999; -} -.users-list-name, -.users-list-date { - display: block; -} -.users-list-name { - font-weight: 600; - color: #444; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.users-list-date { - color: #999; - font-size: 12px; -} -/* - * Component: Carousel - * ------------------- - */ -.carousel-control.left, -.carousel-control.right { - background-image: none; -} -.carousel-control > .fa { - font-size: 40px; - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - margin-top: -20px; -} -/* - * Component: modal - * ---------------- - */ -.modal { - background: rgba(0, 0, 0, 0.3); -} -.modal-content { - border-radius: 0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); - border: 0; -} -@media (min-width: 768px) { - .modal-content { - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); - } -} -.modal-header { - border-bottom-color: #f4f4f4; -} -.modal-footer { - border-top-color: #f4f4f4; -} -.modal-primary .modal-header, -.modal-primary .modal-footer { - border-color: #307095; -} -.modal-warning .modal-header, -.modal-warning .modal-footer { - border-color: #c87f0a; -} -.modal-info .modal-header, -.modal-info .modal-footer { - border-color: #0097bc; -} -.modal-success .modal-header, -.modal-success .modal-footer { - border-color: #00733e; -} -.modal-danger .modal-header, -.modal-danger .modal-footer { - border-color: #c23321; -} -/* - * Component: Social Widgets - * ------------------------- - */ -.box-widget { - border: none; - position: relative; -} -.widget-user .widget-user-header { - padding: 20px; - height: 120px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.widget-user .widget-user-username { - margin-top: 0; - margin-bottom: 5px; - font-size: 25px; - font-weight: 300; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -} -.widget-user .widget-user-desc { - margin-top: 0; -} -.widget-user .widget-user-image { - position: absolute; - top: 65px; - left: 50%; - margin-left: -45px; -} -.widget-user .widget-user-image > img { - width: 90px; - height: auto; - border: 3px solid #fff; -} -.widget-user .box-footer { - padding-top: 30px; -} -.widget-user-2 .widget-user-header { - padding: 20px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.widget-user-2 .widget-user-username { - margin-top: 5px; - margin-bottom: 5px; - font-size: 25px; - font-weight: 300; -} -.widget-user-2 .widget-user-desc { - margin-top: 0; -} -.widget-user-2 .widget-user-username, -.widget-user-2 .widget-user-desc { - margin-left: 75px; -} -.widget-user-2 .widget-user-image > img { - width: 65px; - height: auto; - float: left; -} -.treeview-menu { - display: none; - list-style: none; - padding: 0; - margin: 0; - padding-left: 5px; -} -.treeview-menu .treeview-menu { - padding-left: 20px; -} -.treeview-menu > li { - margin: 0; -} -.treeview-menu > li > a { - padding: 5px 5px 5px 15px; - display: block; - font-size: 14px; -} -.treeview-menu > li > a > .fa, -.treeview-menu > li > a > .glyphicon, -.treeview-menu > li > a > .ion { - width: 20px; -} -.treeview-menu > li > a > .pull-right-container > .fa-angle-left, -.treeview-menu > li > a > .pull-right-container > .fa-angle-down, -.treeview-menu > li > a > .fa-angle-left, -.treeview-menu > li > a > .fa-angle-down { - width: auto; -} -.treeview > ul.treeview-menu { - overflow: hidden; - height: auto; - padding-top: 0px !important; - padding-bottom: 0px !important; -} -.treeview.menu-open > ul.treeview-menu { - overflow: visible; - height: auto; -} -/* - * Page: Mailbox - * ------------- - */ -.mailbox-messages > .table { - margin: 0; -} -.mailbox-controls { - padding: 5px; -} -.mailbox-controls.with-border { - border-bottom: 1px solid #f4f4f4; -} -.mailbox-read-info { - border-bottom: 1px solid #f4f4f4; - padding: 10px; -} -.mailbox-read-info h3 { - font-size: 20px; - margin: 0; -} -.mailbox-read-info h5 { - margin: 0; - padding: 5px 0 0 0; -} -.mailbox-read-time { - color: #999; - font-size: 13px; -} -.mailbox-read-message { - padding: 10px; -} -.mailbox-attachments li { - float: left; - width: 200px; - border: 1px solid #eee; - margin-bottom: 10px; - margin-right: 10px; -} -.mailbox-attachment-name { - font-weight: bold; - color: #666; -} -.mailbox-attachment-icon, -.mailbox-attachment-info, -.mailbox-attachment-size { - display: block; -} -.mailbox-attachment-info { - padding: 10px; - background: #f4f4f4; -} -.mailbox-attachment-size { - color: #999; - font-size: 12px; -} -.mailbox-attachment-icon { - text-align: center; - font-size: 65px; - color: #666; - padding: 20px 10px; -} -.mailbox-attachment-icon.has-img { - padding: 0; -} -.mailbox-attachment-icon.has-img > img { - max-width: 100%; - height: auto; -} -/* - * Page: Lock Screen - * ----------------- - */ -/* ADD THIS CLASS TO THE TAG */ -.lockscreen { - background: #d2d6de; -} -.lockscreen-logo { - font-size: 35px; - text-align: center; - margin-bottom: 25px; - font-weight: 300; -} -.lockscreen-logo a { - color: #444; -} -.lockscreen-wrapper { - max-width: 400px; - margin: 0 auto; - margin-top: 10%; -} -/* User name [optional] */ -.lockscreen .lockscreen-name { - text-align: center; - font-weight: 600; -} -/* Will contain the image and the sign in form */ -.lockscreen-item { - border-radius: 4px; - padding: 0; - background: #fff; - position: relative; - margin: 10px auto 30px auto; - width: 290px; -} -/* User image */ -.lockscreen-image { - border-radius: 50%; - position: absolute; - left: -10px; - top: -25px; - background: #fff; - padding: 5px; - z-index: 10; -} -.lockscreen-image > img { - border-radius: 50%; - width: 70px; - height: 70px; -} -/* Contains the password input and the login button */ -.lockscreen-credentials { - margin-left: 70px; -} -.lockscreen-credentials .form-control { - border: 0; -} -.lockscreen-credentials .btn { - background-color: #fff; - border: 0; - padding: 0 10px; -} -.lockscreen-footer { - margin-top: 10px; -} -/* - * Page: Login & Register - * ---------------------- - */ -.login-logo, -.register-logo { - font-size: 35px; - text-align: center; - margin-bottom: 25px; - font-weight: 300; -} -.login-logo a, -.register-logo a { - color: #444; -} -.login-page, -.register-page { - height: auto; - background: #d2d6de; -} -.login-box, -.register-box { - width: 360px; - margin: 7% auto; -} -@media (max-width: 768px) { - .login-box, - .register-box { - width: 90%; - margin-top: 20px; - } -} -.login-box-body, -.register-box-body { - background: #fff; - padding: 20px; - border-top: 0; - color: #666; -} -.login-box-body .form-control-feedback, -.register-box-body .form-control-feedback { - color: #777; -} -.login-box-msg, -.register-box-msg { - margin: 0; - text-align: center; - padding: 0 20px 20px 20px; -} -.social-auth-links { - margin: 10px 0; -} -/* - * Page: 400 and 500 error pages - * ------------------------------ - */ -.error-page { - width: 600px; - margin: 20px auto 0 auto; -} -@media (max-width: 991px) { - .error-page { - width: 100%; - } -} -.error-page > .headline { - float: left; - font-size: 100px; - font-weight: 300; -} -@media (max-width: 991px) { - .error-page > .headline { - float: none; - text-align: center; - } -} -.error-page > .error-content { - margin-left: 190px; - display: block; -} -@media (max-width: 991px) { - .error-page > .error-content { - margin-left: 0; - } -} -.error-page > .error-content > h3 { - font-weight: 300; - font-size: 25px; -} -@media (max-width: 991px) { - .error-page > .error-content > h3 { - text-align: center; - } -} -/* - * Page: Invoice - * ------------- - */ -.invoice { - position: relative; - background: #fff; - border: 1px solid #f4f4f4; - padding: 20px; - margin: 10px 25px; -} -.invoice-title { - margin-top: 0; -} -/* - * Page: Profile - * ------------- - */ -.profile-user-img { - margin: 0 auto; - width: 100px; - padding: 3px; - border: 3px solid #d2d6de; -} -.profile-username { - font-size: 21px; - margin-top: 5px; -} -.post { - border-bottom: 1px solid #d2d6de; - margin-bottom: 15px; - padding-bottom: 15px; - color: #666; -} -.post:last-of-type { - border-bottom: 0; - margin-bottom: 0; - padding-bottom: 0; -} -.post .user-block { - margin-bottom: 15px; -} -/* - * Social Buttons for Bootstrap - * - * Copyright 2013-2015 Panayiotis Lipiridis - * Licensed under the MIT License - * - * https://github.com/lipis/bootstrap-social - */ -.btn-social { - position: relative; - padding-left: 44px; - text-align: left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.btn-social > :first-child { - position: absolute; - left: 0; - top: 0; - bottom: 0; - width: 32px; - line-height: 34px; - font-size: 1.6em; - text-align: center; - border-right: 1px solid rgba(0, 0, 0, 0.2); -} -.btn-social.btn-lg { - padding-left: 61px; -} -.btn-social.btn-lg > :first-child { - line-height: 45px; - width: 45px; - font-size: 1.8em; -} -.btn-social.btn-sm { - padding-left: 38px; -} -.btn-social.btn-sm > :first-child { - line-height: 28px; - width: 28px; - font-size: 1.4em; -} -.btn-social.btn-xs { - padding-left: 30px; -} -.btn-social.btn-xs > :first-child { - line-height: 20px; - width: 20px; - font-size: 1.2em; -} -.btn-social-icon { - position: relative; - padding-left: 44px; - text-align: left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 34px; - width: 34px; - padding: 0; -} -.btn-social-icon > :first-child { - position: absolute; - left: 0; - top: 0; - bottom: 0; - width: 32px; - line-height: 34px; - font-size: 1.6em; - text-align: center; - border-right: 1px solid rgba(0, 0, 0, 0.2); -} -.btn-social-icon.btn-lg { - padding-left: 61px; -} -.btn-social-icon.btn-lg > :first-child { - line-height: 45px; - width: 45px; - font-size: 1.8em; -} -.btn-social-icon.btn-sm { - padding-left: 38px; -} -.btn-social-icon.btn-sm > :first-child { - line-height: 28px; - width: 28px; - font-size: 1.4em; -} -.btn-social-icon.btn-xs { - padding-left: 30px; -} -.btn-social-icon.btn-xs > :first-child { - line-height: 20px; - width: 20px; - font-size: 1.2em; -} -.btn-social-icon > :first-child { - border: none; - text-align: center; - width: 100%; -} -.btn-social-icon.btn-lg { - height: 45px; - width: 45px; - padding-left: 0; - padding-right: 0; -} -.btn-social-icon.btn-sm { - height: 30px; - width: 30px; - padding-left: 0; - padding-right: 0; -} -.btn-social-icon.btn-xs { - height: 22px; - width: 22px; - padding-left: 0; - padding-right: 0; -} -.btn-adn { - color: #fff; - background-color: #d87a68; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:focus, -.btn-adn.focus { - color: #fff; - background-color: #ce563f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:hover { - color: #fff; - background-color: #ce563f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:active, -.btn-adn.active, -.open > .dropdown-toggle.btn-adn { - color: #fff; - background-color: #ce563f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:active:hover, -.btn-adn.active:hover, -.open > .dropdown-toggle.btn-adn:hover, -.btn-adn:active:focus, -.btn-adn.active:focus, -.open > .dropdown-toggle.btn-adn:focus, -.btn-adn:active.focus, -.btn-adn.active.focus, -.open > .dropdown-toggle.btn-adn.focus { - color: #fff; - background-color: #b94630; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:active, -.btn-adn.active, -.open > .dropdown-toggle.btn-adn { - background-image: none; -} -.btn-adn.disabled:hover, -.btn-adn[disabled]:hover, -fieldset[disabled] .btn-adn:hover, -.btn-adn.disabled:focus, -.btn-adn[disabled]:focus, -fieldset[disabled] .btn-adn:focus, -.btn-adn.disabled.focus, -.btn-adn[disabled].focus, -fieldset[disabled] .btn-adn.focus { - background-color: #d87a68; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn .badge { - color: #d87a68; - background-color: #fff; -} -.btn-bitbucket { - color: #fff; - background-color: #205081; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:focus, -.btn-bitbucket.focus { - color: #fff; - background-color: #163758; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:hover { - color: #fff; - background-color: #163758; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:active, -.btn-bitbucket.active, -.open > .dropdown-toggle.btn-bitbucket { - color: #fff; - background-color: #163758; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:active:hover, -.btn-bitbucket.active:hover, -.open > .dropdown-toggle.btn-bitbucket:hover, -.btn-bitbucket:active:focus, -.btn-bitbucket.active:focus, -.open > .dropdown-toggle.btn-bitbucket:focus, -.btn-bitbucket:active.focus, -.btn-bitbucket.active.focus, -.open > .dropdown-toggle.btn-bitbucket.focus { - color: #fff; - background-color: #0f253c; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:active, -.btn-bitbucket.active, -.open > .dropdown-toggle.btn-bitbucket { - background-image: none; -} -.btn-bitbucket.disabled:hover, -.btn-bitbucket[disabled]:hover, -fieldset[disabled] .btn-bitbucket:hover, -.btn-bitbucket.disabled:focus, -.btn-bitbucket[disabled]:focus, -fieldset[disabled] .btn-bitbucket:focus, -.btn-bitbucket.disabled.focus, -.btn-bitbucket[disabled].focus, -fieldset[disabled] .btn-bitbucket.focus { - background-color: #205081; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket .badge { - color: #205081; - background-color: #fff; -} -.btn-dropbox { - color: #fff; - background-color: #1087dd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:focus, -.btn-dropbox.focus { - color: #fff; - background-color: #0d6aad; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:hover { - color: #fff; - background-color: #0d6aad; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:active, -.btn-dropbox.active, -.open > .dropdown-toggle.btn-dropbox { - color: #fff; - background-color: #0d6aad; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:active:hover, -.btn-dropbox.active:hover, -.open > .dropdown-toggle.btn-dropbox:hover, -.btn-dropbox:active:focus, -.btn-dropbox.active:focus, -.open > .dropdown-toggle.btn-dropbox:focus, -.btn-dropbox:active.focus, -.btn-dropbox.active.focus, -.open > .dropdown-toggle.btn-dropbox.focus { - color: #fff; - background-color: #0a568c; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:active, -.btn-dropbox.active, -.open > .dropdown-toggle.btn-dropbox { - background-image: none; -} -.btn-dropbox.disabled:hover, -.btn-dropbox[disabled]:hover, -fieldset[disabled] .btn-dropbox:hover, -.btn-dropbox.disabled:focus, -.btn-dropbox[disabled]:focus, -fieldset[disabled] .btn-dropbox:focus, -.btn-dropbox.disabled.focus, -.btn-dropbox[disabled].focus, -fieldset[disabled] .btn-dropbox.focus { - background-color: #1087dd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox .badge { - color: #1087dd; - background-color: #fff; -} -.btn-facebook { - color: #fff; - background-color: #3b5998; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:focus, -.btn-facebook.focus { - color: #fff; - background-color: #2d4373; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:hover { - color: #fff; - background-color: #2d4373; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:active, -.btn-facebook.active, -.open > .dropdown-toggle.btn-facebook { - color: #fff; - background-color: #2d4373; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:active:hover, -.btn-facebook.active:hover, -.open > .dropdown-toggle.btn-facebook:hover, -.btn-facebook:active:focus, -.btn-facebook.active:focus, -.open > .dropdown-toggle.btn-facebook:focus, -.btn-facebook:active.focus, -.btn-facebook.active.focus, -.open > .dropdown-toggle.btn-facebook.focus { - color: #fff; - background-color: #23345a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:active, -.btn-facebook.active, -.open > .dropdown-toggle.btn-facebook { - background-image: none; -} -.btn-facebook.disabled:hover, -.btn-facebook[disabled]:hover, -fieldset[disabled] .btn-facebook:hover, -.btn-facebook.disabled:focus, -.btn-facebook[disabled]:focus, -fieldset[disabled] .btn-facebook:focus, -.btn-facebook.disabled.focus, -.btn-facebook[disabled].focus, -fieldset[disabled] .btn-facebook.focus { - background-color: #3b5998; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook .badge { - color: #3b5998; - background-color: #fff; -} -.btn-flickr { - color: #fff; - background-color: #ff0084; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:focus, -.btn-flickr.focus { - color: #fff; - background-color: #cc006a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:hover { - color: #fff; - background-color: #cc006a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:active, -.btn-flickr.active, -.open > .dropdown-toggle.btn-flickr { - color: #fff; - background-color: #cc006a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:active:hover, -.btn-flickr.active:hover, -.open > .dropdown-toggle.btn-flickr:hover, -.btn-flickr:active:focus, -.btn-flickr.active:focus, -.open > .dropdown-toggle.btn-flickr:focus, -.btn-flickr:active.focus, -.btn-flickr.active.focus, -.open > .dropdown-toggle.btn-flickr.focus { - color: #fff; - background-color: #a80057; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:active, -.btn-flickr.active, -.open > .dropdown-toggle.btn-flickr { - background-image: none; -} -.btn-flickr.disabled:hover, -.btn-flickr[disabled]:hover, -fieldset[disabled] .btn-flickr:hover, -.btn-flickr.disabled:focus, -.btn-flickr[disabled]:focus, -fieldset[disabled] .btn-flickr:focus, -.btn-flickr.disabled.focus, -.btn-flickr[disabled].focus, -fieldset[disabled] .btn-flickr.focus { - background-color: #ff0084; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr .badge { - color: #ff0084; - background-color: #fff; -} -.btn-foursquare { - color: #fff; - background-color: #f94877; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:focus, -.btn-foursquare.focus { - color: #fff; - background-color: #f71752; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:hover { - color: #fff; - background-color: #f71752; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:active, -.btn-foursquare.active, -.open > .dropdown-toggle.btn-foursquare { - color: #fff; - background-color: #f71752; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:active:hover, -.btn-foursquare.active:hover, -.open > .dropdown-toggle.btn-foursquare:hover, -.btn-foursquare:active:focus, -.btn-foursquare.active:focus, -.open > .dropdown-toggle.btn-foursquare:focus, -.btn-foursquare:active.focus, -.btn-foursquare.active.focus, -.open > .dropdown-toggle.btn-foursquare.focus { - color: #fff; - background-color: #e30742; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:active, -.btn-foursquare.active, -.open > .dropdown-toggle.btn-foursquare { - background-image: none; -} -.btn-foursquare.disabled:hover, -.btn-foursquare[disabled]:hover, -fieldset[disabled] .btn-foursquare:hover, -.btn-foursquare.disabled:focus, -.btn-foursquare[disabled]:focus, -fieldset[disabled] .btn-foursquare:focus, -.btn-foursquare.disabled.focus, -.btn-foursquare[disabled].focus, -fieldset[disabled] .btn-foursquare.focus { - background-color: #f94877; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare .badge { - color: #f94877; - background-color: #fff; -} -.btn-github { - color: #fff; - background-color: #444444; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:focus, -.btn-github.focus { - color: #fff; - background-color: #2b2b2b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:hover { - color: #fff; - background-color: #2b2b2b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:active, -.btn-github.active, -.open > .dropdown-toggle.btn-github { - color: #fff; - background-color: #2b2b2b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:active:hover, -.btn-github.active:hover, -.open > .dropdown-toggle.btn-github:hover, -.btn-github:active:focus, -.btn-github.active:focus, -.open > .dropdown-toggle.btn-github:focus, -.btn-github:active.focus, -.btn-github.active.focus, -.open > .dropdown-toggle.btn-github.focus { - color: #fff; - background-color: #191919; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:active, -.btn-github.active, -.open > .dropdown-toggle.btn-github { - background-image: none; -} -.btn-github.disabled:hover, -.btn-github[disabled]:hover, -fieldset[disabled] .btn-github:hover, -.btn-github.disabled:focus, -.btn-github[disabled]:focus, -fieldset[disabled] .btn-github:focus, -.btn-github.disabled.focus, -.btn-github[disabled].focus, -fieldset[disabled] .btn-github.focus { - background-color: #444444; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github .badge { - color: #444444; - background-color: #fff; -} -.btn-google { - color: #fff; - background-color: #dd4b39; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:focus, -.btn-google.focus { - color: #fff; - background-color: #c23321; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:hover { - color: #fff; - background-color: #c23321; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:active, -.btn-google.active, -.open > .dropdown-toggle.btn-google { - color: #fff; - background-color: #c23321; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:active:hover, -.btn-google.active:hover, -.open > .dropdown-toggle.btn-google:hover, -.btn-google:active:focus, -.btn-google.active:focus, -.open > .dropdown-toggle.btn-google:focus, -.btn-google:active.focus, -.btn-google.active.focus, -.open > .dropdown-toggle.btn-google.focus { - color: #fff; - background-color: #a32b1c; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:active, -.btn-google.active, -.open > .dropdown-toggle.btn-google { - background-image: none; -} -.btn-google.disabled:hover, -.btn-google[disabled]:hover, -fieldset[disabled] .btn-google:hover, -.btn-google.disabled:focus, -.btn-google[disabled]:focus, -fieldset[disabled] .btn-google:focus, -.btn-google.disabled.focus, -.btn-google[disabled].focus, -fieldset[disabled] .btn-google.focus { - background-color: #dd4b39; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google .badge { - color: #dd4b39; - background-color: #fff; -} -.btn-instagram { - color: #fff; - background-color: #3f729b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:focus, -.btn-instagram.focus { - color: #fff; - background-color: #305777; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:hover { - color: #fff; - background-color: #305777; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:active, -.btn-instagram.active, -.open > .dropdown-toggle.btn-instagram { - color: #fff; - background-color: #305777; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:active:hover, -.btn-instagram.active:hover, -.open > .dropdown-toggle.btn-instagram:hover, -.btn-instagram:active:focus, -.btn-instagram.active:focus, -.open > .dropdown-toggle.btn-instagram:focus, -.btn-instagram:active.focus, -.btn-instagram.active.focus, -.open > .dropdown-toggle.btn-instagram.focus { - color: #fff; - background-color: #26455d; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:active, -.btn-instagram.active, -.open > .dropdown-toggle.btn-instagram { - background-image: none; -} -.btn-instagram.disabled:hover, -.btn-instagram[disabled]:hover, -fieldset[disabled] .btn-instagram:hover, -.btn-instagram.disabled:focus, -.btn-instagram[disabled]:focus, -fieldset[disabled] .btn-instagram:focus, -.btn-instagram.disabled.focus, -.btn-instagram[disabled].focus, -fieldset[disabled] .btn-instagram.focus { - background-color: #3f729b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram .badge { - color: #3f729b; - background-color: #fff; -} -.btn-linkedin { - color: #fff; - background-color: #007bb6; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:focus, -.btn-linkedin.focus { - color: #fff; - background-color: #005983; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:hover { - color: #fff; - background-color: #005983; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:active, -.btn-linkedin.active, -.open > .dropdown-toggle.btn-linkedin { - color: #fff; - background-color: #005983; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:active:hover, -.btn-linkedin.active:hover, -.open > .dropdown-toggle.btn-linkedin:hover, -.btn-linkedin:active:focus, -.btn-linkedin.active:focus, -.open > .dropdown-toggle.btn-linkedin:focus, -.btn-linkedin:active.focus, -.btn-linkedin.active.focus, -.open > .dropdown-toggle.btn-linkedin.focus { - color: #fff; - background-color: #00405f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:active, -.btn-linkedin.active, -.open > .dropdown-toggle.btn-linkedin { - background-image: none; -} -.btn-linkedin.disabled:hover, -.btn-linkedin[disabled]:hover, -fieldset[disabled] .btn-linkedin:hover, -.btn-linkedin.disabled:focus, -.btn-linkedin[disabled]:focus, -fieldset[disabled] .btn-linkedin:focus, -.btn-linkedin.disabled.focus, -.btn-linkedin[disabled].focus, -fieldset[disabled] .btn-linkedin.focus { - background-color: #007bb6; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin .badge { - color: #007bb6; - background-color: #fff; -} -.btn-microsoft { - color: #fff; - background-color: #2672ec; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:focus, -.btn-microsoft.focus { - color: #fff; - background-color: #125acd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:hover { - color: #fff; - background-color: #125acd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:active, -.btn-microsoft.active, -.open > .dropdown-toggle.btn-microsoft { - color: #fff; - background-color: #125acd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:active:hover, -.btn-microsoft.active:hover, -.open > .dropdown-toggle.btn-microsoft:hover, -.btn-microsoft:active:focus, -.btn-microsoft.active:focus, -.open > .dropdown-toggle.btn-microsoft:focus, -.btn-microsoft:active.focus, -.btn-microsoft.active.focus, -.open > .dropdown-toggle.btn-microsoft.focus { - color: #fff; - background-color: #0f4bac; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:active, -.btn-microsoft.active, -.open > .dropdown-toggle.btn-microsoft { - background-image: none; -} -.btn-microsoft.disabled:hover, -.btn-microsoft[disabled]:hover, -fieldset[disabled] .btn-microsoft:hover, -.btn-microsoft.disabled:focus, -.btn-microsoft[disabled]:focus, -fieldset[disabled] .btn-microsoft:focus, -.btn-microsoft.disabled.focus, -.btn-microsoft[disabled].focus, -fieldset[disabled] .btn-microsoft.focus { - background-color: #2672ec; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft .badge { - color: #2672ec; - background-color: #fff; -} -.btn-openid { - color: #fff; - background-color: #f7931e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:focus, -.btn-openid.focus { - color: #fff; - background-color: #da7908; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:hover { - color: #fff; - background-color: #da7908; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:active, -.btn-openid.active, -.open > .dropdown-toggle.btn-openid { - color: #fff; - background-color: #da7908; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:active:hover, -.btn-openid.active:hover, -.open > .dropdown-toggle.btn-openid:hover, -.btn-openid:active:focus, -.btn-openid.active:focus, -.open > .dropdown-toggle.btn-openid:focus, -.btn-openid:active.focus, -.btn-openid.active.focus, -.open > .dropdown-toggle.btn-openid.focus { - color: #fff; - background-color: #b86607; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:active, -.btn-openid.active, -.open > .dropdown-toggle.btn-openid { - background-image: none; -} -.btn-openid.disabled:hover, -.btn-openid[disabled]:hover, -fieldset[disabled] .btn-openid:hover, -.btn-openid.disabled:focus, -.btn-openid[disabled]:focus, -fieldset[disabled] .btn-openid:focus, -.btn-openid.disabled.focus, -.btn-openid[disabled].focus, -fieldset[disabled] .btn-openid.focus { - background-color: #f7931e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid .badge { - color: #f7931e; - background-color: #fff; -} -.btn-pinterest { - color: #fff; - background-color: #cb2027; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:focus, -.btn-pinterest.focus { - color: #fff; - background-color: #9f191f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:hover { - color: #fff; - background-color: #9f191f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:active, -.btn-pinterest.active, -.open > .dropdown-toggle.btn-pinterest { - color: #fff; - background-color: #9f191f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:active:hover, -.btn-pinterest.active:hover, -.open > .dropdown-toggle.btn-pinterest:hover, -.btn-pinterest:active:focus, -.btn-pinterest.active:focus, -.open > .dropdown-toggle.btn-pinterest:focus, -.btn-pinterest:active.focus, -.btn-pinterest.active.focus, -.open > .dropdown-toggle.btn-pinterest.focus { - color: #fff; - background-color: #801419; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:active, -.btn-pinterest.active, -.open > .dropdown-toggle.btn-pinterest { - background-image: none; -} -.btn-pinterest.disabled:hover, -.btn-pinterest[disabled]:hover, -fieldset[disabled] .btn-pinterest:hover, -.btn-pinterest.disabled:focus, -.btn-pinterest[disabled]:focus, -fieldset[disabled] .btn-pinterest:focus, -.btn-pinterest.disabled.focus, -.btn-pinterest[disabled].focus, -fieldset[disabled] .btn-pinterest.focus { - background-color: #cb2027; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest .badge { - color: #cb2027; - background-color: #fff; -} -.btn-reddit { - color: #000; - background-color: #eff7ff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:focus, -.btn-reddit.focus { - color: #000; - background-color: #bcddff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:hover { - color: #000; - background-color: #bcddff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:active, -.btn-reddit.active, -.open > .dropdown-toggle.btn-reddit { - color: #000; - background-color: #bcddff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:active:hover, -.btn-reddit.active:hover, -.open > .dropdown-toggle.btn-reddit:hover, -.btn-reddit:active:focus, -.btn-reddit.active:focus, -.open > .dropdown-toggle.btn-reddit:focus, -.btn-reddit:active.focus, -.btn-reddit.active.focus, -.open > .dropdown-toggle.btn-reddit.focus { - color: #000; - background-color: #98ccff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:active, -.btn-reddit.active, -.open > .dropdown-toggle.btn-reddit { - background-image: none; -} -.btn-reddit.disabled:hover, -.btn-reddit[disabled]:hover, -fieldset[disabled] .btn-reddit:hover, -.btn-reddit.disabled:focus, -.btn-reddit[disabled]:focus, -fieldset[disabled] .btn-reddit:focus, -.btn-reddit.disabled.focus, -.btn-reddit[disabled].focus, -fieldset[disabled] .btn-reddit.focus { - background-color: #eff7ff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit .badge { - color: #eff7ff; - background-color: #000; -} -.btn-soundcloud { - color: #fff; - background-color: #ff5500; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:focus, -.btn-soundcloud.focus { - color: #fff; - background-color: #cc4400; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:hover { - color: #fff; - background-color: #cc4400; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:active, -.btn-soundcloud.active, -.open > .dropdown-toggle.btn-soundcloud { - color: #fff; - background-color: #cc4400; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:active:hover, -.btn-soundcloud.active:hover, -.open > .dropdown-toggle.btn-soundcloud:hover, -.btn-soundcloud:active:focus, -.btn-soundcloud.active:focus, -.open > .dropdown-toggle.btn-soundcloud:focus, -.btn-soundcloud:active.focus, -.btn-soundcloud.active.focus, -.open > .dropdown-toggle.btn-soundcloud.focus { - color: #fff; - background-color: #a83800; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:active, -.btn-soundcloud.active, -.open > .dropdown-toggle.btn-soundcloud { - background-image: none; -} -.btn-soundcloud.disabled:hover, -.btn-soundcloud[disabled]:hover, -fieldset[disabled] .btn-soundcloud:hover, -.btn-soundcloud.disabled:focus, -.btn-soundcloud[disabled]:focus, -fieldset[disabled] .btn-soundcloud:focus, -.btn-soundcloud.disabled.focus, -.btn-soundcloud[disabled].focus, -fieldset[disabled] .btn-soundcloud.focus { - background-color: #ff5500; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud .badge { - color: #ff5500; - background-color: #fff; -} -.btn-tumblr { - color: #fff; - background-color: #2c4762; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:focus, -.btn-tumblr.focus { - color: #fff; - background-color: #1c2d3f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:hover { - color: #fff; - background-color: #1c2d3f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:active, -.btn-tumblr.active, -.open > .dropdown-toggle.btn-tumblr { - color: #fff; - background-color: #1c2d3f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:active:hover, -.btn-tumblr.active:hover, -.open > .dropdown-toggle.btn-tumblr:hover, -.btn-tumblr:active:focus, -.btn-tumblr.active:focus, -.open > .dropdown-toggle.btn-tumblr:focus, -.btn-tumblr:active.focus, -.btn-tumblr.active.focus, -.open > .dropdown-toggle.btn-tumblr.focus { - color: #fff; - background-color: #111c26; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:active, -.btn-tumblr.active, -.open > .dropdown-toggle.btn-tumblr { - background-image: none; -} -.btn-tumblr.disabled:hover, -.btn-tumblr[disabled]:hover, -fieldset[disabled] .btn-tumblr:hover, -.btn-tumblr.disabled:focus, -.btn-tumblr[disabled]:focus, -fieldset[disabled] .btn-tumblr:focus, -.btn-tumblr.disabled.focus, -.btn-tumblr[disabled].focus, -fieldset[disabled] .btn-tumblr.focus { - background-color: #2c4762; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr .badge { - color: #2c4762; - background-color: #fff; -} -.btn-twitter { - color: #fff; - background-color: #55acee; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:focus, -.btn-twitter.focus { - color: #fff; - background-color: #2795e9; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:hover { - color: #fff; - background-color: #2795e9; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:active, -.btn-twitter.active, -.open > .dropdown-toggle.btn-twitter { - color: #fff; - background-color: #2795e9; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:active:hover, -.btn-twitter.active:hover, -.open > .dropdown-toggle.btn-twitter:hover, -.btn-twitter:active:focus, -.btn-twitter.active:focus, -.open > .dropdown-toggle.btn-twitter:focus, -.btn-twitter:active.focus, -.btn-twitter.active.focus, -.open > .dropdown-toggle.btn-twitter.focus { - color: #fff; - background-color: #1583d7; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:active, -.btn-twitter.active, -.open > .dropdown-toggle.btn-twitter { - background-image: none; -} -.btn-twitter.disabled:hover, -.btn-twitter[disabled]:hover, -fieldset[disabled] .btn-twitter:hover, -.btn-twitter.disabled:focus, -.btn-twitter[disabled]:focus, -fieldset[disabled] .btn-twitter:focus, -.btn-twitter.disabled.focus, -.btn-twitter[disabled].focus, -fieldset[disabled] .btn-twitter.focus { - background-color: #55acee; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter .badge { - color: #55acee; - background-color: #fff; -} -.btn-vimeo { - color: #fff; - background-color: #1ab7ea; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:focus, -.btn-vimeo.focus { - color: #fff; - background-color: #1295bf; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:hover { - color: #fff; - background-color: #1295bf; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:active, -.btn-vimeo.active, -.open > .dropdown-toggle.btn-vimeo { - color: #fff; - background-color: #1295bf; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:active:hover, -.btn-vimeo.active:hover, -.open > .dropdown-toggle.btn-vimeo:hover, -.btn-vimeo:active:focus, -.btn-vimeo.active:focus, -.open > .dropdown-toggle.btn-vimeo:focus, -.btn-vimeo:active.focus, -.btn-vimeo.active.focus, -.open > .dropdown-toggle.btn-vimeo.focus { - color: #fff; - background-color: #0f7b9f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:active, -.btn-vimeo.active, -.open > .dropdown-toggle.btn-vimeo { - background-image: none; -} -.btn-vimeo.disabled:hover, -.btn-vimeo[disabled]:hover, -fieldset[disabled] .btn-vimeo:hover, -.btn-vimeo.disabled:focus, -.btn-vimeo[disabled]:focus, -fieldset[disabled] .btn-vimeo:focus, -.btn-vimeo.disabled.focus, -.btn-vimeo[disabled].focus, -fieldset[disabled] .btn-vimeo.focus { - background-color: #1ab7ea; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo .badge { - color: #1ab7ea; - background-color: #fff; -} -.btn-vk { - color: #fff; - background-color: #587ea3; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:focus, -.btn-vk.focus { - color: #fff; - background-color: #466482; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:hover { - color: #fff; - background-color: #466482; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:active, -.btn-vk.active, -.open > .dropdown-toggle.btn-vk { - color: #fff; - background-color: #466482; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:active:hover, -.btn-vk.active:hover, -.open > .dropdown-toggle.btn-vk:hover, -.btn-vk:active:focus, -.btn-vk.active:focus, -.open > .dropdown-toggle.btn-vk:focus, -.btn-vk:active.focus, -.btn-vk.active.focus, -.open > .dropdown-toggle.btn-vk.focus { - color: #fff; - background-color: #3a526b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:active, -.btn-vk.active, -.open > .dropdown-toggle.btn-vk { - background-image: none; -} -.btn-vk.disabled:hover, -.btn-vk[disabled]:hover, -fieldset[disabled] .btn-vk:hover, -.btn-vk.disabled:focus, -.btn-vk[disabled]:focus, -fieldset[disabled] .btn-vk:focus, -.btn-vk.disabled.focus, -.btn-vk[disabled].focus, -fieldset[disabled] .btn-vk.focus { - background-color: #587ea3; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk .badge { - color: #587ea3; - background-color: #fff; -} -.btn-yahoo { - color: #fff; - background-color: #720e9e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:focus, -.btn-yahoo.focus { - color: #fff; - background-color: #500a6f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:hover { - color: #fff; - background-color: #500a6f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:active, -.btn-yahoo.active, -.open > .dropdown-toggle.btn-yahoo { - color: #fff; - background-color: #500a6f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:active:hover, -.btn-yahoo.active:hover, -.open > .dropdown-toggle.btn-yahoo:hover, -.btn-yahoo:active:focus, -.btn-yahoo.active:focus, -.open > .dropdown-toggle.btn-yahoo:focus, -.btn-yahoo:active.focus, -.btn-yahoo.active.focus, -.open > .dropdown-toggle.btn-yahoo.focus { - color: #fff; - background-color: #39074e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:active, -.btn-yahoo.active, -.open > .dropdown-toggle.btn-yahoo { - background-image: none; -} -.btn-yahoo.disabled:hover, -.btn-yahoo[disabled]:hover, -fieldset[disabled] .btn-yahoo:hover, -.btn-yahoo.disabled:focus, -.btn-yahoo[disabled]:focus, -fieldset[disabled] .btn-yahoo:focus, -.btn-yahoo.disabled.focus, -.btn-yahoo[disabled].focus, -fieldset[disabled] .btn-yahoo.focus { - background-color: #720e9e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo .badge { - color: #720e9e; - background-color: #fff; -} -/* - * Plugin: Full Calendar - * --------------------- - */ -.fc-button { - background: #f4f4f4; - background-image: none; - color: #444; - border-color: #ddd; - border-bottom-color: #ddd; -} -.fc-button:hover, -.fc-button:active, -.fc-button.hover { - background-color: #e9e9e9; -} -.fc-header-title h2 { - font-size: 15px; - line-height: 1.6em; - color: #666; - margin-left: 10px; -} -.fc-header-right { - padding-right: 10px; -} -.fc-header-left { - padding-left: 10px; -} -.fc-widget-header { - background: #fafafa; -} -.fc-grid { - width: 100%; - border: 0; -} -.fc-widget-header:first-of-type, -.fc-widget-content:first-of-type { - border-left: 0; - border-right: 0; -} -.fc-widget-header:last-of-type, -.fc-widget-content:last-of-type { - border-right: 0; -} -.fc-toolbar { - padding: 10px; - margin: 0; -} -.fc-day-number { - font-size: 20px; - font-weight: 300; - padding-right: 10px; -} -.fc-color-picker { - list-style: none; - margin: 0; - padding: 0; -} -.fc-color-picker > li { - float: left; - font-size: 30px; - margin-right: 5px; - line-height: 30px; -} -.fc-color-picker > li .fa { - transition: transform linear 0.3s; -} -.fc-color-picker > li .fa:hover { - transform: rotate(30deg); -} -#add-new-event { - transition: all linear 0.3s; -} -.external-event { - padding: 5px 10px; - font-weight: bold; - margin-bottom: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 3px; - cursor: move; -} -.external-event:hover { - box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); -} -/* - * Plugin: Select2 - * --------------- - */ -.select2-container--default.select2-container--focus, -.select2-selection.select2-container--focus, -.select2-container--default:focus, -.select2-selection:focus, -.select2-container--default:active, -.select2-selection:active { - outline: none; -} -.select2-container--default .select2-selection--single, -.select2-selection .select2-selection--single { - border: 1px solid #d2d6de; - border-radius: 0; - padding: 6px 12px; - height: 34px; -} -.select2-container--default.select2-container--open { - border-color: #3c8dbc; -} -.select2-dropdown { - border: 1px solid #d2d6de; - border-radius: 0; -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #3c8dbc; - color: white; -} -.select2-results__option { - padding: 6px 12px; - -moz-user-select: none; - user-select: none; - -webkit-user-select: none; -} -.select2-container .select2-selection--single .select2-selection__rendered { - padding-left: 0; - padding-right: 0; - height: auto; - margin-top: -4px; -} -.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { - padding-right: 6px; - padding-left: 20px; -} -.select2-container--default .select2-selection--single .select2-selection__arrow { - height: 28px; - right: 3px; -} -.select2-container--default .select2-selection--single .select2-selection__arrow b { - margin-top: 0; -} -.select2-dropdown .select2-search__field, -.select2-search--inline .select2-search__field { - border: 1px solid #d2d6de; -} -.select2-dropdown .select2-search__field:focus, -.select2-search--inline .select2-search__field:focus { - outline: none; -} -.select2-container--default.select2-container--focus .select2-selection--multiple, -.select2-container--default .select2-search--dropdown .select2-search__field { - border-color: #3c8dbc !important; -} -.select2-container--default .select2-results__option[aria-disabled=true] { - color: #999; -} -.select2-container--default .select2-results__option[aria-selected=true] { - background-color: #ddd; -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - color: #444; -} -.select2-container--default .select2-selection--multiple { - border: 1px solid #d2d6de; - border-radius: 0; -} -.select2-container--default .select2-selection--multiple:focus { - border-color: #3c8dbc; -} -.select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #d2d6de; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3c8dbc; - border-color: #367fa9; - padding: 1px 10px; - color: #fff; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - margin-right: 5px; - color: rgba(255, 255, 255, 0.7); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; -} -.select2-container .select2-selection--single .select2-selection__rendered { - padding-right: 10px; -} -.box .datepicker-inline, -.box .datepicker-inline .datepicker-days, -.box .datepicker-inline > table, -.box .datepicker-inline .datepicker-days > table { - width: 100%; -} -.box .datepicker-inline td:hover, -.box .datepicker-inline .datepicker-days td:hover, -.box .datepicker-inline > table td:hover, -.box .datepicker-inline .datepicker-days > table td:hover { - background-color: rgba(255, 255, 255, 0.3); -} -.box .datepicker-inline td.day.old, -.box .datepicker-inline .datepicker-days td.day.old, -.box .datepicker-inline > table td.day.old, -.box .datepicker-inline .datepicker-days > table td.day.old, -.box .datepicker-inline td.day.new, -.box .datepicker-inline .datepicker-days td.day.new, -.box .datepicker-inline > table td.day.new, -.box .datepicker-inline .datepicker-days > table td.day.new { - color: #777; -} -/* - * General: Miscellaneous - * ---------------------- - */ -.pad { - padding: 10px; -} -.margin { - margin: 10px; -} -.margin-bottom { - margin-bottom: 20px; -} -.margin-bottom-none { - margin-bottom: 0; -} -.margin-r-5 { - margin-right: 5px; -} -.inline { - display: inline; -} -.description-block { - display: block; - margin: 10px 0; - text-align: center; -} -.description-block.margin-bottom { - margin-bottom: 25px; -} -.description-block > .description-header { - margin: 0; - padding: 0; - font-weight: 600; - font-size: 16px; -} -.description-block > .description-text { - text-transform: uppercase; -} -.bg-red, -.bg-yellow, -.bg-aqua, -.bg-blue, -.bg-light-blue, -.bg-green, -.bg-navy, -.bg-teal, -.bg-olive, -.bg-lime, -.bg-orange, -.bg-fuchsia, -.bg-purple, -.bg-maroon, -.bg-black, -.bg-red-active, -.bg-yellow-active, -.bg-aqua-active, -.bg-blue-active, -.bg-light-blue-active, -.bg-green-active, -.bg-navy-active, -.bg-teal-active, -.bg-olive-active, -.bg-lime-active, -.bg-orange-active, -.bg-fuchsia-active, -.bg-purple-active, -.bg-maroon-active, -.bg-black-active, -.callout.callout-danger, -.callout.callout-warning, -.callout.callout-info, -.callout.callout-success, -.alert-success, -.alert-danger, -.alert-error, -.alert-warning, -.alert-info, -.label-danger, -.label-info, -.label-warning, -.label-primary, -.label-success, -.modal-primary .modal-body, -.modal-primary .modal-header, -.modal-primary .modal-footer, -.modal-warning .modal-body, -.modal-warning .modal-header, -.modal-warning .modal-footer, -.modal-info .modal-body, -.modal-info .modal-header, -.modal-info .modal-footer, -.modal-success .modal-body, -.modal-success .modal-header, -.modal-success .modal-footer, -.modal-danger .modal-body, -.modal-danger .modal-header, -.modal-danger .modal-footer { - color: #fff !important; -} -.bg-gray { - color: #000; - background-color: #d2d6de !important; -} -.bg-gray-light { - background-color: #f7f7f7; -} -.bg-black { - background-color: #111 !important; -} -.bg-red, -.callout.callout-danger, -.alert-danger, -.alert-error, -.label-danger, -.modal-danger .modal-body { - background-color: #dd4b39 !important; -} -.bg-yellow, -.callout.callout-warning, -.alert-warning, -.label-warning, -.modal-warning .modal-body { - background-color: #f39c12 !important; -} -.bg-aqua, -.callout.callout-info, -.alert-info, -.label-info, -.modal-info .modal-body { - background-color: #00c0ef !important; -} -.bg-blue { - background-color: #0073b7 !important; -} -.bg-light-blue, -.label-primary, -.modal-primary .modal-body { - background-color: #3c8dbc !important; -} -.bg-green, -.callout.callout-success, -.alert-success, -.label-success, -.modal-success .modal-body { - background-color: #00a65a !important; -} -.bg-navy { - background-color: #001F3F !important; -} -.bg-teal { - background-color: #39CCCC !important; -} -.bg-olive { - background-color: #3D9970 !important; -} -.bg-lime { - background-color: #01FF70 !important; -} -.bg-orange { - background-color: #FF851B !important; -} -.bg-fuchsia { - background-color: #F012BE !important; -} -.bg-purple { - background-color: #605ca8 !important; -} -.bg-maroon { - background-color: #D81B60 !important; -} -.bg-gray-active { - color: #000; - background-color: #b5bbc8 !important; -} -.bg-black-active { - background-color: #000000 !important; -} -.bg-red-active, -.modal-danger .modal-header, -.modal-danger .modal-footer { - background-color: #d33724 !important; -} -.bg-yellow-active, -.modal-warning .modal-header, -.modal-warning .modal-footer { - background-color: #db8b0b !important; -} -.bg-aqua-active, -.modal-info .modal-header, -.modal-info .modal-footer { - background-color: #00a7d0 !important; -} -.bg-blue-active { - background-color: #005384 !important; -} -.bg-light-blue-active, -.modal-primary .modal-header, -.modal-primary .modal-footer { - background-color: #357ca5 !important; -} -.bg-green-active, -.modal-success .modal-header, -.modal-success .modal-footer { - background-color: #008d4c !important; -} -.bg-navy-active { - background-color: #001a35 !important; -} -.bg-teal-active { - background-color: #30bbbb !important; -} -.bg-olive-active { - background-color: #368763 !important; -} -.bg-lime-active { - background-color: #00e765 !important; -} -.bg-orange-active { - background-color: #ff7701 !important; -} -.bg-fuchsia-active { - background-color: #db0ead !important; -} -.bg-purple-active { - background-color: #555299 !important; -} -.bg-maroon-active { - background-color: #ca195a !important; -} -[class^="bg-"].disabled { - opacity: 0.65; - filter: alpha(opacity=65); -} -.text-red { - color: #dd4b39 !important; -} -.text-yellow { - color: #f39c12 !important; -} -.text-aqua { - color: #00c0ef !important; -} -.text-blue { - color: #0073b7 !important; -} -.text-black { - color: #111 !important; -} -.text-light-blue { - color: #3c8dbc !important; -} -.text-green { - color: #00a65a !important; -} -.text-gray { - color: #d2d6de !important; -} -.text-navy { - color: #001F3F !important; -} -.text-teal { - color: #39CCCC !important; -} -.text-olive { - color: #3D9970 !important; -} -.text-lime { - color: #01FF70 !important; -} -.text-orange { - color: #FF851B !important; -} -.text-fuchsia { - color: #F012BE !important; -} -.text-purple { - color: #605ca8 !important; -} -.text-maroon { - color: #D81B60 !important; -} -.link-muted { - color: #7a869d; -} -.link-muted:hover, -.link-muted:focus { - color: #606c84; -} -.link-black { - color: #666; -} -.link-black:hover, -.link-black:focus { - color: #999; -} -.hide { - display: none !important; -} -.no-border { - border: 0 !important; -} -.no-padding { - padding: 0 !important; -} -.no-margin { - margin: 0 !important; -} -.no-shadow { - box-shadow: none !important; -} -.list-unstyled, -.chart-legend, -.contacts-list, -.users-list, -.mailbox-attachments { - list-style: none; - margin: 0; - padding: 0; -} -.list-group-unbordered > .list-group-item { - border-left: 0; - border-right: 0; - border-radius: 0; - padding-left: 0; - padding-right: 0; -} -.flat { - border-radius: 0 !important; -} -.text-bold, -.text-bold.table td, -.text-bold.table th { - font-weight: 700; -} -.text-sm { - font-size: 12px; -} -.jqstooltip { - padding: 5px !important; - width: auto !important; - height: auto !important; -} -.bg-teal-gradient { - background: #39CCCC !important; - background: -o-linear-gradient(#7adddd, #39CCCC) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important; - color: #fff; -} -.bg-light-blue-gradient { - background: #3c8dbc !important; - background: -o-linear-gradient(#67a8ce, #3c8dbc) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important; - color: #fff; -} -.bg-blue-gradient { - background: #0073b7 !important; - background: -o-linear-gradient(#0089db, #0073b7) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important; - color: #fff; -} -.bg-aqua-gradient { - background: #00c0ef !important; - background: -o-linear-gradient(#14d1ff, #00c0ef) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important; - color: #fff; -} -.bg-yellow-gradient { - background: #f39c12 !important; - background: -o-linear-gradient(#f7bc60, #f39c12) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important; - color: #fff; -} -.bg-purple-gradient { - background: #605ca8 !important; - background: -o-linear-gradient(#9491c4, #605ca8) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important; - color: #fff; -} -.bg-green-gradient { - background: #00a65a !important; - background: -o-linear-gradient(#00ca6d, #00a65a) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important; - color: #fff; -} -.bg-red-gradient { - background: #dd4b39 !important; - background: -o-linear-gradient(#e47365, #dd4b39) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important; - color: #fff; -} -.bg-black-gradient { - background: #111 !important; - background: -o-linear-gradient(#2b2b2b, #111) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important; - color: #fff; -} -.bg-maroon-gradient { - background: #D81B60 !important; - background: -o-linear-gradient(#e73f7c, #D81B60) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important; - color: #fff; -} -.description-block .description-icon { - font-size: 16px; -} -.no-pad-top { - padding-top: 0; -} -.position-static { - position: static !important; -} -.list-header { - font-size: 15px; - padding: 10px 4px; - font-weight: bold; - color: #666; -} -.list-seperator { - height: 1px; - background: #f4f4f4; - margin: 15px 0 9px 0; -} -.list-link > a { - padding: 4px; - color: #777; -} -.list-link > a:hover { - color: #222; -} -.font-light { - font-weight: 300; -} -.user-block:before, -.user-block:after { - content: " "; - display: table; -} -.user-block:after { - clear: both; -} -.user-block img { - width: 40px; - height: 40px; - float: left; -} -.user-block .username, -.user-block .description, -.user-block .comment { - display: block; - margin-left: 50px; -} -.user-block .username { - font-size: 16px; - font-weight: 600; -} -.user-block .description { - color: #999; - font-size: 13px; -} -.user-block.user-block-sm .username, -.user-block.user-block-sm .description, -.user-block.user-block-sm .comment { - margin-left: 40px; -} -.user-block.user-block-sm .username { - font-size: 14px; -} -.img-sm, -.img-md, -.img-lg, -.box-comments .box-comment img, -.user-block.user-block-sm img { - float: left; -} -.img-sm, -.box-comments .box-comment img, -.user-block.user-block-sm img { - width: 30px !important; - height: 30px !important; -} -.img-sm + .img-push { - margin-left: 40px; -} -.img-md { - width: 60px; - height: 60px; -} -.img-md + .img-push { - margin-left: 70px; -} -.img-lg { - width: 100px; - height: 100px; -} -.img-lg + .img-push { - margin-left: 110px; -} -.img-bordered { - border: 3px solid #d2d6de; - padding: 3px; -} -.img-bordered-sm { - border: 2px solid #d2d6de; - padding: 2px; -} -.attachment-block { - border: 1px solid #f4f4f4; - padding: 5px; - margin-bottom: 10px; - background: #f7f7f7; -} -.attachment-block .attachment-img { - max-width: 100px; - max-height: 100px; - height: auto; - float: left; -} -.attachment-block .attachment-pushed { - margin-left: 110px; -} -.attachment-block .attachment-heading { - margin: 0; -} -.attachment-block .attachment-text { - color: #555; -} -.connectedSortable { - min-height: 100px; -} -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.sort-highlight { - background: #f4f4f4; - border: 1px dashed #ddd; - margin-bottom: 10px; -} -.full-opacity-hover { - opacity: 0.65; - filter: alpha(opacity=65); -} -.full-opacity-hover:hover { - opacity: 1; - filter: alpha(opacity=100); -} -.chart { - position: relative; - overflow: hidden; - width: 100%; -} -.chart svg, -.chart canvas { - width: 100% !important; -} -hr { - border-top: 1px solid #555555; -} -#red .slider-selection { - background: #f56954; -} -#blue .slider-selection { - background: #3c8dbc; -} -#green .slider-selection { - background: #00a65a; -} -#yellow .slider-selection { - background: #f39c12; -} -#aqua .slider-selection { - background: #00c0ef; -} -#purple .slider-selection { - background: #932ab6; -} -/* - * Misc: print - * ----------- - */ -@media print { - .no-print, - .main-sidebar, - .left-side, - .main-header, - .content-header { - display: none !important; - } - .content-wrapper, - .right-side, - .main-footer { - margin-left: 0 !important; - min-height: 0 !important; - transform: translate(0, 0) !important; - } - .fixed .content-wrapper, - .fixed .right-side { - padding-top: 0 !important; - } - .invoice { - width: 100%; - border: 0; - margin: 0; - padding: 0; - } - .invoice-col { - float: left; - width: 33.3333333%; - } - .table-responsive { - overflow: auto; - } - .table-responsive > .table tr th, - .table-responsive > .table tr td { - white-space: normal !important; - } -} - + */.layout-boxed body,.layout-boxed html,body,html{height:100%}body{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.wrapper,body{overflow-x:hidden;overflow-y:auto}.wrapper{height:100%;position:relative}.wrapper:after,.wrapper:before{content:" ";display:table}.wrapper:after{clear:both}.layout-boxed .wrapper{box-shadow:0 0 8px rgba(0,0,0,.5);margin:0 auto;max-width:1250px;min-height:100%;position:relative}.layout-boxed{background-color:#f9fafc}.content-wrapper,.main-footer{margin-left:230px;transition:transform .3s ease-in-out,margin .3s ease-in-out;z-index:820}.layout-top-nav .content-wrapper,.layout-top-nav .main-footer{margin-left:0}@media (max-width:767px){.content-wrapper,.main-footer{margin-left:0}}@media (min-width:768px){.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:0}}@media (max-width:767px){.sidebar-open .content-wrapper,.sidebar-open .main-footer{transform:translate(230px)}}.content-wrapper{background-color:#ecf0f5;min-height:calc(100vh - 101px);z-index:800}@media (max-width:767px){.content-wrapper{min-height:calc(100vh - 151px)}}.main-footer{background:#fff;border-top:1px solid #d2d6de;color:#444;padding:15px}.fixed .left-side,.fixed .main-header,.fixed .main-sidebar{position:fixed}.fixed .main-header{left:0;right:0;top:0}.fixed .content-wrapper,.fixed .right-side{padding-top:50px}@media (max-width:767px){.fixed .content-wrapper,.fixed .right-side{padding-top:100px}}.fixed.layout-boxed .wrapper{max-width:100%}.fixed .wrapper{overflow:hidden}.hold-transition .content-wrapper,.hold-transition .left-side,.hold-transition .main-footer,.hold-transition .main-header .logo,.hold-transition .main-header .navbar,.hold-transition .main-sidebar,.hold-transition .menu-open .fa-angle-left,.hold-transition .right-side{transition:none}.content{margin-left:auto;margin-right:auto;min-height:250px;padding:15px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Source Sans Pro,sans-serif}a{color:#3c8dbc}a:active,a:focus,a:hover{color:#72afd2;outline:none;text-decoration:none}.page-header{font-size:22px;margin:10px 0 20px}.page-header>small{color:#666;display:block;margin-top:5px}.main-header{max-height:100px;position:relative;z-index:1030}.main-header .navbar{border:none;border-radius:0;margin-bottom:0;margin-left:230px;min-height:50px;transition:margin-left .3s ease-in-out}.layout-top-nav .main-header .navbar{margin-left:0}.main-header #navbar-search-input.form-control{background:hsla(0,0%,100%,.2);border-color:transparent}.main-header #navbar-search-input.form-control:active,.main-header #navbar-search-input.form-control:focus{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1)}.main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}.main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}.main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}@media (max-width:991px){.main-header .navbar-custom-menu a,.main-header .navbar-right a{background:transparent;color:inherit}}@media (max-width:767px){.main-header .navbar-right{float:none}.navbar-collapse .main-header .navbar-right{margin:7.5px -15px}.main-header .navbar-right>li{border:0;color:inherit}}.main-header .sidebar-toggle{background-color:transparent;background-image:none;float:left;font-family:fontAwesome;padding:15px}.main-header .sidebar-toggle:before{content:"\f0c9"}.main-header .sidebar-toggle:hover{color:#fff}.main-header .sidebar-toggle:active,.main-header .sidebar-toggle:focus{background:transparent}.main-header .sidebar-toggle.fa5{font-family:"Font Awesome\ 5 Free"}.main-header .sidebar-toggle.fa5:before{content:"\f0c9";font-weight:900}.main-header .sidebar-toggle .icon-bar{display:none}.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}.main-header .navbar .nav>li>a>.label{font-size:9px;line-height:.9;padding:2px 3px;position:absolute;right:7px;text-align:center;top:9px}.main-header .logo{display:block;float:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;height:50px;line-height:50px;overflow:hidden;padding:0 15px;text-align:center;transition:width .3s ease-in-out;width:230px}.main-header .logo img{margin:0 auto;-o-object-fit:contain;object-fit:contain;padding:4px}.main-header .logo .logo-lg{display:block}.main-header .logo .logo-lg img{max-height:50px;max-width:200px}.main-header .logo .logo-lg .brandlogo-image{margin-left:-5px;margin-right:10px;margin-top:8px}.main-header .logo .logo-mini{display:none}.main-header .logo .logo-mini img{max-height:50px;max-width:50px}.main-header .logo .logo-mini .brandlogo-image{margin-left:10px;margin-right:10px;margin-top:8px}.main-header .logo .brandlogo-image{float:left;height:34px;width:auto}.main-header .navbar-brand{color:#fff}.content-header{padding:15px 15px 0;position:relative}.content-header>h1{font-size:24px;margin:0}.content-header>h1>small{display:inline-block;font-size:15px;font-weight:300;padding-left:4px}.content-header>.breadcrumb{background:transparent;border-radius:2px;float:right;font-size:12px;margin-bottom:0;margin-top:0;padding:7px 5px;position:absolute;right:10px;top:15px}.content-header>.breadcrumb>li>a{color:#444;display:inline-block;text-decoration:none}.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}.content-header>.breadcrumb>li+li:before{content:">\00a0"}@media (max-width:991px){.content-header>.breadcrumb{background:#d2d6de;float:none;margin-top:5px;padding-left:10px;position:relative;right:0;top:0}.content-header>.breadcrumb li:before{color:#97a0b3}}.navbar-toggle{border:0;color:#fff;margin:0;padding:15px}@media (max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left}.navbar-custom-menu .navbar-nav{float:left;margin:0}.navbar-custom-menu .navbar-nav>li>a{line-height:20px;padding-bottom:15px;padding-top:15px}}@media (max-width:767px){.main-header{position:relative}.main-header .logo,.main-header .navbar{float:none;width:100%}.main-header .navbar{margin:0}.main-header .navbar-custom-menu{float:right}}@media (max-width:991px){.navbar-collapse.pull-left{float:none!important}.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;right:40px;top:0}}.main-sidebar{left:0;min-height:100%;padding-top:50px;position:absolute;top:0;transition:transform .3s ease-in-out,width .3s ease-in-out;width:230px;z-index:810}@media (max-width:767px){.main-sidebar{padding-top:100px;transform:translate(-230px)}}@media (min-width:768px){.sidebar-collapse .main-sidebar{transform:translate(-230px)}}@media (max-width:767px){.sidebar-open .main-sidebar{transform:translate(0)}}.sidebar{padding-bottom:10px}.sidebar-form input:focus{border-color:transparent}.user-panel{overflow:hidden;padding:10px;position:relative;width:100%}.user-panel:after,.user-panel:before{content:" ";display:table}.user-panel:after{clear:both}.user-panel>.image>img{height:auto;max-width:45px;width:100%}.user-panel>.info{left:55px;line-height:1;padding:5px 5px 5px 15px;position:absolute}.user-panel>.info>p{font-weight:600;margin-bottom:9px}.user-panel>.info>a{font-size:11px;margin-top:3px;padding-right:5px;text-decoration:none}.user-panel>.info>a>.fa,.user-panel>.info>a>.glyphicon,.user-panel>.info>a>.ion{margin-right:3px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu>li{margin:0;padding:0;position:relative}.sidebar-menu>li>a{display:block;padding:12px 5px 12px 15px}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:20px}.sidebar-menu>li .badge,.sidebar-menu>li .label{margin-right:5px}.sidebar-menu>li .badge{margin-top:3px}.sidebar-menu li.header{font-size:12px;padding:10px 25px 10px 15px}.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left{height:auto;margin-right:10px;padding:0;transition:transform .5s ease;width:auto}.sidebar-menu li>a>.fa-angle-left{margin-top:-8px;position:absolute;right:10px;top:50%}.sidebar-menu .menu-open>a>.fa-angle-left,.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left{transform:rotate(-90deg)}.sidebar-menu .active>.treeview-menu{display:block}@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer,.sidebar-mini.sidebar-collapse .right-side{margin-left:50px!important;z-index:840}.sidebar-mini.sidebar-collapse .main-sidebar{transform:translate(0);width:50px!important;z-index:850}.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-bottom-right-radius:4px;padding-bottom:5px;padding-top:5px}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu li.header,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span>.pull-right{display:none!important;-webkit-transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{display:block;font-size:18px;margin-left:-15px;margin-right:-15px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{display:none}.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){display:block!important;left:50px;position:absolute;width:180px}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span{background-color:inherit;margin-left:-3px;padding:12px 5px 12px 20px;top:0}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{float:right;left:180px!important;position:relative!important;top:-22px!important;width:auto!important;z-index:900}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{margin-left:0;top:44px}}.sidebar-expanded-on-hover .content-wrapper,.sidebar-expanded-on-hover .main-footer{margin-left:50px}.sidebar-expanded-on-hover .main-sidebar{box-shadow:3px 0 8px rgba(0,0,0,.125)}.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{overflow:hidden;white-space:nowrap}.sidebar-menu:hover{overflow:visible}.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}.sidebar-menu li>a{position:relative}.sidebar-menu li>a>.pull-right-container{margin-top:-7px;position:absolute;right:10px;top:50%}.control-sidebar-bg{bottom:0;position:fixed;z-index:1000}.control-sidebar,.control-sidebar-bg{right:-230px;top:0;transition:right .3s ease-in-out;width:230px}.control-sidebar{padding-top:50px;position:absolute;z-index:1010}@media (max-width:767px){.control-sidebar{padding-top:100px}}.control-sidebar>.tab-content{padding:10px 15px}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}.control-sidebar-hold-transition .content-wrapper,.control-sidebar-hold-transition .control-sidebar,.control-sidebar-hold-transition .control-sidebar-bg{transition:none}.control-sidebar-open .control-sidebar,.control-sidebar-open .control-sidebar-bg{right:0}@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .main-footer,.control-sidebar-open .right-side{margin-right:230px}}.fixed .control-sidebar{height:100%;overflow-y:auto;padding-bottom:50px;position:fixed}.nav-tabs.control-sidebar-tabs>li:first-of-type>a,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover{border-left-width:0}.nav-tabs.control-sidebar-tabs>li>a{border-radius:0}.nav-tabs.control-sidebar-tabs>li>a,.nav-tabs.control-sidebar-tabs>li>a:hover{border:1px solid transparent;border-right:none;border-top:none}.nav-tabs.control-sidebar-tabs>li>a .icon{font-size:16px}.nav-tabs.control-sidebar-tabs>li.active>a,.nav-tabs.control-sidebar-tabs>li.active>a:active,.nav-tabs.control-sidebar-tabs>li.active>a:focus,.nav-tabs.control-sidebar-tabs>li.active>a:hover{border-bottom:none;border-right:none;border-top:none}@media (max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}.nav-tabs.control-sidebar-tabs>li{display:table-cell}}.control-sidebar-heading{font-size:16px;font-weight:400;margin-bottom:10px;padding:10px 0}.control-sidebar-subheading{display:block;font-size:14px;font-weight:400}.control-sidebar-menu{list-style:none;margin:0 -15px;padding:0}.control-sidebar-menu>li>a{display:block;padding:10px 15px}.control-sidebar-menu>li>a:after,.control-sidebar-menu>li>a:before{content:" ";display:table}.control-sidebar-menu>li>a:after{clear:both}.control-sidebar-menu>li>a>.control-sidebar-subheading{margin-top:0}.control-sidebar-menu .menu-icon{border-radius:50%;float:left;height:35px;line-height:35px;text-align:center;width:35px}.control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}.control-sidebar-menu .menu-info>.control-sidebar-subheading{margin:0}.control-sidebar-menu .menu-info>p{font-size:11px;margin:0}.control-sidebar-menu .progress{margin:0}.control-sidebar-dark{color:#b8c7ce}.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#222d32}.control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a{background:#181f23;color:#b8c7ce}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{border-bottom-color:#141a1d;border-left-color:#141a1d}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{background:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{color:#fff}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover{background:#222d32;color:#fff}.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff}.control-sidebar-dark .control-sidebar-menu>li>a:hover{background:#1e282c}.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p{color:#b8c7ce}.control-sidebar-light{color:#5e5e5e}.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a{background:#e8ecf4;color:#444}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover{border-bottom-color:#d2d6de;border-left-color:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover{background:#eff1f7}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover{background:#f9fafc;color:#111}.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}.control-sidebar-light .control-sidebar-menu{margin-left:-14px}.control-sidebar-light .control-sidebar-menu>li>a:hover{background:#f4f4f5}.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p{color:#5e5e5e}.dropdown-menu{border-color:#eee;box-shadow:none}.dropdown-menu>li>a{color:#777}.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.ion{margin-right:10px}.dropdown-menu>li>a:hover{background-color:#e1e3e9;color:#333}.dropdown-menu>.divider{background-color:#eee}.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{margin:0;padding:0;top:100%;width:280px}.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:#fff;border-bottom:1px solid #f4f4f4;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;color:#444;font-size:14px;padding:7px 10px}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background-color:#fff;border-bottom:1px solid #eee;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0;color:#444!important;font-size:12px;padding:7px 10px;text-align:center}@media (max-width:991px){.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background:#fff!important;color:#444!important}}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{font-weight:400;text-decoration:none}.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{list-style:none;margin:0;max-height:200px;overflow-x:hidden;padding:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{border-bottom:1px solid #f4f4f4;display:block;white-space:nowrap}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{color:#444;overflow:hidden;padding:10px;text-overflow:ellipsis}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{width:20px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{margin:0;padding:10px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{height:40px;margin:auto 10px auto auto;width:40px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{color:#444;font-size:15px;margin:0 0 0 45px;padding:0;position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{color:#999;font-size:10px;position:absolute;right:0;top:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{color:#888;font-size:12px;margin:0 0 0 45px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before{content:" ";display:table}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{clear:both}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{padding:10px}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{color:#666;font-size:14px;margin:0 0 10px;padding:0}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{margin:0;padding:0}.navbar-nav>.user-menu>.dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;padding:1px 0 0;width:280px}.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{border:3px solid hsla(0,0%,100%,.2);height:90px;width:90px;z-index:5}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{color:#fff;color:hsla(0,0%,100%,.8);font-size:17px;margin-top:10px;z-index:5}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{display:block;font-size:12px}.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom:1px solid #f4f4f4;border-top:1px solid #ddd;padding:15px}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after,.navbar-nav>.user-menu>.dropdown-menu>.user-body:before{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:#444!important}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-body a{background:#fff!important;color:#444!important}}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f9f9f9;padding:10px}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#666}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav>.user-menu .user-image{border-radius:50%;float:left;height:25px;margin-right:10px;margin-top:-2px;width:25px}@media (max-width:767px){.navbar-nav>.user-menu .user-image{float:none;line-height:10px;margin-right:0;margin-top:-8px}}.open:not(.dropup)>.animated-dropdown-menu{-webkit-animation:flipInX .7s both;animation:flipInX .7s both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotateX(-20deg);transition-timing-function:ease-in}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px)}}.navbar-custom-menu>.navbar-nav>li{position:relative}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{left:auto;position:absolute;right:0}@media (max-width:991px){.navbar-custom-menu>.navbar-nav{float:right}.navbar-custom-menu>.navbar-nav>li{position:static}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background:#fff;border:1px solid #ddd;left:auto;position:absolute;right:5%}}.form-control{border-color:#d2d6de;border-radius:0;box-shadow:none}.form-control:focus{border-color:#3c8dbc;box-shadow:none}.form-control:-ms-input-placeholder,.form-control::-moz-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}.form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group.has-success label{color:#00a65a}.form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#00a65a;box-shadow:none}.form-group.has-success .help-block{color:#00a65a}.form-group.has-warning label{color:#f39c12}.form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#f39c12;box-shadow:none}.form-group.has-warning .help-block{color:#f39c12}.form-group.has-error label{color:#dd4b39}.form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#dd4b39;box-shadow:none}.form-group.has-error .help-block{color:#dd4b39}.input-group .input-group-addon{background-color:#fff;border-color:#d2d6de;border-radius:0}.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}.icheck>label{padding-left:0}.form-control-feedback.fa{line-height:34px}.form-group-lg .form-control+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fa,.input-lg+.form-control-feedback.fa{line-height:46px}.form-group-sm .form-control+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fa,.input-sm+.form-control-feedback.fa{line-height:30px}.progress,.progress>.progress-bar{box-shadow:none}.progress,.progress .progress-bar,.progress>.progress-bar,.progress>.progress-bar .progress-bar{border-radius:1px}.progress-sm,.progress.sm{height:10px}.progress-sm,.progress-sm .progress-bar,.progress.sm,.progress.sm .progress-bar{border-radius:1px}.progress-xs,.progress.xs{height:7px}.progress-xs,.progress-xs .progress-bar,.progress.xs,.progress.xs .progress-bar{border-radius:1px}.progress-xxs,.progress.xxs{height:3px}.progress-xxs,.progress-xxs .progress-bar,.progress.xxs,.progress.xxs .progress-bar{border-radius:1px}.progress.vertical{display:inline-block;height:200px;margin-right:10px;position:relative;width:30px}.progress.vertical>.progress-bar{bottom:0;position:absolute;width:100%}.progress.vertical.progress-sm,.progress.vertical.sm{width:20px}.progress.vertical.progress-xs,.progress.vertical.xs{width:10px}.progress.vertical.progress-xxs,.progress.vertical.xxs{width:3px}.progress-group .progress-text{font-weight:600}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-green,.progress-bar-success{background-color:#00a65a}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning,.progress-bar-yellow{background-color:#f39c12}.progress-striped .progress-bar-warning,.progress-striped .progress-bar-yellow{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger,.progress-bar-red{background-color:#dd4b39}.progress-striped .progress-bar-danger,.progress-striped .progress-bar-red{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.small-box{border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1);display:block;margin-bottom:20px;position:relative}.small-box>.inner{padding:10px}.small-box>.small-box-footer{background:rgba(0,0,0,.1);color:#fff;color:hsla(0,0%,100%,.8);display:block;padding:3px 0;position:relative;text-align:center;text-decoration:none;z-index:10}.small-box>.small-box-footer:hover{background:rgba(0,0,0,.15);color:#fff}.small-box h3{font-size:38px;font-weight:700;margin:0 0 10px;padding:0;white-space:nowrap}.small-box p{font-size:15px}.small-box p>small{color:#f9f9f9;display:block;font-size:13px;margin-top:5px}.small-box h3,.small-box p{z-index:5}.small-box .icon{color:rgba(0,0,0,.15);font-size:90px;position:absolute;right:10px;top:-10px;transition:all .3s linear;z-index:0}.small-box:hover{color:#f9f9f9;text-decoration:none}.small-box:hover .icon{font-size:95px}@media (max-width:767px){.small-box{text-align:center}.small-box .icon{display:none}.small-box p{font-size:12px}}.box{background:#fff;border-radius:3px;border-top:3px solid #d2d6de;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:20px;position:relative;width:100%}.box.box-primary{border-top-color:#3c8dbc}.box.box-info{border-top-color:#00c0ef}.box.box-danger{border-top-color:#dd4b39}.box.box-warning{border-top-color:#f39c12}.box.box-success{border-top-color:#00a65a}.box.box-default{border-top-color:#d2d6de}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}.box .nav-stacked>li:last-of-type{border-bottom:none}.box.height-control .box-body{max-height:300px;overflow:auto}.box .border-right{border-right:1px solid #f4f4f4}.box .border-left{border-left:1px solid #f4f4f4}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,.1)}.box.box-solid.box-default{border:1px solid #d2d6de}.box.box-solid.box-default>.box-header{background:#d2d6de;background-color:#d2d6de;color:#444}.box.box-solid.box-default>.box-header .btn,.box.box-solid.box-default>.box-header a{color:#444}.box.box-solid.box-primary{border:1px solid #3c8dbc}.box.box-solid.box-primary>.box-header{background:#3c8dbc;background-color:#3c8dbc;color:#fff}.box.box-solid.box-primary>.box-header .btn,.box.box-solid.box-primary>.box-header a{color:#fff}.box.box-solid.box-info{border:1px solid #00c0ef}.box.box-solid.box-info>.box-header{background:#00c0ef;background-color:#00c0ef;color:#fff}.box.box-solid.box-info>.box-header .btn,.box.box-solid.box-info>.box-header a{color:#fff}.box.box-solid.box-danger{border:1px solid #dd4b39}.box.box-solid.box-danger>.box-header{background:#dd4b39;background-color:#dd4b39;color:#fff}.box.box-solid.box-danger>.box-header .btn,.box.box-solid.box-danger>.box-header a{color:#fff}.box.box-solid.box-warning{border:1px solid #f39c12}.box.box-solid.box-warning>.box-header{background:#f39c12;background-color:#f39c12;color:#fff}.box.box-solid.box-warning>.box-header .btn,.box.box-solid.box-warning>.box-header a{color:#fff}.box.box-solid.box-success{border:1px solid #00a65a}.box.box-solid.box-success>.box-header{background:#00a65a;background-color:#00a65a;color:#fff}.box.box-solid.box-success>.box-header .btn,.box.box-solid.box-success>.box-header a{color:#fff}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*=bg]>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{color:#333;font-size:12px;font-weight:100;margin-bottom:.3em;text-align:center}.box>.loading-img,.box>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.box .overlay,.overlay-wrapper .overlay{background:hsla(0,0%,100%,.7);border-radius:3px;z-index:50}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{color:#000;font-size:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,.5)}.box-body:after,.box-body:before,.box-footer:after,.box-footer:before,.box-header:after,.box-header:before{content:" ";display:table}.box-body:after,.box-footer:after,.box-header:after{clear:both}.box-header{color:#444;display:block;padding:10px;position:relative}.box-header.with-border{border-bottom:1px solid #f4f4f4}.collapsed-box .box-header.with-border{border-bottom:none}.box-header .box-title,.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{display:inline-block;font-size:18px;line-height:1;margin:0}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}.box-header>.box-tools{float:right;margin-bottom:-5px;margin-top:-5px}.box-header>.box-tools [data-toggle=tooltip]{position:relative}.box-header>.box-tools.pull-right .dropdown-menu{left:auto;right:0}.box-header>.box-tools .dropdown-menu>li>a{color:#444!important}.btn-box-tool{background:transparent;color:#97a0b3;font-size:12px;padding:5px}.btn-box-tool:hover,.open .btn-box-tool{color:#606c84}.btn-box-tool.btn:active{box-shadow:none}.box-body{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:0;padding:10px}.no-header .box-body{border-top-left-radius:3px;border-top-right-radius:3px}.box-body>.table{margin-bottom:0}.box-body .fc{margin-top:5px}.box-body .full-width-chart{margin:-19px}.box-body.no-padding .full-width-chart{margin:-9px}.box-body .box-pane{border-bottom-left-radius:3px;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.box-body .box-pane-right{border-bottom-left-radius:0}.box-body .box-pane-right,.box-footer{border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:0}.box-footer{background-color:#fff;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px}.chart-legend{margin:10px 0}@media (max-width:991px){.chart-legend>li{float:left;margin-right:10px}}.box-comments{background:#f7f7f7}.box-comments .box-comment{border-bottom:1px solid #eee;padding:8px 0}.box-comments .box-comment:after,.box-comments .box-comment:before{content:" ";display:table}.box-comments .box-comment:after{clear:both}.box-comments .box-comment:last-of-type{border-bottom:0}.box-comments .box-comment:first-of-type{padding-top:0}.box-comments .box-comment img{float:left}.box-comments .comment-text{color:#555;margin-left:40px}.box-comments .username{color:#444;display:block;font-weight:600}.box-comments .text-muted{font-size:12px;font-weight:400}.todo-list{list-style:none;margin:0;overflow:auto;padding:0}.todo-list>li{background:#f4f4f4;border-left:2px solid #e6e7e8;border-radius:2px;color:#444;margin-bottom:2px;padding:10px}.todo-list>li:last-of-type{margin-bottom:0}.todo-list>li>input[type=checkbox]{margin:0 10px 0 5px}.todo-list>li .text{display:inline-block;font-weight:600;margin-left:5px}.todo-list>li .label{font-size:9px;margin-left:10px}.todo-list>li .tools{color:#dd4b39;display:none;float:right}.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion{cursor:pointer;margin-right:5px}.todo-list>li:hover .tools{display:inline-block}.todo-list>li.done{color:#999}.todo-list>li.done .text{font-weight:500;text-decoration:line-through}.todo-list>li.done .label{background:#d2d6de!important}.todo-list .danger{border-left-color:#dd4b39}.todo-list .warning{border-left-color:#f39c12}.todo-list .info{border-left-color:#00c0ef}.todo-list .success{border-left-color:#00a65a}.todo-list .primary{border-left-color:#3c8dbc}.todo-list .handle{cursor:move;display:inline-block;margin:0 5px}.chat{padding:5px 20px 5px 10px}.chat .item{margin-bottom:10px}.chat .item:after,.chat .item:before{content:" ";display:table}.chat .item:after{clear:both}.chat .item>img{border:2px solid transparent;border-radius:50%;height:40px;width:40px}.chat .item>.online{border:2px solid #00a65a}.chat .item>.offline{border:2px solid #dd4b39}.chat .item>.message{margin-left:55px;margin-top:-40px}.chat .item>.message>.name{display:block;font-weight:600}.chat .item>.attachment{background:#f4f4f4;border-radius:3px;margin-left:65px;margin-right:15px;padding:10px}.chat .item>.attachment>h4{font-size:14px;font-weight:600;margin:0 0 5px}.chat .item>.attachment>.filename,.chat .item>.attachment>p{font-size:13px;font-style:italic;font-weight:600;margin:0}.chat .item>.attachment:after,.chat .item>.attachment:before{content:" ";display:table}.chat .item>.attachment:after{clear:both}.box-input{max-width:200px}.modal .panel-body{color:#444}.info-box{background:#fff;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1);display:block;margin-bottom:15px;min-height:90px;width:100%}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,.2);height:2px;margin:5px -10px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{background:rgba(0,0,0,.2);border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;display:block;float:left;font-size:45px;height:90px;line-height:90px;text-align:center;width:90px}.info-box-icon>img{max-width:100%}.info-box-content{margin-left:90px;padding:5px 10px}.info-box-number{display:block;font-size:18px;font-weight:700}.info-box-text,.progress-description{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.timeline{list-style:none;margin:0 0 30px;padding:0;position:relative}.timeline:before{background:#ddd;border-radius:2px;bottom:0;content:"";left:31px;margin:0;position:absolute;top:0;width:4px}.timeline>li{margin-bottom:15px;margin-right:10px;position:relative}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-item{background:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#444;margin-left:60px;margin-right:15px;margin-top:0;padding:0;position:relative}.timeline>li>.timeline-item>.time{color:#999;float:right;font-size:12px;padding:10px}.timeline>li>.timeline-item>.timeline-header{border-bottom:1px solid #f4f4f4;color:#555;font-size:16px;line-height:1.1;margin:0;padding:10px}.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px}.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{background:#d2d6de;border-radius:50%;color:#666;font-size:15px;height:30px;left:18px;line-height:30px;position:absolute;text-align:center;top:0;width:30px}.timeline>.time-label>span{background-color:#fff;border-radius:4px;display:inline-block;font-weight:600;padding:5px}.timeline-inverse>li>.timeline-item{background:#f0f0f0;border:1px solid #ddd;box-shadow:none}.timeline-inverse>li>.timeline-item>.timeline-header{border-bottom-color:#ddd}.btn{border:1px solid transparent;border-radius:3px;box-shadow:none}.btn.uppercase{text-transform:uppercase}.btn.btn-flat{border-radius:0;border-width:1px;box-shadow:none}.btn:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn:focus{outline:none}.btn.btn-file{overflow:hidden;position:relative}.btn.btn-file>input[type=file]{background:#fff;cursor:inherit;display:block;filter:alpha(opacity=0);font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:none;position:absolute;right:0;text-align:right;top:0}.btn-default{background-color:#f4f4f4;border-color:#ddd;color:#444}.btn-default.hover,.btn-default:active,.btn-default:hover{background-color:#e7e7e7}.btn-primary{background-color:#3c8dbc;border-color:#367fa9}.btn-primary.hover,.btn-primary:active,.btn-primary:hover{background-color:#367fa9}.btn-success{background-color:#00a65a;border-color:#008d4c}.btn-success.hover,.btn-success:active,.btn-success:hover{background-color:#008d4c}.btn-info{background-color:#00c0ef;border-color:#00acd6}.btn-info.hover,.btn-info:active,.btn-info:hover{background-color:#00acd6}.btn-danger{background-color:#dd4b39;border-color:#d73925}.btn-danger.hover,.btn-danger:active,.btn-danger:hover{background-color:#d73925}.btn-warning{background-color:#f39c12;border-color:#e08e0b}.btn-warning.hover,.btn-warning:active,.btn-warning:hover{background-color:#e08e0b}.btn-outline{background:transparent;border:1px solid #fff;color:#fff}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{border-color:hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.btn-link{box-shadow:none}.btn[class*=bg-]:hover{box-shadow:inset 0 0 100px rgba(0,0,0,.2)}.btn-app{background-color:#f4f4f4;border:1px solid #ddd;border-radius:3px;color:#666;font-size:12px;height:60px;margin:0 0 10px 10px;min-width:80px;padding:15px 5px;position:relative;text-align:center}.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{display:block;font-size:20px}.btn-app:hover{background:#f4f4f4;border-color:#aaa;color:#444}.btn-app:active,.btn-app:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-app>.badge{font-size:10px;font-weight:400;position:absolute;right:-10px;top:-3px}.callout{border-left:5px solid #eee;border-radius:3px;margin:0 0 20px;padding:15px 30px 15px 15px}.callout a{color:#fff;text-decoration:underline}.callout a:hover{color:#eee}.callout h4{font-weight:600;margin-top:0}.callout p:last-child{margin-bottom:0}.callout .highlight,.callout code{background-color:#fff}.callout.callout-danger{border-color:#c23321}.callout.callout-warning{border-color:#c87f0a}.callout.callout-info{border-color:#0097bc}.callout.callout-success{border-color:#00733e}.alert{border-radius:3px}.alert h4{font-weight:600}.alert .icon{margin-right:10px}.alert .close{color:#000;filter:alpha(opacity=20);opacity:.2}.alert .close:hover{filter:alpha(opacity=50);opacity:.5}.alert a{color:#fff;text-decoration:underline}.alert-success{border-color:#008d4c}.alert-danger,.alert-error{border-color:#d73925}.alert-warning{border-color:#e08e0b}.alert-info{border-color:#00acd6}.nav>li>a:active,.nav>li>a:focus,.nav>li>a:hover{background:#f7f7f7;color:#444}.nav-pills>li>a{border-radius:0;border-top:3px solid transparent;color:#444}.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{margin-right:5px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{border-top-color:#3c8dbc}.nav-pills>li.active>a{font-weight:600}.nav-stacked>li>a{border-left:3px solid transparent;border-radius:0;border-top:0;color:#444}.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover{background:transparent;border-left-color:#3c8dbc;border-top:0;color:#444}.nav-stacked>li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.nav-tabs-custom{background:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:20px}.nav-tabs-custom>.nav-tabs{border-bottom-color:#f4f4f4;border-top-left-radius:3px;border-top-right-radius:3px;margin:0}.nav-tabs-custom>.nav-tabs>li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}.nav-tabs-custom>.nav-tabs>li.disabled>a{color:#777}.nav-tabs-custom>.nav-tabs>li>a{border-radius:0;color:#444}.nav-tabs-custom>.nav-tabs>li>a.text-muted{color:#999}.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{background:transparent;margin:0}.nav-tabs-custom>.nav-tabs>li>a:hover{color:#999}.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover{border-color:transparent}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{background-color:#fff;color:#444}.nav-tabs-custom>.nav-tabs>li.active>a{border-left-color:#f4f4f4;border-right-color:#f4f4f4;border-top-color:transparent}.nav-tabs-custom>.nav-tabs>li:first-of-type{margin-left:0}.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{border-left-color:transparent}.nav-tabs-custom>.nav-tabs.pull-right{float:none!important}.nav-tabs-custom>.nav-tabs.pull-right>li{float:right}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{margin-right:0}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{border-left-width:1px}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{border-left-color:#f4f4f4;border-right-color:transparent}.nav-tabs-custom>.nav-tabs>li.header{color:#444;font-size:20px;line-height:35px;padding:0 10px}.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{margin-right:5px}.nav-tabs-custom>.tab-content{background:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:10px}.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{background:transparent;color:#999}.nav-tabs-custom.tab-primary>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom.tab-info>.nav-tabs>li.active{border-top-color:#00c0ef}.nav-tabs-custom.tab-danger>.nav-tabs>li.active{border-top-color:#dd4b39}.nav-tabs-custom.tab-warning>.nav-tabs>li.active{border-top-color:#f39c12}.nav-tabs-custom.tab-success>.nav-tabs>li.active{border-top-color:#00a65a}.nav-tabs-custom.tab-default>.nav-tabs>li.active{border-top-color:#d2d6de}.pagination>li>a{background:#fafafa;color:#666}.pagination.pagination-flat>li>a{border-radius:0!important}.products-list{list-style:none;margin:0;padding:0}.products-list>.item{background:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:10px 0}.products-list>.item:after,.products-list>.item:before{content:" ";display:table}.products-list>.item:after{clear:both}.products-list .product-img{float:left}.products-list .product-img img{height:50px;width:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{color:#999;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list-in-box>.item{border-bottom:1px solid #f4f4f4;border-radius:0;box-shadow:none}.product-list-in-box>.item:last-of-type{border-bottom-width:0}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #f4f4f4}.table>thead>tr>th{border-bottom:2px solid #f4f4f4}.table tr td .progress{margin-top:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #f4f4f4}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table.no-border,.table.no-border td,.table.no-border th{border:0}table.text-center,table.text-center td,table.text-center th{text-align:center}.table.align th{text-align:left}.table.align td{text-align:right}.label-default{background-color:#d2d6de;color:#444}.direct-chat .box-body{border-bottom-left-radius:0;border-bottom-right-radius:0;overflow-x:hidden;padding:0;position:relative}.direct-chat-messages,.direct-chat.chat-pane-open .direct-chat-contacts{transform:translate(0)}.direct-chat-messages{height:250px;overflow:auto;padding:10px}.direct-chat-msg,.direct-chat-text{display:block}.direct-chat-msg{margin-bottom:10px}.direct-chat-msg:after,.direct-chat-msg:before{content:" ";display:table}.direct-chat-msg:after{clear:both}.direct-chat-contacts,.direct-chat-messages{transition:transform .5s ease-in-out}.direct-chat-text{background:#d2d6de;border:1px solid #d2d6de;border-radius:5px;color:#444;margin:5px 0 0 50px;padding:5px 10px;position:relative}.direct-chat-text:after,.direct-chat-text:before{border:solid transparent;border-right:solid #d2d6de;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:15px;width:0}.direct-chat-text:after{border-width:5px;margin-top:-5px}.direct-chat-text:before{border-width:6px;margin-top:-6px}.right .direct-chat-text{margin-left:0;margin-right:50px}.right .direct-chat-text:after,.right .direct-chat-text:before{border-left-color:#d2d6de;border-right-color:transparent;left:100%;right:auto}.direct-chat-img{border-radius:50%;float:left;height:40px;width:40px}.right .direct-chat-img{float:right}.direct-chat-info{display:block;font-size:12px;margin-bottom:2px}.direct-chat-name{font-weight:600}.direct-chat-timestamp{color:#999}.direct-chat-contacts-open .direct-chat-contacts{transform:translate(0)}.direct-chat-contacts{background:#222d32;bottom:0;color:#fff;height:250px;overflow:auto;position:absolute;top:0;transform:translate(101%);width:100%}.contacts-list>li{border-bottom:1px solid rgba(0,0,0,.2);margin:0;padding:10px}.contacts-list>li:after,.contacts-list>li:before{content:" ";display:table}.contacts-list>li:after{clear:both}.contacts-list>li:last-of-type{border-bottom:none}.contacts-list-img{border-radius:50%;float:left;width:40px}.contacts-list-info{color:#fff;margin-left:45px}.contacts-list-name,.contacts-list-status{display:block}.contacts-list-name{font-weight:600}.contacts-list-status{font-size:12px}.contacts-list-date{color:#aaa;font-weight:400}.contacts-list-msg{color:#999}.direct-chat-danger .right>.direct-chat-text{background:#dd4b39;border-color:#dd4b39;color:#fff}.direct-chat-danger .right>.direct-chat-text:after,.direct-chat-danger .right>.direct-chat-text:before{border-left-color:#dd4b39}.direct-chat-primary .right>.direct-chat-text{background:#3c8dbc;border-color:#3c8dbc;color:#fff}.direct-chat-primary .right>.direct-chat-text:after,.direct-chat-primary .right>.direct-chat-text:before{border-left-color:#3c8dbc}.direct-chat-warning .right>.direct-chat-text{background:#f39c12;border-color:#f39c12;color:#fff}.direct-chat-warning .right>.direct-chat-text:after,.direct-chat-warning .right>.direct-chat-text:before{border-left-color:#f39c12}.direct-chat-info .right>.direct-chat-text{background:#00c0ef;border-color:#00c0ef;color:#fff}.direct-chat-info .right>.direct-chat-text:after,.direct-chat-info .right>.direct-chat-text:before{border-left-color:#00c0ef}.direct-chat-success .right>.direct-chat-text{background:#00a65a;border-color:#00a65a;color:#fff}.direct-chat-success .right>.direct-chat-text:after,.direct-chat-success .right>.direct-chat-text:before{border-left-color:#00a65a}.users-list>li{float:left;padding:10px;text-align:center;width:25%}.users-list>li img{border-radius:50%;height:auto;max-width:100%}.users-list>li>a:hover,.users-list>li>a:hover .users-list-name{color:#999}.users-list-date,.users-list-name{display:block}.users-list-name{color:#444;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-date{color:#999;font-size:12px}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control>.fa{display:inline-block;font-size:40px;margin-top:-20px;position:absolute;top:50%;z-index:5}.modal{background:rgba(0,0,0,.3)}.modal-content{border:0;border-radius:0;box-shadow:0 2px 3px rgba(0,0,0,.125)}@media (min-width:768px){.modal-content{box-shadow:0 2px 3px rgba(0,0,0,.125)}}.modal-header{border-bottom-color:#f4f4f4}.modal-footer{border-top-color:#f4f4f4}.modal-primary .modal-footer,.modal-primary .modal-header{border-color:#307095}.modal-warning .modal-footer,.modal-warning .modal-header{border-color:#c87f0a}.modal-info .modal-footer,.modal-info .modal-header{border-color:#0097bc}.modal-success .modal-footer,.modal-success .modal-header{border-color:#00733e}.modal-danger .modal-footer,.modal-danger .modal-header{border-color:#c23321}.box-widget{border:none;position:relative}.widget-user .widget-user-header{border-top-left-radius:3px;border-top-right-radius:3px;height:120px;padding:20px}.widget-user .widget-user-username{font-size:25px;font-weight:300;margin-bottom:5px;margin-top:0;text-shadow:0 1px 1px rgba(0,0,0,.2)}.widget-user .widget-user-desc{margin-top:0}.widget-user .widget-user-image{left:50%;margin-left:-45px;position:absolute;top:65px}.widget-user .widget-user-image>img{border:3px solid #fff;height:auto;width:90px}.widget-user .box-footer{padding-top:30px}.widget-user-2 .widget-user-header{border-top-left-radius:3px;border-top-right-radius:3px;padding:20px}.widget-user-2 .widget-user-username{font-size:25px;font-weight:300;margin-bottom:5px;margin-top:5px}.widget-user-2 .widget-user-desc{margin-top:0}.widget-user-2 .widget-user-desc,.widget-user-2 .widget-user-username{margin-left:75px}.widget-user-2 .widget-user-image>img{float:left;height:auto;width:65px}.treeview-menu{display:none;list-style:none;margin:0;padding:0 0 0 5px}.treeview-menu .treeview-menu{padding-left:20px}.treeview-menu>li{margin:0}.treeview-menu>li>a{display:block;font-size:14px;padding:5px 5px 5px 15px}.treeview-menu>li>a>.fa,.treeview-menu>li>a>.glyphicon,.treeview-menu>li>a>.ion{width:20px}.treeview-menu>li>a>.fa-angle-down,.treeview-menu>li>a>.fa-angle-left,.treeview-menu>li>a>.pull-right-container>.fa-angle-down,.treeview-menu>li>a>.pull-right-container>.fa-angle-left{width:auto}.treeview>ul.treeview-menu{height:auto;overflow:hidden;padding-bottom:0!important;padding-top:0!important}.treeview.menu-open>ul.treeview-menu{height:auto;overflow:visible}.mailbox-messages>.table{margin:0}.mailbox-controls{padding:5px}.mailbox-controls.with-border,.mailbox-read-info{border-bottom:1px solid #f4f4f4}.mailbox-read-info{padding:10px}.mailbox-read-info h3{font-size:20px;margin:0}.mailbox-read-info h5{margin:0;padding:5px 0 0}.mailbox-read-time{color:#999;font-size:13px}.mailbox-read-message{padding:10px}.mailbox-attachments li{border:1px solid #eee;float:left;margin-bottom:10px;margin-right:10px;width:200px}.mailbox-attachment-name{color:#666;font-weight:700}.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}.mailbox-attachment-info{background:#f4f4f4;padding:10px}.mailbox-attachment-size{color:#999;font-size:12px}.mailbox-attachment-icon{color:#666;font-size:65px;padding:20px 10px;text-align:center}.mailbox-attachment-icon.has-img{padding:0}.mailbox-attachment-icon.has-img>img{height:auto;max-width:100%}.lockscreen{background:#d2d6de}.lockscreen-logo{font-size:35px;font-weight:300;margin-bottom:25px;text-align:center}.lockscreen-logo a{color:#444}.lockscreen-wrapper{margin:10% auto 0;max-width:400px}.lockscreen .lockscreen-name{font-weight:600;text-align:center}.lockscreen-item{background:#fff;border-radius:4px;margin:10px auto 30px;padding:0;position:relative;width:290px}.lockscreen-image{background:#fff;border-radius:50%;left:-10px;padding:5px;position:absolute;top:-25px;z-index:10}.lockscreen-image>img{border-radius:50%;height:70px;width:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .form-control{border:0}.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}.lockscreen-footer{margin-top:10px}.login-logo,.register-logo{font-size:35px;font-weight:300;margin-bottom:25px;text-align:center}.login-logo a,.register-logo a{color:#444}.login-page,.register-page{background:#d2d6de;height:auto}.login-box,.register-box{margin:7% auto;width:360px}@media (max-width:768px){.login-box,.register-box{margin-top:20px;width:90%}}.login-box-body,.register-box-body{background:#fff;border-top:0;color:#666;padding:20px}.login-box-body .form-control-feedback,.register-box-body .form-control-feedback{color:#777}.login-box-msg,.register-box-msg{margin:0;padding:0 20px 20px;text-align:center}.social-auth-links{margin:10px 0}.error-page{margin:20px auto 0;width:600px}@media (max-width:991px){.error-page{width:100%}}.error-page>.headline{float:left;font-size:100px;font-weight:300}@media (max-width:991px){.error-page>.headline{float:none;text-align:center}}.error-page>.error-content{display:block;margin-left:190px}@media (max-width:991px){.error-page>.error-content{margin-left:0}}.error-page>.error-content>h3{font-size:25px;font-weight:300}@media (max-width:991px){.error-page>.error-content>h3{text-align:center}}.invoice{background:#fff;border:1px solid #f4f4f4;margin:10px 25px;padding:20px;position:relative}.invoice-title{margin-top:0}.profile-user-img{border:3px solid #d2d6de;margin:0 auto;padding:3px;width:100px}.profile-username{font-size:21px;margin-top:5px}.post{border-bottom:1px solid #d2d6de;color:#666;margin-bottom:15px;padding-bottom:15px}.post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.post .user-block{margin-bottom:15px}.btn-social{overflow:hidden;padding-left:44px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.btn-social>:first-child{border-right:1px solid rgba(0,0,0,.2);bottom:0;font-size:1.6em;left:0;line-height:34px;position:absolute;text-align:center;top:0;width:32px}.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{font-size:1.8em;line-height:45px;width:45px}.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{font-size:1.4em;line-height:28px;width:28px}.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{font-size:1.2em;line-height:20px;width:20px}.btn-social-icon{height:34px;overflow:hidden;padding:0;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:34px}.btn-social-icon>:first-child{border-right:1px solid rgba(0,0,0,.2);bottom:0;font-size:1.6em;left:0;line-height:34px;position:absolute;top:0;width:32px}.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{font-size:1.8em;line-height:45px;width:45px}.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{font-size:1.4em;line-height:28px;width:28px}.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{font-size:1.2em;line-height:20px;width:20px}.btn-social-icon>:first-child{border:none;text-align:center;width:100%}.btn-social-icon.btn-lg{height:45px;padding-left:0;padding-right:0;width:45px}.btn-social-icon.btn-sm{height:30px;padding-left:0;padding-right:0;width:30px}.btn-social-icon.btn-xs{height:22px;padding-left:0;padding-right:0;width:22px}.btn-adn{background-color:#d87a68;border-color:rgba(0,0,0,.2);color:#fff}.btn-adn.active,.btn-adn.focus,.btn-adn:active,.btn-adn:focus,.btn-adn:hover,.open>.dropdown-toggle.btn-adn{background-color:#ce563f;border-color:rgba(0,0,0,.2);color:#fff}.btn-adn.active.focus,.btn-adn.active:focus,.btn-adn.active:hover,.btn-adn:active.focus,.btn-adn:active:focus,.btn-adn:active:hover,.open>.dropdown-toggle.btn-adn.focus,.open>.dropdown-toggle.btn-adn:focus,.open>.dropdown-toggle.btn-adn:hover{background-color:#b94630;border-color:rgba(0,0,0,.2);color:#fff}.btn-adn.active,.btn-adn:active,.open>.dropdown-toggle.btn-adn{background-image:none}.btn-adn.disabled.focus,.btn-adn.disabled:focus,.btn-adn.disabled:hover,.btn-adn[disabled].focus,.btn-adn[disabled]:focus,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn.focus,fieldset[disabled] .btn-adn:focus,fieldset[disabled] .btn-adn:hover{background-color:#d87a68;border-color:rgba(0,0,0,.2)}.btn-adn .badge{background-color:#fff;color:#d87a68}.btn-bitbucket{background-color:#205081;border-color:rgba(0,0,0,.2);color:#fff}.btn-bitbucket.active,.btn-bitbucket.focus,.btn-bitbucket:active,.btn-bitbucket:focus,.btn-bitbucket:hover,.open>.dropdown-toggle.btn-bitbucket{background-color:#163758;border-color:rgba(0,0,0,.2);color:#fff}.btn-bitbucket.active.focus,.btn-bitbucket.active:focus,.btn-bitbucket.active:hover,.btn-bitbucket:active.focus,.btn-bitbucket:active:focus,.btn-bitbucket:active:hover,.open>.dropdown-toggle.btn-bitbucket.focus,.open>.dropdown-toggle.btn-bitbucket:focus,.open>.dropdown-toggle.btn-bitbucket:hover{background-color:#0f253c;border-color:rgba(0,0,0,.2);color:#fff}.btn-bitbucket.active,.btn-bitbucket:active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}.btn-bitbucket.disabled.focus,.btn-bitbucket.disabled:focus,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled].focus,.btn-bitbucket[disabled]:focus,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket.focus,fieldset[disabled] .btn-bitbucket:focus,fieldset[disabled] .btn-bitbucket:hover{background-color:#205081;border-color:rgba(0,0,0,.2)}.btn-bitbucket .badge{background-color:#fff;color:#205081}.btn-dropbox{background-color:#1087dd;border-color:rgba(0,0,0,.2);color:#fff}.btn-dropbox.active,.btn-dropbox.focus,.btn-dropbox:active,.btn-dropbox:focus,.btn-dropbox:hover,.open>.dropdown-toggle.btn-dropbox{background-color:#0d6aad;border-color:rgba(0,0,0,.2);color:#fff}.btn-dropbox.active.focus,.btn-dropbox.active:focus,.btn-dropbox.active:hover,.btn-dropbox:active.focus,.btn-dropbox:active:focus,.btn-dropbox:active:hover,.open>.dropdown-toggle.btn-dropbox.focus,.open>.dropdown-toggle.btn-dropbox:focus,.open>.dropdown-toggle.btn-dropbox:hover{background-color:#0a568c;border-color:rgba(0,0,0,.2);color:#fff}.btn-dropbox.active,.btn-dropbox:active,.open>.dropdown-toggle.btn-dropbox{background-image:none}.btn-dropbox.disabled.focus,.btn-dropbox.disabled:focus,.btn-dropbox.disabled:hover,.btn-dropbox[disabled].focus,.btn-dropbox[disabled]:focus,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox.focus,fieldset[disabled] .btn-dropbox:focus,fieldset[disabled] .btn-dropbox:hover{background-color:#1087dd;border-color:rgba(0,0,0,.2)}.btn-dropbox .badge{background-color:#fff;color:#1087dd}.btn-facebook{background-color:#3b5998;border-color:rgba(0,0,0,.2);color:#fff}.btn-facebook.active,.btn-facebook.focus,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.open>.dropdown-toggle.btn-facebook{background-color:#2d4373;border-color:rgba(0,0,0,.2);color:#fff}.btn-facebook.active.focus,.btn-facebook.active:focus,.btn-facebook.active:hover,.btn-facebook:active.focus,.btn-facebook:active:focus,.btn-facebook:active:hover,.open>.dropdown-toggle.btn-facebook.focus,.open>.dropdown-toggle.btn-facebook:focus,.open>.dropdown-toggle.btn-facebook:hover{background-color:#23345a;border-color:rgba(0,0,0,.2);color:#fff}.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle.btn-facebook{background-image:none}.btn-facebook.disabled.focus,.btn-facebook.disabled:focus,.btn-facebook.disabled:hover,.btn-facebook[disabled].focus,.btn-facebook[disabled]:focus,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook.focus,fieldset[disabled] .btn-facebook:focus,fieldset[disabled] .btn-facebook:hover{background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook .badge{background-color:#fff;color:#3b5998}.btn-flickr{background-color:#ff0084;border-color:rgba(0,0,0,.2);color:#fff}.btn-flickr.active,.btn-flickr.focus,.btn-flickr:active,.btn-flickr:focus,.btn-flickr:hover,.open>.dropdown-toggle.btn-flickr{background-color:#cc006a;border-color:rgba(0,0,0,.2);color:#fff}.btn-flickr.active.focus,.btn-flickr.active:focus,.btn-flickr.active:hover,.btn-flickr:active.focus,.btn-flickr:active:focus,.btn-flickr:active:hover,.open>.dropdown-toggle.btn-flickr.focus,.open>.dropdown-toggle.btn-flickr:focus,.open>.dropdown-toggle.btn-flickr:hover{background-color:#a80057;border-color:rgba(0,0,0,.2);color:#fff}.btn-flickr.active,.btn-flickr:active,.open>.dropdown-toggle.btn-flickr{background-image:none}.btn-flickr.disabled.focus,.btn-flickr.disabled:focus,.btn-flickr.disabled:hover,.btn-flickr[disabled].focus,.btn-flickr[disabled]:focus,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr.focus,fieldset[disabled] .btn-flickr:focus,fieldset[disabled] .btn-flickr:hover{background-color:#ff0084;border-color:rgba(0,0,0,.2)}.btn-flickr .badge{background-color:#fff;color:#ff0084}.btn-foursquare{background-color:#f94877;border-color:rgba(0,0,0,.2);color:#fff}.btn-foursquare.active,.btn-foursquare.focus,.btn-foursquare:active,.btn-foursquare:focus,.btn-foursquare:hover,.open>.dropdown-toggle.btn-foursquare{background-color:#f71752;border-color:rgba(0,0,0,.2);color:#fff}.btn-foursquare.active.focus,.btn-foursquare.active:focus,.btn-foursquare.active:hover,.btn-foursquare:active.focus,.btn-foursquare:active:focus,.btn-foursquare:active:hover,.open>.dropdown-toggle.btn-foursquare.focus,.open>.dropdown-toggle.btn-foursquare:focus,.open>.dropdown-toggle.btn-foursquare:hover{background-color:#e30742;border-color:rgba(0,0,0,.2);color:#fff}.btn-foursquare.active,.btn-foursquare:active,.open>.dropdown-toggle.btn-foursquare{background-image:none}.btn-foursquare.disabled.focus,.btn-foursquare.disabled:focus,.btn-foursquare.disabled:hover,.btn-foursquare[disabled].focus,.btn-foursquare[disabled]:focus,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare.focus,fieldset[disabled] .btn-foursquare:focus,fieldset[disabled] .btn-foursquare:hover{background-color:#f94877;border-color:rgba(0,0,0,.2)}.btn-foursquare .badge{background-color:#fff;color:#f94877}.btn-github{background-color:#444;border-color:rgba(0,0,0,.2);color:#fff}.btn-github.active,.btn-github.focus,.btn-github:active,.btn-github:focus,.btn-github:hover,.open>.dropdown-toggle.btn-github{background-color:#2b2b2b;border-color:rgba(0,0,0,.2);color:#fff}.btn-github.active.focus,.btn-github.active:focus,.btn-github.active:hover,.btn-github:active.focus,.btn-github:active:focus,.btn-github:active:hover,.open>.dropdown-toggle.btn-github.focus,.open>.dropdown-toggle.btn-github:focus,.open>.dropdown-toggle.btn-github:hover{background-color:#191919;border-color:rgba(0,0,0,.2);color:#fff}.btn-github.active,.btn-github:active,.open>.dropdown-toggle.btn-github{background-image:none}.btn-github.disabled.focus,.btn-github.disabled:focus,.btn-github.disabled:hover,.btn-github[disabled].focus,.btn-github[disabled]:focus,.btn-github[disabled]:hover,fieldset[disabled] .btn-github.focus,fieldset[disabled] .btn-github:focus,fieldset[disabled] .btn-github:hover{background-color:#444;border-color:rgba(0,0,0,.2)}.btn-github .badge{background-color:#fff;color:#444}.btn-google{background-color:#dd4b39;border-color:rgba(0,0,0,.2);color:#fff}.btn-google.active,.btn-google.focus,.btn-google:active,.btn-google:focus,.btn-google:hover,.open>.dropdown-toggle.btn-google{background-color:#c23321;border-color:rgba(0,0,0,.2);color:#fff}.btn-google.active.focus,.btn-google.active:focus,.btn-google.active:hover,.btn-google:active.focus,.btn-google:active:focus,.btn-google:active:hover,.open>.dropdown-toggle.btn-google.focus,.open>.dropdown-toggle.btn-google:focus,.open>.dropdown-toggle.btn-google:hover{background-color:#a32b1c;border-color:rgba(0,0,0,.2);color:#fff}.btn-google.active,.btn-google:active,.open>.dropdown-toggle.btn-google{background-image:none}.btn-google.disabled.focus,.btn-google.disabled:focus,.btn-google.disabled:hover,.btn-google[disabled].focus,.btn-google[disabled]:focus,.btn-google[disabled]:hover,fieldset[disabled] .btn-google.focus,fieldset[disabled] .btn-google:focus,fieldset[disabled] .btn-google:hover{background-color:#dd4b39;border-color:rgba(0,0,0,.2)}.btn-google .badge{background-color:#fff;color:#dd4b39}.btn-instagram{background-color:#3f729b;border-color:rgba(0,0,0,.2);color:#fff}.btn-instagram.active,.btn-instagram.focus,.btn-instagram:active,.btn-instagram:focus,.btn-instagram:hover,.open>.dropdown-toggle.btn-instagram{background-color:#305777;border-color:rgba(0,0,0,.2);color:#fff}.btn-instagram.active.focus,.btn-instagram.active:focus,.btn-instagram.active:hover,.btn-instagram:active.focus,.btn-instagram:active:focus,.btn-instagram:active:hover,.open>.dropdown-toggle.btn-instagram.focus,.open>.dropdown-toggle.btn-instagram:focus,.open>.dropdown-toggle.btn-instagram:hover{background-color:#26455d;border-color:rgba(0,0,0,.2);color:#fff}.btn-instagram.active,.btn-instagram:active,.open>.dropdown-toggle.btn-instagram{background-image:none}.btn-instagram.disabled.focus,.btn-instagram.disabled:focus,.btn-instagram.disabled:hover,.btn-instagram[disabled].focus,.btn-instagram[disabled]:focus,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram.focus,fieldset[disabled] .btn-instagram:focus,fieldset[disabled] .btn-instagram:hover{background-color:#3f729b;border-color:rgba(0,0,0,.2)}.btn-instagram .badge{background-color:#fff;color:#3f729b}.btn-linkedin{background-color:#007bb6;border-color:rgba(0,0,0,.2);color:#fff}.btn-linkedin.active,.btn-linkedin.focus,.btn-linkedin:active,.btn-linkedin:focus,.btn-linkedin:hover,.open>.dropdown-toggle.btn-linkedin{background-color:#005983;border-color:rgba(0,0,0,.2);color:#fff}.btn-linkedin.active.focus,.btn-linkedin.active:focus,.btn-linkedin.active:hover,.btn-linkedin:active.focus,.btn-linkedin:active:focus,.btn-linkedin:active:hover,.open>.dropdown-toggle.btn-linkedin.focus,.open>.dropdown-toggle.btn-linkedin:focus,.open>.dropdown-toggle.btn-linkedin:hover{background-color:#00405f;border-color:rgba(0,0,0,.2);color:#fff}.btn-linkedin.active,.btn-linkedin:active,.open>.dropdown-toggle.btn-linkedin{background-image:none}.btn-linkedin.disabled.focus,.btn-linkedin.disabled:focus,.btn-linkedin.disabled:hover,.btn-linkedin[disabled].focus,.btn-linkedin[disabled]:focus,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin.focus,fieldset[disabled] .btn-linkedin:focus,fieldset[disabled] .btn-linkedin:hover{background-color:#007bb6;border-color:rgba(0,0,0,.2)}.btn-linkedin .badge{background-color:#fff;color:#007bb6}.btn-microsoft{background-color:#2672ec;border-color:rgba(0,0,0,.2);color:#fff}.btn-microsoft.active,.btn-microsoft.focus,.btn-microsoft:active,.btn-microsoft:focus,.btn-microsoft:hover,.open>.dropdown-toggle.btn-microsoft{background-color:#125acd;border-color:rgba(0,0,0,.2);color:#fff}.btn-microsoft.active.focus,.btn-microsoft.active:focus,.btn-microsoft.active:hover,.btn-microsoft:active.focus,.btn-microsoft:active:focus,.btn-microsoft:active:hover,.open>.dropdown-toggle.btn-microsoft.focus,.open>.dropdown-toggle.btn-microsoft:focus,.open>.dropdown-toggle.btn-microsoft:hover{background-color:#0f4bac;border-color:rgba(0,0,0,.2);color:#fff}.btn-microsoft.active,.btn-microsoft:active,.open>.dropdown-toggle.btn-microsoft{background-image:none}.btn-microsoft.disabled.focus,.btn-microsoft.disabled:focus,.btn-microsoft.disabled:hover,.btn-microsoft[disabled].focus,.btn-microsoft[disabled]:focus,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft.focus,fieldset[disabled] .btn-microsoft:focus,fieldset[disabled] .btn-microsoft:hover{background-color:#2672ec;border-color:rgba(0,0,0,.2)}.btn-microsoft .badge{background-color:#fff;color:#2672ec}.btn-openid{background-color:#f7931e;border-color:rgba(0,0,0,.2);color:#fff}.btn-openid.active,.btn-openid.focus,.btn-openid:active,.btn-openid:focus,.btn-openid:hover,.open>.dropdown-toggle.btn-openid{background-color:#da7908;border-color:rgba(0,0,0,.2);color:#fff}.btn-openid.active.focus,.btn-openid.active:focus,.btn-openid.active:hover,.btn-openid:active.focus,.btn-openid:active:focus,.btn-openid:active:hover,.open>.dropdown-toggle.btn-openid.focus,.open>.dropdown-toggle.btn-openid:focus,.open>.dropdown-toggle.btn-openid:hover{background-color:#b86607;border-color:rgba(0,0,0,.2);color:#fff}.btn-openid.active,.btn-openid:active,.open>.dropdown-toggle.btn-openid{background-image:none}.btn-openid.disabled.focus,.btn-openid.disabled:focus,.btn-openid.disabled:hover,.btn-openid[disabled].focus,.btn-openid[disabled]:focus,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid.focus,fieldset[disabled] .btn-openid:focus,fieldset[disabled] .btn-openid:hover{background-color:#f7931e;border-color:rgba(0,0,0,.2)}.btn-openid .badge{background-color:#fff;color:#f7931e}.btn-pinterest{background-color:#cb2027;border-color:rgba(0,0,0,.2);color:#fff}.btn-pinterest.active,.btn-pinterest.focus,.btn-pinterest:active,.btn-pinterest:focus,.btn-pinterest:hover,.open>.dropdown-toggle.btn-pinterest{background-color:#9f191f;border-color:rgba(0,0,0,.2);color:#fff}.btn-pinterest.active.focus,.btn-pinterest.active:focus,.btn-pinterest.active:hover,.btn-pinterest:active.focus,.btn-pinterest:active:focus,.btn-pinterest:active:hover,.open>.dropdown-toggle.btn-pinterest.focus,.open>.dropdown-toggle.btn-pinterest:focus,.open>.dropdown-toggle.btn-pinterest:hover{background-color:#801419;border-color:rgba(0,0,0,.2);color:#fff}.btn-pinterest.active,.btn-pinterest:active,.open>.dropdown-toggle.btn-pinterest{background-image:none}.btn-pinterest.disabled.focus,.btn-pinterest.disabled:focus,.btn-pinterest.disabled:hover,.btn-pinterest[disabled].focus,.btn-pinterest[disabled]:focus,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest.focus,fieldset[disabled] .btn-pinterest:focus,fieldset[disabled] .btn-pinterest:hover{background-color:#cb2027;border-color:rgba(0,0,0,.2)}.btn-pinterest .badge{background-color:#fff;color:#cb2027}.btn-reddit{background-color:#eff7ff;border-color:rgba(0,0,0,.2);color:#000}.btn-reddit.active,.btn-reddit.focus,.btn-reddit:active,.btn-reddit:focus,.btn-reddit:hover,.open>.dropdown-toggle.btn-reddit{background-color:#bcddff;border-color:rgba(0,0,0,.2);color:#000}.btn-reddit.active.focus,.btn-reddit.active:focus,.btn-reddit.active:hover,.btn-reddit:active.focus,.btn-reddit:active:focus,.btn-reddit:active:hover,.open>.dropdown-toggle.btn-reddit.focus,.open>.dropdown-toggle.btn-reddit:focus,.open>.dropdown-toggle.btn-reddit:hover{background-color:#98ccff;border-color:rgba(0,0,0,.2);color:#000}.btn-reddit.active,.btn-reddit:active,.open>.dropdown-toggle.btn-reddit{background-image:none}.btn-reddit.disabled.focus,.btn-reddit.disabled:focus,.btn-reddit.disabled:hover,.btn-reddit[disabled].focus,.btn-reddit[disabled]:focus,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit.focus,fieldset[disabled] .btn-reddit:focus,fieldset[disabled] .btn-reddit:hover{background-color:#eff7ff;border-color:rgba(0,0,0,.2)}.btn-reddit .badge{background-color:#000;color:#eff7ff}.btn-soundcloud{background-color:#f50;border-color:rgba(0,0,0,.2);color:#fff}.btn-soundcloud.active,.btn-soundcloud.focus,.btn-soundcloud:active,.btn-soundcloud:focus,.btn-soundcloud:hover,.open>.dropdown-toggle.btn-soundcloud{background-color:#c40;border-color:rgba(0,0,0,.2);color:#fff}.btn-soundcloud.active.focus,.btn-soundcloud.active:focus,.btn-soundcloud.active:hover,.btn-soundcloud:active.focus,.btn-soundcloud:active:focus,.btn-soundcloud:active:hover,.open>.dropdown-toggle.btn-soundcloud.focus,.open>.dropdown-toggle.btn-soundcloud:focus,.open>.dropdown-toggle.btn-soundcloud:hover{background-color:#a83800;border-color:rgba(0,0,0,.2);color:#fff}.btn-soundcloud.active,.btn-soundcloud:active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}.btn-soundcloud.disabled.focus,.btn-soundcloud.disabled:focus,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled].focus,.btn-soundcloud[disabled]:focus,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud.focus,fieldset[disabled] .btn-soundcloud:focus,fieldset[disabled] .btn-soundcloud:hover{background-color:#f50;border-color:rgba(0,0,0,.2)}.btn-soundcloud .badge{background-color:#fff;color:#f50}.btn-tumblr{background-color:#2c4762;border-color:rgba(0,0,0,.2);color:#fff}.btn-tumblr.active,.btn-tumblr.focus,.btn-tumblr:active,.btn-tumblr:focus,.btn-tumblr:hover,.open>.dropdown-toggle.btn-tumblr{background-color:#1c2d3f;border-color:rgba(0,0,0,.2);color:#fff}.btn-tumblr.active.focus,.btn-tumblr.active:focus,.btn-tumblr.active:hover,.btn-tumblr:active.focus,.btn-tumblr:active:focus,.btn-tumblr:active:hover,.open>.dropdown-toggle.btn-tumblr.focus,.open>.dropdown-toggle.btn-tumblr:focus,.open>.dropdown-toggle.btn-tumblr:hover{background-color:#111c26;border-color:rgba(0,0,0,.2);color:#fff}.btn-tumblr.active,.btn-tumblr:active,.open>.dropdown-toggle.btn-tumblr{background-image:none}.btn-tumblr.disabled.focus,.btn-tumblr.disabled:focus,.btn-tumblr.disabled:hover,.btn-tumblr[disabled].focus,.btn-tumblr[disabled]:focus,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr.focus,fieldset[disabled] .btn-tumblr:focus,fieldset[disabled] .btn-tumblr:hover{background-color:#2c4762;border-color:rgba(0,0,0,.2)}.btn-tumblr .badge{background-color:#fff;color:#2c4762}.btn-twitter{background-color:#55acee;border-color:rgba(0,0,0,.2);color:#fff}.btn-twitter.active,.btn-twitter.focus,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.open>.dropdown-toggle.btn-twitter{background-color:#2795e9;border-color:rgba(0,0,0,.2);color:#fff}.btn-twitter.active.focus,.btn-twitter.active:focus,.btn-twitter.active:hover,.btn-twitter:active.focus,.btn-twitter:active:focus,.btn-twitter:active:hover,.open>.dropdown-toggle.btn-twitter.focus,.open>.dropdown-toggle.btn-twitter:focus,.open>.dropdown-toggle.btn-twitter:hover{background-color:#1583d7;border-color:rgba(0,0,0,.2);color:#fff}.btn-twitter.active,.btn-twitter:active,.open>.dropdown-toggle.btn-twitter{background-image:none}.btn-twitter.disabled.focus,.btn-twitter.disabled:focus,.btn-twitter.disabled:hover,.btn-twitter[disabled].focus,.btn-twitter[disabled]:focus,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter.focus,fieldset[disabled] .btn-twitter:focus,fieldset[disabled] .btn-twitter:hover{background-color:#55acee;border-color:rgba(0,0,0,.2)}.btn-twitter .badge{background-color:#fff;color:#55acee}.btn-vimeo{background-color:#1ab7ea;border-color:rgba(0,0,0,.2);color:#fff}.btn-vimeo.active,.btn-vimeo.focus,.btn-vimeo:active,.btn-vimeo:focus,.btn-vimeo:hover,.open>.dropdown-toggle.btn-vimeo{background-color:#1295bf;border-color:rgba(0,0,0,.2);color:#fff}.btn-vimeo.active.focus,.btn-vimeo.active:focus,.btn-vimeo.active:hover,.btn-vimeo:active.focus,.btn-vimeo:active:focus,.btn-vimeo:active:hover,.open>.dropdown-toggle.btn-vimeo.focus,.open>.dropdown-toggle.btn-vimeo:focus,.open>.dropdown-toggle.btn-vimeo:hover{background-color:#0f7b9f;border-color:rgba(0,0,0,.2);color:#fff}.btn-vimeo.active,.btn-vimeo:active,.open>.dropdown-toggle.btn-vimeo{background-image:none}.btn-vimeo.disabled.focus,.btn-vimeo.disabled:focus,.btn-vimeo.disabled:hover,.btn-vimeo[disabled].focus,.btn-vimeo[disabled]:focus,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo.focus,fieldset[disabled] .btn-vimeo:focus,fieldset[disabled] .btn-vimeo:hover{background-color:#1ab7ea;border-color:rgba(0,0,0,.2)}.btn-vimeo .badge{background-color:#fff;color:#1ab7ea}.btn-vk{background-color:#587ea3;border-color:rgba(0,0,0,.2);color:#fff}.btn-vk.active,.btn-vk.focus,.btn-vk:active,.btn-vk:focus,.btn-vk:hover,.open>.dropdown-toggle.btn-vk{background-color:#466482;border-color:rgba(0,0,0,.2);color:#fff}.btn-vk.active.focus,.btn-vk.active:focus,.btn-vk.active:hover,.btn-vk:active.focus,.btn-vk:active:focus,.btn-vk:active:hover,.open>.dropdown-toggle.btn-vk.focus,.open>.dropdown-toggle.btn-vk:focus,.open>.dropdown-toggle.btn-vk:hover{background-color:#3a526b;border-color:rgba(0,0,0,.2);color:#fff}.btn-vk.active,.btn-vk:active,.open>.dropdown-toggle.btn-vk{background-image:none}.btn-vk.disabled.focus,.btn-vk.disabled:focus,.btn-vk.disabled:hover,.btn-vk[disabled].focus,.btn-vk[disabled]:focus,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk.focus,fieldset[disabled] .btn-vk:focus,fieldset[disabled] .btn-vk:hover{background-color:#587ea3;border-color:rgba(0,0,0,.2)}.btn-vk .badge{background-color:#fff;color:#587ea3}.btn-yahoo{background-color:#720e9e;border-color:rgba(0,0,0,.2);color:#fff}.btn-yahoo.active,.btn-yahoo.focus,.btn-yahoo:active,.btn-yahoo:focus,.btn-yahoo:hover,.open>.dropdown-toggle.btn-yahoo{background-color:#500a6f;border-color:rgba(0,0,0,.2);color:#fff}.btn-yahoo.active.focus,.btn-yahoo.active:focus,.btn-yahoo.active:hover,.btn-yahoo:active.focus,.btn-yahoo:active:focus,.btn-yahoo:active:hover,.open>.dropdown-toggle.btn-yahoo.focus,.open>.dropdown-toggle.btn-yahoo:focus,.open>.dropdown-toggle.btn-yahoo:hover{background-color:#39074e;border-color:rgba(0,0,0,.2);color:#fff}.btn-yahoo.active,.btn-yahoo:active,.open>.dropdown-toggle.btn-yahoo{background-image:none}.btn-yahoo.disabled.focus,.btn-yahoo.disabled:focus,.btn-yahoo.disabled:hover,.btn-yahoo[disabled].focus,.btn-yahoo[disabled]:focus,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo.focus,fieldset[disabled] .btn-yahoo:focus,fieldset[disabled] .btn-yahoo:hover{background-color:#720e9e;border-color:rgba(0,0,0,.2)}.btn-yahoo .badge{background-color:#fff;color:#720e9e}.fc-button{background:#f4f4f4;background-image:none;border-color:#ddd;color:#444}.fc-button.hover,.fc-button:active,.fc-button:hover{background-color:#e9e9e9}.fc-header-title h2{color:#666;font-size:15px;line-height:1.6em;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{border:0;width:100%}.fc-widget-content:first-of-type,.fc-widget-header:first-of-type{border-left:0;border-right:0}.fc-widget-content:last-of-type,.fc-widget-header:last-of-type{border-right:0}.fc-toolbar{margin:0;padding:10px}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;line-height:30px;margin-right:5px}.fc-color-picker>li .fa{transition:transform .3s linear}.fc-color-picker>li .fa:hover{transform:rotate(30deg)}#add-new-event{transition:all .3s linear}.external-event{border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);cursor:move;font-weight:700;margin-bottom:4px;padding:5px 10px;text-shadow:0 1px 1px rgba(0,0,0,.1)}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,.2)}.select2-container--default.select2-container--focus,.select2-container--default:active,.select2-container--default:focus,.select2-selection.select2-container--focus,.select2-selection:active,.select2-selection:focus{outline:none}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;height:34px;padding:6px 12px}.select2-container--default.select2-container--open{border-color:#3c8dbc}.select2-dropdown{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3c8dbc;color:#fff}.select2-results__option{padding:6px 12px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{height:auto;margin-top:-4px;padding-left:0;padding-right:0}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-left:20px;padding-right:6px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none}.select2-container--default .select2-search--dropdown .select2-search__field,.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#3c8dbc!important}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;color:#fff;padding:1px 10px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:hsla(0,0%,100%,.7);margin-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.box .datepicker-inline,.box .datepicker-inline .datepicker-days,.box .datepicker-inline .datepicker-days>table,.box .datepicker-inline>table{width:100%}.box .datepicker-inline .datepicker-days td:hover,.box .datepicker-inline .datepicker-days>table td:hover,.box .datepicker-inline td:hover,.box .datepicker-inline>table td:hover{background-color:hsla(0,0%,100%,.3)}.box .datepicker-inline .datepicker-days td.day.new,.box .datepicker-inline .datepicker-days td.day.old,.box .datepicker-inline .datepicker-days>table td.day.new,.box .datepicker-inline .datepicker-days>table td.day.old,.box .datepicker-inline td.day.new,.box .datepicker-inline td.day.old,.box .datepicker-inline>table td.day.new,.box .datepicker-inline>table td.day.old{color:#777}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block>.description-header{font-size:16px;font-weight:600;margin:0;padding:0}.description-block>.description-text{text-transform:uppercase}.alert-danger,.alert-error,.alert-info,.alert-success,.alert-warning,.bg-aqua,.bg-aqua-active,.bg-black,.bg-black-active,.bg-blue,.bg-blue-active,.bg-fuchsia,.bg-fuchsia-active,.bg-green,.bg-green-active,.bg-light-blue,.bg-light-blue-active,.bg-lime,.bg-lime-active,.bg-maroon,.bg-maroon-active,.bg-navy,.bg-navy-active,.bg-olive,.bg-olive-active,.bg-orange,.bg-orange-active,.bg-purple,.bg-purple-active,.bg-red,.bg-red-active,.bg-teal,.bg-teal-active,.bg-yellow,.bg-yellow-active,.callout.callout-danger,.callout.callout-info,.callout.callout-success,.callout.callout-warning,.label-danger,.label-info,.label-primary,.label-success,.label-warning,.modal-danger .modal-body,.modal-danger .modal-footer,.modal-danger .modal-header,.modal-info .modal-body,.modal-info .modal-footer,.modal-info .modal-header,.modal-primary .modal-body,.modal-primary .modal-footer,.modal-primary .modal-header,.modal-success .modal-body,.modal-success .modal-footer,.modal-success .modal-header,.modal-warning .modal-body,.modal-warning .modal-footer,.modal-warning .modal-header{color:#fff!important}.bg-gray{background-color:#d2d6de!important;color:#000}.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#111!important}.alert-danger,.alert-error,.bg-red,.callout.callout-danger,.label-danger,.modal-danger .modal-body{background-color:#dd4b39!important}.alert-warning,.bg-yellow,.callout.callout-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12!important}.alert-info,.bg-aqua,.callout.callout-info,.label-info,.modal-info .modal-body{background-color:#00c0ef!important}.bg-blue{background-color:#0073b7!important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc!important}.alert-success,.bg-green,.callout.callout-success,.label-success,.modal-success .modal-body{background-color:#00a65a!important}.bg-navy{background-color:#001f3f!important}.bg-teal{background-color:#39cccc!important}.bg-olive{background-color:#3d9970!important}.bg-lime{background-color:#01ff70!important}.bg-orange{background-color:#ff851b!important}.bg-fuchsia{background-color:#f012be!important}.bg-purple{background-color:#605ca8!important}.bg-maroon{background-color:#d81b60!important}.bg-gray-active{background-color:#b5bbc8!important;color:#000}.bg-black-active{background-color:#000!important}.bg-red-active,.modal-danger .modal-footer,.modal-danger .modal-header{background-color:#d33724!important}.bg-yellow-active,.modal-warning .modal-footer,.modal-warning .modal-header{background-color:#db8b0b!important}.bg-aqua-active,.modal-info .modal-footer,.modal-info .modal-header{background-color:#00a7d0!important}.bg-blue-active{background-color:#005384!important}.bg-light-blue-active,.modal-primary .modal-footer,.modal-primary .modal-header{background-color:#357ca5!important}.bg-green-active,.modal-success .modal-footer,.modal-success .modal-header{background-color:#008d4c!important}.bg-navy-active{background-color:#001a35!important}.bg-teal-active{background-color:#30bbbb!important}.bg-olive-active{background-color:#368763!important}.bg-lime-active{background-color:#00e765!important}.bg-orange-active{background-color:#ff7701!important}.bg-fuchsia-active{background-color:#db0ead!important}.bg-purple-active{background-color:#555299!important}.bg-maroon-active{background-color:#ca195a!important}[class^=bg-].disabled{filter:alpha(opacity=65);opacity:.65}.text-red{color:#dd4b39!important}.text-yellow{color:#f39c12!important}.text-aqua{color:#00c0ef!important}.text-blue{color:#0073b7!important}.text-black{color:#111!important}.text-light-blue{color:#3c8dbc!important}.text-green{color:#00a65a!important}.text-gray{color:#d2d6de!important}.text-navy{color:#001f3f!important}.text-teal{color:#39cccc!important}.text-olive{color:#3d9970!important}.text-lime{color:#01ff70!important}.text-orange{color:#ff851b!important}.text-fuchsia{color:#f012be!important}.text-purple{color:#605ca8!important}.text-maroon{color:#d81b60!important}.link-muted{color:#7a869d}.link-muted:focus,.link-muted:hover{color:#606c84}.link-black{color:#666}.link-black:focus,.link-black:hover{color:#999}.hide{display:none!important}.no-border{border:0!important}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-shadow{box-shadow:none!important}.chart-legend,.contacts-list,.list-unstyled,.mailbox-attachments,.users-list{list-style:none;margin:0;padding:0}.list-group-unbordered>.list-group-item{border-left:0;border-radius:0;border-right:0;padding-left:0;padding-right:0}.flat{border-radius:0!important}.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}.text-sm{font-size:12px}.jqstooltip{height:auto!important;padding:5px!important;width:auto!important}.bg-teal-gradient{background:#39cccc!important;background:-o-linear-gradient(#7adddd,#39cccc)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7adddd",endColorstr="#39CCCC",GradientType=0)!important}.bg-light-blue-gradient{background:#3c8dbc!important;background:-o-linear-gradient(#67a8ce,#3c8dbc)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#67a8ce",endColorstr="#3c8dbc",GradientType=0)!important}.bg-blue-gradient{background:#0073b7!important;background:-o-linear-gradient(#0089db,#0073b7)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089db",endColorstr="#0073b7",GradientType=0)!important}.bg-aqua-gradient{background:#00c0ef!important;background:-o-linear-gradient(#14d1ff,#00c0ef)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#14d1ff",endColorstr="#00c0ef",GradientType=0)!important}.bg-yellow-gradient{background:#f39c12!important;background:-o-linear-gradient(#f7bc60,#f39c12)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7bc60",endColorstr="#f39c12",GradientType=0)!important}.bg-purple-gradient{background:#605ca8!important;background:-o-linear-gradient(#9491c4,#605ca8)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9491c4",endColorstr="#605ca8",GradientType=0)!important}.bg-green-gradient{background:#00a65a!important;background:-o-linear-gradient(#00ca6d,#00a65a)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ca6d",endColorstr="#00a65a",GradientType=0)!important}.bg-red-gradient{background:#dd4b39!important;background:-o-linear-gradient(#e47365,#dd4b39)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e47365",endColorstr="#dd4b39",GradientType=0)!important}.bg-black-gradient{background:#111!important;background:-o-linear-gradient(#2b2b2b,#111)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#111",GradientType=0)!important}.bg-maroon-gradient{background:#d81b60!important;background:-o-linear-gradient(#e73f7c,#d81b60)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e73f7c",endColorstr="#D81B60",GradientType=0)!important}.description-block .description-icon{font-size:16px}.no-pad-top{padding-top:0}.position-static{position:static!important}.list-header{color:#666;font-size:15px;font-weight:700;padding:10px 4px}.list-seperator{background:#f4f4f4;height:1px;margin:15px 0 9px}.list-link>a{color:#777;padding:4px}.list-link>a:hover{color:#222}.font-light{font-weight:300}.user-block:after,.user-block:before{content:" ";display:table}.user-block:after{clear:both}.user-block img{float:left;height:40px;width:40px}.user-block .comment,.user-block .description,.user-block .username{display:block;margin-left:50px}.user-block .username{font-size:16px;font-weight:600}.user-block .description{color:#999;font-size:13px}.user-block.user-block-sm .comment,.user-block.user-block-sm .description,.user-block.user-block-sm .username{margin-left:40px}.user-block.user-block-sm .username{font-size:14px}.box-comments .box-comment img,.img-lg,.img-md,.img-sm,.user-block.user-block-sm img{float:left}.box-comments .box-comment img,.img-sm,.user-block.user-block-sm img{height:30px!important;width:30px!important}.img-sm+.img-push{margin-left:40px}.img-md{height:60px;width:60px}.img-md+.img-push{margin-left:70px}.img-lg{height:100px;width:100px}.img-lg+.img-push{margin-left:110px}.img-bordered{border:3px solid #d2d6de;padding:3px}.img-bordered-sm{border:2px solid #d2d6de;padding:2px}.attachment-block{background:#f7f7f7;border:1px solid #f4f4f4;margin-bottom:10px;padding:5px}.attachment-block .attachment-img{float:left;height:auto;max-height:100px;max-width:100px}.attachment-block .attachment-pushed{margin-left:110px}.attachment-block .attachment-heading{margin:0}.attachment-block .attachment-text{color:#555}.connectedSortable{min-height:100px}.ui-helper-hidden-accessible{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px}.full-opacity-hover{filter:alpha(opacity=65);opacity:.65}.full-opacity-hover:hover{filter:alpha(opacity=100);opacity:1}.chart{overflow:hidden;position:relative;width:100%}.chart canvas,.chart svg{width:100%!important}hr{border-top:1px solid #555}#red .slider-selection{background:#f56954}#blue .slider-selection{background:#3c8dbc}#green .slider-selection{background:#00a65a}#yellow .slider-selection{background:#f39c12}#aqua .slider-selection{background:#00c0ef}#purple .slider-selection{background:#932ab6}@media print{.content-header,.left-side,.main-header,.main-sidebar,.no-print{display:none!important}.content-wrapper,.main-footer,.right-side{margin-left:0!important;min-height:0!important;transform:translate(0)!important}.fixed .content-wrapper,.fixed .right-side{padding-top:0!important}.invoice{border:0;margin:0;padding:0;width:100%}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr td,.table-responsive>.table tr th{white-space:normal!important}} diff --git a/public/css/build/app.css b/public/css/build/app.css index 23a455db6..394c114a5 100644 --- a/public/css/build/app.css +++ b/public/css/build/app.css @@ -1,1145 +1 @@ -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} -@media (max-width: 400px) { - .navbar-left { - margin: 2px; - } - .nav::after { - clear: none; - } -} -.skin-blue .main-header .logo { - background-color: inherit !important; -} -.main-header .logo { - width: 100% !important; - white-space: nowrap; - text-align: left; - display: block; - clear: both; -} -.huge { - font-size: 40px; -} -.btn-file { - position: relative; - overflow: hidden; -} -.dropdown-menu > li > a { - color: #354044; -} -#sort tr.cansort { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 3px; - border-left: 2px solid #e6e7e8; - color: #444; - cursor: move; -} -.user-image-inline { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; -} -.input-group .input-group-addon { - background-color: #f4f4f4; -} -a.accordion-header { - color: #333; -} -.dynamic-form-row { - padding: 10px; - margin: 20px; -} -.handle { - padding-left: 10px; -} -.btn-file input[type="file"] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; -} -.main-footer { - font-size: 13px; -} -.main-header { - max-height: 150px; -} -.navbar-nav > .user-menu > .dropdown-menu { - width: inherit; -} -.main-header .logo { - padding: 0px 5px 0px 15px; -} -.sidebar-toggle { - margin-left: -48px; - z-index: 100; - background-color: inherit; -} -.sidebar-toggle-mobile { - z-index: 100; - width: 50px; - padding-top: 10px; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; -} -.direct-chat-contacts { - padding: 10px; - height: 150px; -} -.select2-container { - width: 100%; -} -.error input { - color: #a94442; - border: 2px solid #a94442 !important; -} -.error label, -.alert-msg { - color: #a94442; - display: block; -} -.input-group[class*="col-"] { - padding-right: 15px; - padding-left: 15px; -} -.control-label.multiline { - padding-top: 10px; -} -.btn-outline { - color: inherit; - background-color: transparent; - transition: all 0.5s; -} -.btn-primary.btn-outline { - color: #428bca; -} -.btn-success.btn-outline { - color: #5cb85c; -} -.btn-info.btn-outline { - color: #5bc0de; -} -.btn-warning.btn-outline { - color: #f0ad4e; -} -.btn-danger.btn-outline { - color: #d9534f; -} -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover { - color: #fff; -} -.slideout-menu { - position: fixed; - top: 0; - right: -250px; - width: 250px; - height: 100%; - background: #333; - z-index: 100; - margin-top: 100px; - color: white; - padding: 10px; -} -.slideout-menu h3 { - position: relative; - padding: 5px 5px; - color: #fff; - font-size: 1.2em; - font-weight: 400; - border-bottom: 4px solid #222; -} -.slideout-menu .slideout-menu-toggle { - position: absolute; - top: 12px; - right: 10px; - display: inline-block; - padding: 6px 9px 5px; - font-family: Arial, sans-serif; - font-weight: bold; - line-height: 1; - background: #222; - color: #999; - text-decoration: none; - vertical-align: top; -} -.slideout-menu .slideout-menu-toggle:hover { - color: #fff; -} -.slideout-menu ul { - list-style: none; - font-weight: 300; - border-top: 1px solid #151515; - border-bottom: 1px solid #454545; -} -.slideout-menu ul li { - border-top: 1px solid #454545; - border-bottom: 1px solid #151515; -} -.slideout-menu ul li a { - position: relative; - display: block; - padding: 10px; - color: #999; - text-decoration: none; -} -.slideout-menu ul li a:hover { - background: #000; - color: #fff; -} -.slideout-menu ul li a i { - position: absolute; - top: 15px; - right: 10px; - opacity: 0.5; -} -.btn-box-tool-lg { - font-size: 16px; - color: orange; -} -/*Form Wizard*/ -.bs-wizard { - margin-top: 20px; - border-bottom: solid 1px #e0e0e0; - padding: 0 0 10px 0; -} -.bs-wizard > .bs-wizard-step { - padding: 0; - position: relative; -} -.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { - color: #595959; - font-size: 16px; - margin-bottom: 5px; -} -.bs-wizard > .bs-wizard-step .bs-wizard-info { - color: #999; - font-size: 14px; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot { - position: absolute; - width: 30px; - height: 30px; - display: block; - background: #fbe8aa; - top: 45px; - left: 50%; - margin-top: -15px; - margin-left: -15px; - border-radius: 50%; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { - content: " "; - width: 14px; - height: 14px; - background: #fbbd19; - border-radius: 50px; - position: absolute; - top: 8px; - left: 8px; -} -.bs-wizard > .bs-wizard-step > .progress { - position: relative; - border-radius: 0px; - height: 8px; - box-shadow: none; - margin: 20px 0; -} -.bs-wizard > .bs-wizard-step > .progress > .progress-bar { - width: 0px; - box-shadow: none; - background: #fbe8aa; -} -.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { - width: 50%; -} -.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { - width: 0%; -} -.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { - background-color: #f5f5f5; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { - opacity: 0; -} -.bs-wizard > .bs-wizard-step:first-child > .progress { - left: 50%; - width: 50%; -} -.bs-wizard > .bs-wizard-step:last-child > .progress { - width: 50%; -} -.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { - pointer-events: none; -} -/*END Form Wizard*/ -.left-navblock { - display: inline-block; - text-align: left; - color: white; - padding: 0px; - /* adjust based on your layout */ -} -.skin-blue .main-header .navbar .dropdown-menu li a { - color: #333; -} -a.logo.no-hover a:hover { - background-color: transparent; -} -.required { - border-right: 6px solid orange; -} -.sidebar-menu { - font-size: 14px; - white-space: normal; -} -@media print { - a[href]:after { - content: none; - } - .tab-content > .tab-pane { - display: block !important; - opacity: 1 !important; - visibility: visible !important; - } -} -img.navbar-brand-img, -.navbar-brand > img { - float: left; - padding: 5px 5px 5px 0; - max-height: 50px; -} -.input-daterange { - border-radius: 0px; -} -.btn.bg-maroon, -.btn.bg-purple { - min-width: 90px; -} -[hidden] { - display: none !important; -} -#toolbar { - margin-top: 10px; -} -#uploadPreview { - border-color: grey; - border-width: 1px; - border-style: solid; -} -.icon-med { - font-size: 20px; - color: #889195; -} -#login-logo { - padding-top: 20px; - padding-bottom: 10px; - max-width: 200px; -} -.left-navblock { - max-width: 500px; -} -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo { - background-color: inherit; -} -.main-header .logo { - width: 100% !important; - white-space: nowrap; - text-align: left; - display: block; - clear: both; -} -.main-header .logoa:link, -.main-header .logo a:hover, -.main-header .logo a:visited { - color: #fff; -} -.huge { - font-size: 40px; -} -.btn-file { - position: relative; - overflow: hidden; -} -.dropdown-menu > li > a { - color: #354044; -} -#sort tr.cansort { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 3px; - border-left: 2px solid #e6e7e8; - color: #444; - cursor: move; -} -.user-image-inline { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; -} -.input-group .input-group-addon { - background-color: #f4f4f4; -} -a.accordion-header { - color: #333; -} -.dynamic-form-row { - padding: 10px; - margin: 20px; -} -.handle { - padding-left: 10px; -} -.btn-file input[type=file] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; -} -.main-footer { - font-size: 13px; -} -.main-header { - max-height: 150px; -} -.navbar-nav > .user-menu > .dropdown-menu { - width: inherit; -} -.main-header .logo { - padding: 0px 5px 0px 15px; -} -.sidebar-toggle { - margin-left: -48px; - z-index: 100; - background-color: inherit; -} -.sidebar-toggle-mobile { - z-index: 100; - width: 50px; - padding-top: 10px; -} -.pull-text-right { - text-align: right !important; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; - font-weight: 900; - font-family: 'Font Awesome\ 5 Free'; -} -.direct-chat-contacts { - padding: 10px; - height: 150px; -} -.select2-container { - width: 100%; -} -.error input { - color: #a94442; - border: 2px solid #a94442 !important; -} -.error label, -.alert-msg { - color: #a94442; - display: block; -} -.input-group[class*="col-"] { - padding-right: 15px; - padding-left: 15px; -} -.control-label.multiline { - padding-top: 10px; -} -.btn-outline { - color: inherit; - background-color: transparent; - transition: all 0.5s; -} -.btn-primary.btn-outline { - color: #428bca; -} -.btn-success.btn-outline { - color: #5cb85c; -} -.btn-info.btn-outline { - color: #5bc0de; -} -.btn-warning { - background-color: #f39c12 !important; -} -.btn-warning.btn-outline { - color: #f0ad4e; -} -.btn-danger.btn-outline, -a.link-danger:link, -a.link-danger:visited, -a.link-danger:hover { - color: #dd4b39; -} -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover { - color: #fff; -} -.slideout-menu { - position: fixed; - top: 0; - right: -250px; - width: 250px; - height: 100%; - background: #333; - z-index: 100; - margin-top: 100px; - color: white; - padding: 10px; -} -.slideout-menu h3 { - position: relative; - padding: 5px 5px; - color: #fff; - font-size: 1.2em; - font-weight: 400; - border-bottom: 4px solid #222; -} -.slideout-menu .slideout-menu-toggle { - position: absolute; - top: 12px; - right: 10px; - display: inline-block; - padding: 6px 9px 5px; - font-family: Arial, sans-serif; - font-weight: bold; - line-height: 1; - background: #222; - color: #999; - text-decoration: none; - vertical-align: top; -} -.slideout-menu .slideout-menu-toggle:hover { - color: #fff; -} -.slideout-menu ul { - list-style: none; - font-weight: 300; - border-top: 1px solid #151515; - border-bottom: 1px solid #454545; -} -.slideout-menu ul li { - border-top: 1px solid #454545; - border-bottom: 1px solid #151515; -} -.slideout-menu ul li a { - position: relative; - display: block; - padding: 10px; - color: #999; - text-decoration: none; -} -.slideout-menu ul li a:hover { - background: #000; - color: #fff; -} -.slideout-menu ul li a i { - position: absolute; - top: 15px; - right: 10px; - opacity: 0.5; -} -.btn-box-tool-lg { - font-size: 16px; - color: orange; -} -.bs-wizard { - margin-top: 20px; -} -/*Form Wizard*/ -.bs-wizard { - border-bottom: solid 1px #e0e0e0; - padding: 0 0 10px 0; -} -.bs-wizard > .bs-wizard-step { - padding: 0; - position: relative; -} -.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { - color: #595959; - font-size: 16px; - margin-bottom: 5px; -} -.bs-wizard > .bs-wizard-step .bs-wizard-info { - color: #999; - font-size: 14px; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot { - position: absolute; - width: 30px; - height: 30px; - display: block; - background: #fbe8aa; - top: 45px; - left: 50%; - margin-top: -15px; - margin-left: -15px; - border-radius: 50%; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { - content: ' '; - width: 14px; - height: 14px; - background: #fbbd19; - border-radius: 50px; - position: absolute; - top: 8px; - left: 8px; -} -.bs-wizard > .bs-wizard-step > .progress { - position: relative; - border-radius: 0px; - height: 8px; - box-shadow: none; - margin: 20px 0; -} -.bs-wizard > .bs-wizard-step > .progress > .progress-bar { - width: 0px; - box-shadow: none; - background: #fbe8aa; -} -.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { - width: 50%; -} -.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { - width: 0%; -} -.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { - background-color: #f5f5f5; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { - opacity: 0; -} -.bs-wizard > .bs-wizard-step:first-child > .progress { - left: 50%; - width: 50%; -} -.bs-wizard > .bs-wizard-step:last-child > .progress { - width: 50%; -} -.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { - pointer-events: none; -} -/*END Form Wizard*/ -.left-navblock { - display: inline-block; - float: left; - text-align: left; - color: white; - padding: 0px; - /* adjust based on your layout */ -} -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a { - color: #333; -} -a.logo.no-hover a:hover { - background-color: transparent; -} -.required { - border-right: 6px solid orange; -} -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} -.sidebar-menu { - font-size: 14px; - white-space: normal; -} -@media print { - a[href]:after { - content: none; - } - .tab-content > .tab-pane { - display: block !important; - opacity: 1 !important; - visibility: visible !important; - } -} -img.navbar-brand-img, -.navbar-brand > img { - float: left; - padding: 5px 5px 5px 0; - max-height: 50px; -} -.input-daterange { - border-radius: 0px; -} -.btn.bg-maroon, -.btn.bg-purple { - min-width: 90px; -} -[hidden] { - display: none !important; -} -#toolbar { - margin-top: 10px; -} -#uploadPreview { - border-color: grey; - border-width: 1px; - border-style: solid; -} -.icon-med { - font-size: 14px; - color: #889195; -} -#login-logo { - padding-top: 20px; - padding-bottom: 10px; - max-width: 200px; -} -a.skip-main { - left: -999px; - position: absolute; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - z-index: -999; -} -a.skip-main:focus, -a.skip-main:active { - color: #fff; - background-color: #000; - left: auto; - top: auto; - width: 30%; - height: auto; - overflow: auto; - margin: 10px 35%; - padding: 5px; - border-radius: 15px; - border: 4px solid yellow; - text-align: center; - font-size: 1.2em; - z-index: 999; -} -h2 { - font-size: 22px; -} -h2.task_menu { - font-size: 14px; -} -h2 small { - font-size: 85%; -} -h3 { - font-size: 20px; -} -h4 { - font-size: 16px; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: #f9f9f9; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - display: table; - width: 100%; - padding-right: 20px; -} -/** -* NEW STRIPING -* This section is for the new row striping for nicer -* display for non-table data as of v6 -**/ -.row-new-striped > .row:nth-of-type(even) { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: #F8F8F8; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div[class^="col"]:first-child { - font-weight: bold; -} -/** -* This just adds a little extra padding on mobile -**/ -@media only screen and (max-width: 520px) { - h1.pagetitle { - padding-top: 15px; - padding-bottom: 15px; - } - .firstnav { - padding-top: 120px !important; - } - .product { - width: 400px; - } - .product img { - min-width: 400px; - } -} -.card-view-title { - min-width: 40% !important; - line-height: 3 !important; - padding-right: 20px; -} -.card-view { - display: table-row; - flex-direction: column; -} -/** - - COLUMN SELECTOR ICONS - ----------------------------- - This is kind of weird, but it is necessary to prevent the column-selector code from barfing, since - any HTML used in the UserPresenter "title" attribute breaks the column selector HTML. - - Instead, we use CSS to add the icon into the table header, which leaves the column selector - "title" text as-is. - - See https://github.com/snipe/snipe-it/issues/7989 - - */ -th.css-barcode > .th-inner, -th.css-license > .th-inner, -th.css-consumable > .th-inner, -th.css-envelope > .th-inner, -th.css-accessory > .th-inner { - font-size: 0px; - line-height: 0.75 !important; - text-align: left; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -th.css-padlock > .th-inner::before, -th.css-barcode > .th-inner::before, -th.css-license > .th-inner::before, -th.css-consumable > .th-inner::before, -th.css-envelope > .th-inner::before, -th.css-accessory > .th-inner::before { - display: inline-block; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-padlock > .th-inner::before { - content: "\f023"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - padding-right: 4px; - font-size: 12px; -} -/** -Set the font-weight css property as 900 (For Solid), 400 (Regular or Brands), 300 (Light for pro icons). -**/ -th.css-barcode > .th-inner::before { - content: "\f02a"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-license > .th-inner::before { - content: "\f0c7"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-consumable > .th-inner::before { - content: "\f043"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-envelope > .th-inner::before { - content: "\f0e0"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-accessory > .th-inner::before { - content: "\f11c"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -.small-box .inner { - padding-left: 15px; - padding-right: 15px; - padding-top: 15px; - color: #fff; -} -.small-box > a:link, -.small-box > a:visited, -.small-box > a:hover { - color: #fff; -} -.select2-container--default .select2-selection--single, -.select2-selection .select2-selection--single { - border: 1px solid #d2d6de; - border-radius: 0; - padding: 6px 12px; - height: 34px; -} -.form-group.has-error label { - color: #a94442; -} -.select2-container--default .select2-selection--multiple { - border-radius: 0px; -} -@media screen and (max-width: 511px) { - .tab-content .tab-pane .alert-block { - margin-top: 120px; - } - .sidebar-menu { - margin-top: 160px; - } -} -@media screen and (max-width: 912px) and (min-width: 512px) { - .sidebar-menu { - margin-top: 100px; - } -} -@media screen and (max-width: 1268px) and (min-width: 912px) { - .sidebar-menu { - margin-top: 50px; - } -} -.ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -/** Form-stuff overrides for checkboxes and stuff **/ -label.form-control { - display: grid; - grid-template-columns: 1.8em auto; - gap: 0.5em; - border: 0px; - padding-left: 0px; - background-color: inherit; - color: inherit; - font-size: inherit; - font-weight: inherit; -} -label.form-control--disabled { - color: #959495; - pointer-events: none; - cursor: not-allowed; -} -/** --------------------------------------- **/ -/** Start checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -input[type="checkbox"] { - /* Add if not using autoprefixer */ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - /* For iOS < 15 to remove gradient background */ - background-color: #fff; - /* Not removed via appearance */ - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 0em; - transform: translateY(-0.075em); - display: grid; - place-content: center; - /*Windows High Contrast Mode*/ -} -/** This sets the display of a checkbox, and what the "fill" checkmark should look like */ -input[type="checkbox"]::before { - /** If you want to use the non-checkbox, filled square, use this instead **/ - box-shadow: inset 1em 1em #d3d3d3; - content: ""; - width: 1em; - height: 1em; - -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - transform: scale(0); - transform-origin: bottom left; - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; - /* Windows High Contrast Mode */ - background-color: CanvasText; -} -/** This sets the size of the scale up for the shape we defined above **/ -input[type="checkbox"]:checked::before { - transform: scale(1); -} -/** This sets the scale and color of the DISABLED but CHECKED checkbox */ -input[type=checkbox]:disabled::before, -input[type=radio]:disabled::before { - content: ""; - width: 1em; - height: 1em; - transform: scale(1); - box-shadow: inset 1em 1em #d3d3d3; -} -/* This sets the scale and style of a DISABLED checkbox that is NOT checked */ -input[type=checkbox]:disabled:not(:checked)::before, -input[type=radio]:disabled:not(:checked)::before { - content: ""; - transform: scale(0); - cursor: not-allowed; - pointer-events: none; -} -/** this is the color of the checkbox and content on a disabled, checked box **/ -input[type=checkbox]:disabled, -input[type=radio]:disabled { - --form-control-color: #d3d3d3; - color: #959495; - cursor: not-allowed; - pointer-events: none; -} -/** Radio styles to replace iCheck **/ -input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 50%; - transform: translateY(-0.075em); - display: grid; - place-content: center; -} -input[type="radio"]::before { - content: ""; - width: 1em; - height: 1em; - border-radius: 50%; - transform: scale(0); - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; -} -input[type="radio"]:checked::before { - transform: scale(1); -} -/** -* This addresses the column selector in bootstrap-table. Without these two lines, the -* checkbox and the with the label text that BS tables generates will -* end up on two different lines and it looks assy. - */ -.dropdown-item-marker input[type=checkbox] { - font-size: 10px; -} -.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label { - font-weight: normal; - display: grid; - grid-template-columns: 0.1em auto; - gap: 1.5em; -} -.container.row-striped .col-md-6 { - overflow-wrap: anywhere; -} -.nav-tabs-custom > .nav-tabs > li { - z-index: 1; -} -.select2-container .select2-search--inline .select2-search__field { - padding-left: 15px; -} -/** --------------------------------------- **/ -/** End checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -/** -/** Separator styles with text in the middle. Currently only used by the login page but -/** could be used elsewhere. - */ -.separator { - display: flex; - align-items: center; - text-align: center; - padding-top: 20px; - color: #959495; -} -.separator::before, -.separator::after { - content: ''; - flex: 1; - border-bottom: 1px solid #959495; -} -.separator:not(:empty)::before { - margin-right: 0.25em; -} -.separator:not(:empty)::after { - margin-left: 0.25em; -} - +@media (max-width:400px){.navbar-left{margin:2px}.nav:after{clear:none}}.skin-blue .main-header .logo{background-color:inherit!important}.btn-danger.btn-outline{color:#d9534f}.skin-blue .main-header .navbar .dropdown-menu li a{color:#333}.icon-med{font-size:20px}.left-navblock{max-width:500px}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{clear:both;display:block;text-align:left;white-space:nowrap;width:100%!important}.main-header .logo a:hover,.main-header .logo a:visited,.main-header .logoa:link{color:#fff}.huge{font-size:40px}.btn-file{overflow:hidden;position:relative}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{background:#f4f4f4;border-left:2px solid #e6e7e8;border-radius:2px;color:#444;cursor:move;margin-bottom:3px;padding:10px}.user-image-inline{border-radius:50%;float:left;height:25px;margin-right:10px;width:25px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{margin:20px;padding:10px}.handle{padding-left:10px}.btn-file input[type=file]{background:#fff;cursor:inherit;display:block;filter:alpha(opacity=0);font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:none;position:absolute;right:0;text-align:right;top:0}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{background-color:inherit;margin-left:-48px;z-index:100}.sidebar-toggle-mobile{padding-top:10px;width:50px;z-index:100}.pull-text-right{text-align:right!important}.main-header .sidebar-toggle:before{content:"\f0c9";font-family:"Font Awesome\ 5 Free";font-weight:900}.direct-chat-contacts{height:150px;padding:10px}.select2-container{width:100%}.error input{border:2px solid #a94442!important;color:#a94442}.alert-msg,.error label{color:#a94442;display:block}.input-group[class*=col-]{padding-left:15px;padding-right:15px}.control-label.multiline{padding-top:10px}.btn-outline{background-color:transparent;color:inherit;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning{background-color:#f39c12!important}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline,a.link-danger:hover,a.link-danger:link,a.link-danger:visited{color:#dd4b39}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{background:#333;color:#fff;height:100%;margin-top:100px;padding:10px;position:fixed;right:-250px;top:0;width:250px;z-index:100}.slideout-menu h3{border-bottom:4px solid #222;color:#fff;font-size:1.2em;font-weight:400;padding:5px;position:relative}.slideout-menu .slideout-menu-toggle{background:#222;color:#999;display:inline-block;font-family:Arial,sans-serif;font-weight:700;line-height:1;padding:6px 9px 5px;position:absolute;right:10px;text-decoration:none;top:12px;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{border-bottom:1px solid #454545;border-top:1px solid #151515;font-weight:300;list-style:none}.slideout-menu ul li{border-bottom:1px solid #151515;border-top:1px solid #454545}.slideout-menu ul li a{color:#999;display:block;padding:10px;position:relative;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{opacity:.5;position:absolute;right:10px;top:15px}.btn-box-tool-lg{color:orange;font-size:16px}.bs-wizard{border-bottom:1px solid #e0e0e0;margin-top:20px;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{background:#fbe8aa;border-radius:50%;display:block;height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:45px;width:30px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{background:#fbbd19;border-radius:50px;content:" ";height:14px;left:8px;position:absolute;top:8px;width:14px}.bs-wizard>.bs-wizard-step>.progress{border-radius:0;box-shadow:none;height:8px;margin:20px 0;position:relative}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{background:#fbe8aa;box-shadow:none;width:0}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{color:#fff;display:inline-block;float:left;padding:0;text-align:left}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;max-height:50px;padding:5px 5px 5px 0}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{color:#889195;font-size:14px}#login-logo{max-width:200px;padding-bottom:10px;padding-top:20px}a.skip-main{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px;z-index:-999}a.skip-main:active,a.skip-main:focus{background-color:#000;border:4px solid #ff0;border-radius:15px;color:#fff;font-size:1.2em;height:auto;left:auto;margin:10px 35%;overflow:auto;padding:5px;text-align:center;top:auto;width:30%;z-index:999}h2{font-size:22px}h2.task_menu{font-size:14px}h2 small{font-size:85%}h3{font-size:20px}h4{font-size:16px}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(odd) div{background-color:#f9f9f9;border-top:1px solid #ddd;display:table-cell}.row-striped .row:nth-of-type(2n) div{background:#fff;border-top:1px solid #ddd;display:table-cell}.row-new-striped{display:table;line-height:2.6;margin-left:20px;padding:0 20px 0 0;vertical-align:top;width:100%}.row-new-striped>.row:nth-of-type(2n){background:#fff;border-top:1px solid #ddd;display:table-row}.row-new-striped>.row:nth-of-type(odd){background-color:#f8f8f8;border-top:1px solid #ddd;display:table-row}.row-new-striped div{border-top:1px solid #ddd;display:table-cell}.row-new-striped div[class^=col]:first-child{font-weight:700}@media only screen and (max-width:520px){h1.pagetitle{padding-bottom:15px;padding-top:15px}.firstnav{padding-top:120px!important}.product{width:400px}.product img{min-width:400px}}.card-view-title{line-height:3!important;min-width:40%!important;padding-right:20px}.card-view{display:table-row;flex-direction:column}th.css-accessory>.th-inner,th.css-barcode>.th-inner,th.css-consumable>.th-inner,th.css-envelope>.th-inner,th.css-license>.th-inner{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0;line-height:.75!important;text-align:left}th.css-accessory>.th-inner:before,th.css-barcode>.th-inner:before,th.css-consumable>.th-inner:before,th.css-envelope>.th-inner:before,th.css-license>.th-inner:before,th.css-padlock>.th-inner:before{display:inline-block;font-family:Font Awesome\ 5 Free;font-size:20px;font-weight:900}th.css-padlock>.th-inner:before{content:"\f023";font-family:Font Awesome\ 5 Free;font-size:12px;font-weight:900;padding-right:4px}th.css-barcode>.th-inner:before{content:"\f02a";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-license>.th-inner:before{content:"\f0c7";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-consumable>.th-inner:before{content:"\f043";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-envelope>.th-inner:before{content:"\f0e0";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-accessory>.th-inner:before{content:"\f11c";font-family:Font Awesome\ 5 Free;font-weight:400}.small-box .inner{color:#fff;padding-left:15px;padding-right:15px;padding-top:15px}.small-box>a:hover,.small-box>a:link,.small-box>a:visited{color:#fff}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;height:34px;padding:6px 12px}.form-group.has-error label{color:#a94442}.select2-container--default .select2-selection--multiple{border-radius:0}@media screen and (max-width:511px){.tab-content .tab-pane .alert-block{margin-top:120px}.sidebar-menu{margin-top:160px}}@media screen and (max-width:912px) and (min-width:512px){.sidebar-menu{margin-top:100px}}@media screen and (max-width:1268px) and (min-width:912px){.sidebar-menu{margin-top:50px}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label.form-control{background-color:inherit;border:0;color:inherit;display:grid;font-size:inherit;font-weight:inherit;gap:.5em;grid-template-columns:1.8em auto;padding-left:0}label.form-control--disabled{color:#959495;cursor:not-allowed;pointer-events:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:0;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=checkbox]:before{background-color:CanvasText;box-shadow:inset 1em 1em #d3d3d3;box-shadow:inset 1em 1em #428bca;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:1em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:1em}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled:before,input[type=radio]:disabled:before{box-shadow:inset 1em 1em #d3d3d3;content:"";height:1em;transform:scale(1);width:1em}input[type=checkbox]:disabled:not(:checked):before,input[type=radio]:disabled:not(:checked):before{content:"";cursor:not-allowed;pointer-events:none;transform:scale(0)}input[type=checkbox]:disabled,input[type=radio]:disabled{--form-control-color:#d3d3d3;color:#959495;cursor:not-allowed;pointer-events:none}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:50%;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #428bca;content:"";height:1em;transform:scale(0);transition:transform .12s ease-in-out;width:1em}input[type=radio]:checked:before{transform:scale(1)}.dropdown-item-marker input[type=checkbox]{font-size:10px}.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label{display:grid;font-weight:400;gap:1.5em;grid-template-columns:.1em auto}.container.row-striped .col-md-6{overflow-wrap:anywhere}.nav-tabs-custom>.nav-tabs>li{z-index:1}.select2-container .select2-search--inline .select2-search__field{padding-left:15px}.separator{align-items:center;color:#959495;display:flex;padding-top:20px;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #959495;content:"";flex:1}.separator:not(:empty):before{margin-right:.25em}.separator:not(:empty):after{margin-left:.25em} diff --git a/public/css/build/overrides.css b/public/css/build/overrides.css index 1630ba1df..9675f14e5 100644 --- a/public/css/build/overrides.css +++ b/public/css/build/overrides.css @@ -1,778 +1 @@ -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo { - background-color: inherit; -} -.main-header .logo { - width: 100% !important; - white-space: nowrap; - text-align: left; - display: block; - clear: both; -} -.main-header .logoa:link, -.main-header .logo a:hover, -.main-header .logo a:visited { - color: #fff; -} -.huge { - font-size: 40px; -} -.btn-file { - position: relative; - overflow: hidden; -} -.dropdown-menu > li > a { - color: #354044; -} -#sort tr.cansort { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 3px; - border-left: 2px solid #e6e7e8; - color: #444; - cursor: move; -} -.user-image-inline { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; -} -.input-group .input-group-addon { - background-color: #f4f4f4; -} -a.accordion-header { - color: #333; -} -.dynamic-form-row { - padding: 10px; - margin: 20px; -} -.handle { - padding-left: 10px; -} -.btn-file input[type=file] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; -} -.main-footer { - font-size: 13px; -} -.main-header { - max-height: 150px; -} -.navbar-nav > .user-menu > .dropdown-menu { - width: inherit; -} -.main-header .logo { - padding: 0px 5px 0px 15px; -} -.sidebar-toggle { - margin-left: -48px; - z-index: 100; - background-color: inherit; -} -.sidebar-toggle-mobile { - z-index: 100; - width: 50px; - padding-top: 10px; -} -.pull-text-right { - text-align: right !important; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; - font-weight: 900; - font-family: 'Font Awesome\ 5 Free'; -} -.direct-chat-contacts { - padding: 10px; - height: 150px; -} -.select2-container { - width: 100%; -} -.error input { - color: #a94442; - border: 2px solid #a94442 !important; -} -.error label, -.alert-msg { - color: #a94442; - display: block; -} -.input-group[class*="col-"] { - padding-right: 15px; - padding-left: 15px; -} -.control-label.multiline { - padding-top: 10px; -} -.btn-outline { - color: inherit; - background-color: transparent; - transition: all 0.5s; -} -.btn-primary.btn-outline { - color: #428bca; -} -.btn-success.btn-outline { - color: #5cb85c; -} -.btn-info.btn-outline { - color: #5bc0de; -} -.btn-warning { - background-color: #f39c12 !important; -} -.btn-warning.btn-outline { - color: #f0ad4e; -} -.btn-danger.btn-outline, -a.link-danger:link, -a.link-danger:visited, -a.link-danger:hover { - color: #dd4b39; -} -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover { - color: #fff; -} -.slideout-menu { - position: fixed; - top: 0; - right: -250px; - width: 250px; - height: 100%; - background: #333; - z-index: 100; - margin-top: 100px; - color: white; - padding: 10px; -} -.slideout-menu h3 { - position: relative; - padding: 5px 5px; - color: #fff; - font-size: 1.2em; - font-weight: 400; - border-bottom: 4px solid #222; -} -.slideout-menu .slideout-menu-toggle { - position: absolute; - top: 12px; - right: 10px; - display: inline-block; - padding: 6px 9px 5px; - font-family: Arial, sans-serif; - font-weight: bold; - line-height: 1; - background: #222; - color: #999; - text-decoration: none; - vertical-align: top; -} -.slideout-menu .slideout-menu-toggle:hover { - color: #fff; -} -.slideout-menu ul { - list-style: none; - font-weight: 300; - border-top: 1px solid #151515; - border-bottom: 1px solid #454545; -} -.slideout-menu ul li { - border-top: 1px solid #454545; - border-bottom: 1px solid #151515; -} -.slideout-menu ul li a { - position: relative; - display: block; - padding: 10px; - color: #999; - text-decoration: none; -} -.slideout-menu ul li a:hover { - background: #000; - color: #fff; -} -.slideout-menu ul li a i { - position: absolute; - top: 15px; - right: 10px; - opacity: 0.5; -} -.btn-box-tool-lg { - font-size: 16px; - color: orange; -} -.bs-wizard { - margin-top: 20px; -} -/*Form Wizard*/ -.bs-wizard { - border-bottom: solid 1px #e0e0e0; - padding: 0 0 10px 0; -} -.bs-wizard > .bs-wizard-step { - padding: 0; - position: relative; -} -.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { - color: #595959; - font-size: 16px; - margin-bottom: 5px; -} -.bs-wizard > .bs-wizard-step .bs-wizard-info { - color: #999; - font-size: 14px; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot { - position: absolute; - width: 30px; - height: 30px; - display: block; - background: #fbe8aa; - top: 45px; - left: 50%; - margin-top: -15px; - margin-left: -15px; - border-radius: 50%; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { - content: ' '; - width: 14px; - height: 14px; - background: #fbbd19; - border-radius: 50px; - position: absolute; - top: 8px; - left: 8px; -} -.bs-wizard > .bs-wizard-step > .progress { - position: relative; - border-radius: 0px; - height: 8px; - box-shadow: none; - margin: 20px 0; -} -.bs-wizard > .bs-wizard-step > .progress > .progress-bar { - width: 0px; - box-shadow: none; - background: #fbe8aa; -} -.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { - width: 50%; -} -.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { - width: 0%; -} -.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { - background-color: #f5f5f5; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { - opacity: 0; -} -.bs-wizard > .bs-wizard-step:first-child > .progress { - left: 50%; - width: 50%; -} -.bs-wizard > .bs-wizard-step:last-child > .progress { - width: 50%; -} -.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { - pointer-events: none; -} -/*END Form Wizard*/ -.left-navblock { - display: inline-block; - float: left; - text-align: left; - color: white; - padding: 0px; - /* adjust based on your layout */ -} -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a { - color: #333; -} -a.logo.no-hover a:hover { - background-color: transparent; -} -.required { - border-right: 6px solid orange; -} -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} -.sidebar-menu { - font-size: 14px; - white-space: normal; -} -@media print { - a[href]:after { - content: none; - } - .tab-content > .tab-pane { - display: block !important; - opacity: 1 !important; - visibility: visible !important; - } -} -img.navbar-brand-img, -.navbar-brand > img { - float: left; - padding: 5px 5px 5px 0; - max-height: 50px; -} -.input-daterange { - border-radius: 0px; -} -.btn.bg-maroon, -.btn.bg-purple { - min-width: 90px; -} -[hidden] { - display: none !important; -} -#toolbar { - margin-top: 10px; -} -#uploadPreview { - border-color: grey; - border-width: 1px; - border-style: solid; -} -.icon-med { - font-size: 14px; - color: #889195; -} -#login-logo { - padding-top: 20px; - padding-bottom: 10px; - max-width: 200px; -} -a.skip-main { - left: -999px; - position: absolute; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - z-index: -999; -} -a.skip-main:focus, -a.skip-main:active { - color: #fff; - background-color: #000; - left: auto; - top: auto; - width: 30%; - height: auto; - overflow: auto; - margin: 10px 35%; - padding: 5px; - border-radius: 15px; - border: 4px solid yellow; - text-align: center; - font-size: 1.2em; - z-index: 999; -} -h2 { - font-size: 22px; -} -h2.task_menu { - font-size: 14px; -} -h2 small { - font-size: 85%; -} -h3 { - font-size: 20px; -} -h4 { - font-size: 16px; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: #f9f9f9; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - display: table; - width: 100%; - padding-right: 20px; -} -/** -* NEW STRIPING -* This section is for the new row striping for nicer -* display for non-table data as of v6 -**/ -.row-new-striped > .row:nth-of-type(even) { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: #F8F8F8; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div[class^="col"]:first-child { - font-weight: bold; -} -/** -* This just adds a little extra padding on mobile -**/ -@media only screen and (max-width: 520px) { - h1.pagetitle { - padding-top: 15px; - padding-bottom: 15px; - } - .firstnav { - padding-top: 120px !important; - } - .product { - width: 400px; - } - .product img { - min-width: 400px; - } -} -.card-view-title { - min-width: 40% !important; - line-height: 3 !important; - padding-right: 20px; -} -.card-view { - display: table-row; - flex-direction: column; -} -/** - - COLUMN SELECTOR ICONS - ----------------------------- - This is kind of weird, but it is necessary to prevent the column-selector code from barfing, since - any HTML used in the UserPresenter "title" attribute breaks the column selector HTML. - - Instead, we use CSS to add the icon into the table header, which leaves the column selector - "title" text as-is. - - See https://github.com/snipe/snipe-it/issues/7989 - - */ -th.css-barcode > .th-inner, -th.css-license > .th-inner, -th.css-consumable > .th-inner, -th.css-envelope > .th-inner, -th.css-accessory > .th-inner { - font-size: 0px; - line-height: 0.75 !important; - text-align: left; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -th.css-padlock > .th-inner::before, -th.css-barcode > .th-inner::before, -th.css-license > .th-inner::before, -th.css-consumable > .th-inner::before, -th.css-envelope > .th-inner::before, -th.css-accessory > .th-inner::before { - display: inline-block; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-padlock > .th-inner::before { - content: "\f023"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - padding-right: 4px; - font-size: 12px; -} -/** -Set the font-weight css property as 900 (For Solid), 400 (Regular or Brands), 300 (Light for pro icons). -**/ -th.css-barcode > .th-inner::before { - content: "\f02a"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-license > .th-inner::before { - content: "\f0c7"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-consumable > .th-inner::before { - content: "\f043"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-envelope > .th-inner::before { - content: "\f0e0"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-accessory > .th-inner::before { - content: "\f11c"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -.small-box .inner { - padding-left: 15px; - padding-right: 15px; - padding-top: 15px; - color: #fff; -} -.small-box > a:link, -.small-box > a:visited, -.small-box > a:hover { - color: #fff; -} -.select2-container--default .select2-selection--single, -.select2-selection .select2-selection--single { - border: 1px solid #d2d6de; - border-radius: 0; - padding: 6px 12px; - height: 34px; -} -.form-group.has-error label { - color: #a94442; -} -.select2-container--default .select2-selection--multiple { - border-radius: 0px; -} -@media screen and (max-width: 511px) { - .tab-content .tab-pane .alert-block { - margin-top: 120px; - } - .sidebar-menu { - margin-top: 160px; - } -} -@media screen and (max-width: 912px) and (min-width: 512px) { - .sidebar-menu { - margin-top: 100px; - } -} -@media screen and (max-width: 1268px) and (min-width: 912px) { - .sidebar-menu { - margin-top: 50px; - } -} -.ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -/** Form-stuff overrides for checkboxes and stuff **/ -label.form-control { - display: grid; - grid-template-columns: 1.8em auto; - gap: 0.5em; - border: 0px; - padding-left: 0px; - background-color: inherit; - color: inherit; - font-size: inherit; - font-weight: inherit; -} -label.form-control--disabled { - color: #959495; - pointer-events: none; - cursor: not-allowed; -} -/** --------------------------------------- **/ -/** Start checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -input[type="checkbox"] { - /* Add if not using autoprefixer */ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - /* For iOS < 15 to remove gradient background */ - background-color: #fff; - /* Not removed via appearance */ - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 0em; - transform: translateY(-0.075em); - display: grid; - place-content: center; - /*Windows High Contrast Mode*/ -} -/** This sets the display of a checkbox, and what the "fill" checkmark should look like */ -input[type="checkbox"]::before { - /** If you want to use the non-checkbox, filled square, use this instead **/ - box-shadow: inset 1em 1em #d3d3d3; - content: ""; - width: 1em; - height: 1em; - -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - transform: scale(0); - transform-origin: bottom left; - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; - /* Windows High Contrast Mode */ - background-color: CanvasText; -} -/** This sets the size of the scale up for the shape we defined above **/ -input[type="checkbox"]:checked::before { - transform: scale(1); -} -/** This sets the scale and color of the DISABLED but CHECKED checkbox */ -input[type=checkbox]:disabled::before, -input[type=radio]:disabled::before { - content: ""; - width: 1em; - height: 1em; - transform: scale(1); - box-shadow: inset 1em 1em #d3d3d3; -} -/* This sets the scale and style of a DISABLED checkbox that is NOT checked */ -input[type=checkbox]:disabled:not(:checked)::before, -input[type=radio]:disabled:not(:checked)::before { - content: ""; - transform: scale(0); - cursor: not-allowed; - pointer-events: none; -} -/** this is the color of the checkbox and content on a disabled, checked box **/ -input[type=checkbox]:disabled, -input[type=radio]:disabled { - --form-control-color: #d3d3d3; - color: #959495; - cursor: not-allowed; - pointer-events: none; -} -/** Radio styles to replace iCheck **/ -input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 50%; - transform: translateY(-0.075em); - display: grid; - place-content: center; -} -input[type="radio"]::before { - content: ""; - width: 1em; - height: 1em; - border-radius: 50%; - transform: scale(0); - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; -} -input[type="radio"]:checked::before { - transform: scale(1); -} -/** -* This addresses the column selector in bootstrap-table. Without these two lines, the -* checkbox and the with the label text that BS tables generates will -* end up on two different lines and it looks assy. - */ -.dropdown-item-marker input[type=checkbox] { - font-size: 10px; -} -.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label { - font-weight: normal; - display: grid; - grid-template-columns: 0.1em auto; - gap: 1.5em; -} -.container.row-striped .col-md-6 { - overflow-wrap: anywhere; -} -.nav-tabs-custom > .nav-tabs > li { - z-index: 1; -} -.select2-container .select2-search--inline .select2-search__field { - padding-left: 15px; -} -/** --------------------------------------- **/ -/** End checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -/** -/** Separator styles with text in the middle. Currently only used by the login page but -/** could be used elsewhere. - */ -.separator { - display: flex; - align-items: center; - text-align: center; - padding-top: 20px; - color: #959495; -} -.separator::before, -.separator::after { - content: ''; - flex: 1; - border-bottom: 1px solid #959495; -} -.separator:not(:empty)::before { - margin-right: 0.25em; -} -.separator:not(:empty)::after { - margin-left: 0.25em; -} - +.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{clear:both;display:block;text-align:left;white-space:nowrap;width:100%!important}.main-header .logo a:hover,.main-header .logo a:visited,.main-header .logoa:link{color:#fff}.huge{font-size:40px}.btn-file{overflow:hidden;position:relative}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{background:#f4f4f4;border-left:2px solid #e6e7e8;border-radius:2px;color:#444;cursor:move;margin-bottom:3px;padding:10px}.user-image-inline{border-radius:50%;float:left;height:25px;margin-right:10px;width:25px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{margin:20px;padding:10px}.handle{padding-left:10px}.btn-file input[type=file]{background:#fff;cursor:inherit;display:block;filter:alpha(opacity=0);font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:none;position:absolute;right:0;text-align:right;top:0}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{background-color:inherit;margin-left:-48px;z-index:100}.sidebar-toggle-mobile{padding-top:10px;width:50px;z-index:100}.pull-text-right{text-align:right!important}.main-header .sidebar-toggle:before{content:"\f0c9";font-family:"Font Awesome\ 5 Free";font-weight:900}.direct-chat-contacts{height:150px;padding:10px}.select2-container{width:100%}.error input{border:2px solid #a94442!important;color:#a94442}.alert-msg,.error label{color:#a94442;display:block}.input-group[class*=col-]{padding-left:15px;padding-right:15px}.control-label.multiline{padding-top:10px}.btn-outline{background-color:transparent;color:inherit;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning{background-color:#f39c12!important}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline,a.link-danger:hover,a.link-danger:link,a.link-danger:visited{color:#dd4b39}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{background:#333;color:#fff;height:100%;margin-top:100px;padding:10px;position:fixed;right:-250px;top:0;width:250px;z-index:100}.slideout-menu h3{border-bottom:4px solid #222;color:#fff;font-size:1.2em;font-weight:400;padding:5px;position:relative}.slideout-menu .slideout-menu-toggle{background:#222;color:#999;display:inline-block;font-family:Arial,sans-serif;font-weight:700;line-height:1;padding:6px 9px 5px;position:absolute;right:10px;text-decoration:none;top:12px;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{border-bottom:1px solid #454545;border-top:1px solid #151515;font-weight:300;list-style:none}.slideout-menu ul li{border-bottom:1px solid #151515;border-top:1px solid #454545}.slideout-menu ul li a{color:#999;display:block;padding:10px;position:relative;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{opacity:.5;position:absolute;right:10px;top:15px}.btn-box-tool-lg{color:orange;font-size:16px}.bs-wizard{border-bottom:1px solid #e0e0e0;margin-top:20px;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{background:#fbe8aa;border-radius:50%;display:block;height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:45px;width:30px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{background:#fbbd19;border-radius:50px;content:" ";height:14px;left:8px;position:absolute;top:8px;width:14px}.bs-wizard>.bs-wizard-step>.progress{border-radius:0;box-shadow:none;height:8px;margin:20px 0;position:relative}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{background:#fbe8aa;box-shadow:none;width:0}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{color:#fff;display:inline-block;float:left;padding:0;text-align:left}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;max-height:50px;padding:5px 5px 5px 0}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{color:#889195;font-size:14px}#login-logo{max-width:200px;padding-bottom:10px;padding-top:20px}a.skip-main{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px;z-index:-999}a.skip-main:active,a.skip-main:focus{background-color:#000;border:4px solid #ff0;border-radius:15px;color:#fff;font-size:1.2em;height:auto;left:auto;margin:10px 35%;overflow:auto;padding:5px;text-align:center;top:auto;width:30%;z-index:999}h2{font-size:22px}h2.task_menu{font-size:14px}h2 small{font-size:85%}h3{font-size:20px}h4{font-size:16px}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(odd) div{background-color:#f9f9f9;border-top:1px solid #ddd;display:table-cell}.row-striped .row:nth-of-type(2n) div{background:#fff;border-top:1px solid #ddd;display:table-cell}.row-new-striped{display:table;line-height:2.6;margin-left:20px;padding:0 20px 0 0;vertical-align:top;width:100%}.row-new-striped>.row:nth-of-type(2n){background:#fff;border-top:1px solid #ddd;display:table-row}.row-new-striped>.row:nth-of-type(odd){background-color:#f8f8f8;border-top:1px solid #ddd;display:table-row}.row-new-striped div{border-top:1px solid #ddd;display:table-cell}.row-new-striped div[class^=col]:first-child{font-weight:700}@media only screen and (max-width:520px){h1.pagetitle{padding-bottom:15px;padding-top:15px}.firstnav{padding-top:120px!important}.product{width:400px}.product img{min-width:400px}}.card-view-title{line-height:3!important;min-width:40%!important;padding-right:20px}.card-view{display:table-row;flex-direction:column}th.css-accessory>.th-inner,th.css-barcode>.th-inner,th.css-consumable>.th-inner,th.css-envelope>.th-inner,th.css-license>.th-inner{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0;line-height:.75!important;text-align:left}th.css-accessory>.th-inner:before,th.css-barcode>.th-inner:before,th.css-consumable>.th-inner:before,th.css-envelope>.th-inner:before,th.css-license>.th-inner:before,th.css-padlock>.th-inner:before{display:inline-block;font-family:Font Awesome\ 5 Free;font-size:20px;font-weight:900}th.css-padlock>.th-inner:before{content:"\f023";font-family:Font Awesome\ 5 Free;font-size:12px;font-weight:900;padding-right:4px}th.css-barcode>.th-inner:before{content:"\f02a";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-license>.th-inner:before{content:"\f0c7";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-consumable>.th-inner:before{content:"\f043";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-envelope>.th-inner:before{content:"\f0e0";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-accessory>.th-inner:before{content:"\f11c";font-family:Font Awesome\ 5 Free;font-weight:400}.small-box .inner{color:#fff;padding-left:15px;padding-right:15px;padding-top:15px}.small-box>a:hover,.small-box>a:link,.small-box>a:visited{color:#fff}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;height:34px;padding:6px 12px}.form-group.has-error label{color:#a94442}.select2-container--default .select2-selection--multiple{border-radius:0}@media screen and (max-width:511px){.tab-content .tab-pane .alert-block{margin-top:120px}.sidebar-menu{margin-top:160px}}@media screen and (max-width:912px) and (min-width:512px){.sidebar-menu{margin-top:100px}}@media screen and (max-width:1268px) and (min-width:912px){.sidebar-menu{margin-top:50px}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label.form-control{background-color:inherit;border:0;color:inherit;display:grid;font-size:inherit;font-weight:inherit;gap:.5em;grid-template-columns:1.8em auto;padding-left:0}label.form-control--disabled{color:#959495;cursor:not-allowed;pointer-events:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:0;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=checkbox]:before{background-color:CanvasText;box-shadow:inset 1em 1em #d3d3d3;box-shadow:inset 1em 1em #428bca;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:1em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:1em}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled:before,input[type=radio]:disabled:before{box-shadow:inset 1em 1em #d3d3d3;content:"";height:1em;transform:scale(1);width:1em}input[type=checkbox]:disabled:not(:checked):before,input[type=radio]:disabled:not(:checked):before{content:"";cursor:not-allowed;pointer-events:none;transform:scale(0)}input[type=checkbox]:disabled,input[type=radio]:disabled{--form-control-color:#d3d3d3;color:#959495;cursor:not-allowed;pointer-events:none}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:50%;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #428bca;content:"";height:1em;transform:scale(0);transition:transform .12s ease-in-out;width:1em}input[type=radio]:checked:before{transform:scale(1)}.dropdown-item-marker input[type=checkbox]{font-size:10px}.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label{display:grid;font-weight:400;gap:1.5em;grid-template-columns:.1em auto}.container.row-striped .col-md-6{overflow-wrap:anywhere}.nav-tabs-custom>.nav-tabs>li{z-index:1}.select2-container .select2-search--inline .select2-search__field{padding-left:15px}.separator{align-items:center;color:#959495;display:flex;padding-top:20px;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #959495;content:"";flex:1}.separator:not(:empty):before{margin-right:.25em}.separator:not(:empty):after{margin-left:.25em} diff --git a/public/css/dist/all.css b/public/css/dist/all.css index a05999fad..f45b3e5c7 100644 --- a/public/css/dist/all.css +++ b/public/css/dist/all.css @@ -14843,5442 +14843,7 @@ readers do not read off random characters that represent icons */ * Support: * Repository: git://github.com/ColorlibHQ/AdminLTE.git * License: MIT - */ -/* - * Core: General Layout Style - * ------------------------- - */ -html, -body { - height: 100%; -} -.layout-boxed html, -.layout-boxed body { - height: 100%; -} -body { - font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 400; - overflow-x: hidden; - overflow-y: auto; -} -/* Layout */ -.wrapper { - height: 100%; - position: relative; - overflow-x: hidden; - overflow-y: auto; -} -.wrapper:before, -.wrapper:after { - content: " "; - display: table; -} -.wrapper:after { - clear: both; -} -.layout-boxed .wrapper { - max-width: 1250px; - margin: 0 auto; - min-height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); - position: relative; -} -.layout-boxed { - background-color: #f9fafc; -} -/* - * Content Wrapper - contains the main content - */ -.content-wrapper, -.main-footer { - transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; - margin-left: 230px; - z-index: 820; -} -.layout-top-nav .content-wrapper, -.layout-top-nav .main-footer { - margin-left: 0; -} -@media (max-width: 767px) { - .content-wrapper, - .main-footer { - margin-left: 0; - } -} -@media (min-width: 768px) { - .sidebar-collapse .content-wrapper, - .sidebar-collapse .main-footer { - margin-left: 0; - } -} -@media (max-width: 767px) { - .sidebar-open .content-wrapper, - .sidebar-open .main-footer { - transform: translate(230px, 0); - } -} -.content-wrapper { - min-height: calc(100vh - 101px); - background-color: #ecf0f5; - z-index: 800; -} -@media (max-width: 767px) { - .content-wrapper { - min-height: calc(100vh - 151px); - } -} -.main-footer { - background: #fff; - padding: 15px; - color: #444; - border-top: 1px solid #d2d6de; -} -/* Fixed layout */ -.fixed .main-header, -.fixed .main-sidebar, -.fixed .left-side { - position: fixed; -} -.fixed .main-header { - top: 0; - right: 0; - left: 0; -} -.fixed .content-wrapper, -.fixed .right-side { - padding-top: 50px; -} -@media (max-width: 767px) { - .fixed .content-wrapper, - .fixed .right-side { - padding-top: 100px; - } -} -.fixed.layout-boxed .wrapper { - max-width: 100%; -} -.fixed .wrapper { - overflow: hidden; -} -.hold-transition .content-wrapper, -.hold-transition .right-side, -.hold-transition .main-footer, -.hold-transition .main-sidebar, -.hold-transition .left-side, -.hold-transition .main-header .navbar, -.hold-transition .main-header .logo, -.hold-transition .menu-open .fa-angle-left { - /* Fix for IE */ - transition: none; -} -/* Content */ -.content { - min-height: 250px; - padding: 15px; - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; -} -/* H1 - H6 font */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: 'Source Sans Pro', sans-serif; -} -/* General Links */ -a { - color: #3c8dbc; -} -a:hover, -a:active, -a:focus { - outline: none; - text-decoration: none; - color: #72afd2; -} -/* Page Header */ -.page-header { - margin: 10px 0 20px 0; - font-size: 22px; -} -.page-header > small { - color: #666; - display: block; - margin-top: 5px; -} -/* - * Component: Main Header - * ---------------------- - */ -.main-header { - position: relative; - max-height: 100px; - z-index: 1030; -} -.main-header .navbar { - transition: margin-left 0.3s ease-in-out; - margin-bottom: 0; - margin-left: 230px; - border: none; - min-height: 50px; - border-radius: 0; -} -.layout-top-nav .main-header .navbar { - margin-left: 0; -} -.main-header #navbar-search-input.form-control { - background: rgba(255, 255, 255, 0.2); - border-color: transparent; -} -.main-header #navbar-search-input.form-control:focus, -.main-header #navbar-search-input.form-control:active { - border-color: rgba(0, 0, 0, 0.1); - background: rgba(255, 255, 255, 0.9); -} -.main-header #navbar-search-input.form-control::-moz-placeholder { - color: #ccc; - opacity: 1; -} -.main-header #navbar-search-input.form-control:-ms-input-placeholder { - color: #ccc; -} -.main-header #navbar-search-input.form-control::-webkit-input-placeholder { - color: #ccc; -} -.main-header .navbar-custom-menu, -.main-header .navbar-right { - float: right; -} -@media (max-width: 991px) { - .main-header .navbar-custom-menu a, - .main-header .navbar-right a { - color: inherit; - background: transparent; - } -} -@media (max-width: 767px) { - .main-header .navbar-right { - float: none; - } - .navbar-collapse .main-header .navbar-right { - margin: 7.5px -15px; - } - .main-header .navbar-right > li { - color: inherit; - border: 0; - } -} -.main-header .sidebar-toggle { - float: left; - background-color: transparent; - background-image: none; - padding: 15px 15px; - font-family: fontAwesome; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; -} -.main-header .sidebar-toggle:hover { - color: #fff; -} -.main-header .sidebar-toggle:focus, -.main-header .sidebar-toggle:active { - background: transparent; -} -.main-header .sidebar-toggle.fa5 { - font-family: "Font Awesome\ 5 Free"; -} -.main-header .sidebar-toggle.fa5:before { - content: "\f0c9"; - font-weight: 900; -} -.main-header .sidebar-toggle .icon-bar { - display: none; -} -.main-header .navbar .nav > li.user > a > .fa, -.main-header .navbar .nav > li.user > a > .glyphicon, -.main-header .navbar .nav > li.user > a > .ion { - margin-right: 5px; -} -.main-header .navbar .nav > li > a > .label { - position: absolute; - top: 9px; - right: 7px; - text-align: center; - font-size: 9px; - padding: 2px 3px; - line-height: 0.9; -} -.main-header .logo { - transition: width 0.3s ease-in-out; - display: block; - float: left; - height: 50px; - font-size: 20px; - line-height: 50px; - text-align: center; - width: 230px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - padding: 0 15px; - font-weight: 300; - overflow: hidden; -} -.main-header .logo img { - padding: 4px; - -o-object-fit: contain; - object-fit: contain; - margin: 0 auto; -} -.main-header .logo .logo-lg { - display: block; -} -.main-header .logo .logo-lg img { - max-width: 200px; - max-height: 50px; -} -.main-header .logo .logo-lg .brandlogo-image { - margin-top: 8px; - margin-right: 10px; - margin-left: -5px; -} -.main-header .logo .logo-mini { - display: none; -} -.main-header .logo .logo-mini img { - max-width: 50px; - max-height: 50px; -} -.main-header .logo .logo-mini .brandlogo-image { - margin-top: 8px; - margin-right: 10px; - margin-left: 10px; -} -.main-header .logo .brandlogo-image { - float: left; - height: 34px; - width: auto; -} -.main-header .navbar-brand { - color: #fff; -} -.content-header { - position: relative; - padding: 15px 15px 0 15px; -} -.content-header > h1 { - margin: 0; - font-size: 24px; -} -.content-header > h1 > small { - font-size: 15px; - display: inline-block; - padding-left: 4px; - font-weight: 300; -} -.content-header > .breadcrumb { - float: right; - background: transparent; - margin-top: 0; - margin-bottom: 0; - font-size: 12px; - padding: 7px 5px; - position: absolute; - top: 15px; - right: 10px; - border-radius: 2px; -} -.content-header > .breadcrumb > li > a { - color: #444; - text-decoration: none; - display: inline-block; -} -.content-header > .breadcrumb > li > a > .fa, -.content-header > .breadcrumb > li > a > .glyphicon, -.content-header > .breadcrumb > li > a > .ion { - margin-right: 5px; -} -.content-header > .breadcrumb > li + li:before { - content: '>\00a0'; -} -@media (max-width: 991px) { - .content-header > .breadcrumb { - position: relative; - margin-top: 5px; - top: 0; - right: 0; - float: none; - background: #d2d6de; - padding-left: 10px; - } - .content-header > .breadcrumb li:before { - color: #97a0b3; - } -} -.navbar-toggle { - color: #fff; - border: 0; - margin: 0; - padding: 15px 15px; -} -@media (max-width: 991px) { - .navbar-custom-menu .navbar-nav > li { - float: left; - } - .navbar-custom-menu .navbar-nav { - margin: 0; - float: left; - } - .navbar-custom-menu .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - line-height: 20px; - } -} -@media (max-width: 767px) { - .main-header { - position: relative; - } - .main-header .logo, - .main-header .navbar { - width: 100%; - float: none; - } - .main-header .navbar { - margin: 0; - } - .main-header .navbar-custom-menu { - float: right; - } -} -@media (max-width: 991px) { - .navbar-collapse.pull-left { - float: none !important; - } - .navbar-collapse.pull-left + .navbar-custom-menu { - display: block; - position: absolute; - top: 0; - right: 40px; - } -} -/* - * Component: Sidebar - * ------------------ - */ -.main-sidebar { - position: absolute; - top: 0; - left: 0; - padding-top: 50px; - min-height: 100%; - width: 230px; - z-index: 810; - transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; -} -@media (max-width: 767px) { - .main-sidebar { - padding-top: 100px; - } -} -@media (max-width: 767px) { - .main-sidebar { - transform: translate(-230px, 0); - } -} -@media (min-width: 768px) { - .sidebar-collapse .main-sidebar { - transform: translate(-230px, 0); - } -} -@media (max-width: 767px) { - .sidebar-open .main-sidebar { - transform: translate(0, 0); - } -} -.sidebar { - padding-bottom: 10px; -} -.sidebar-form input:focus { - border-color: transparent; -} -.user-panel { - position: relative; - width: 100%; - padding: 10px; - overflow: hidden; -} -.user-panel:before, -.user-panel:after { - content: " "; - display: table; -} -.user-panel:after { - clear: both; -} -.user-panel > .image > img { - width: 100%; - max-width: 45px; - height: auto; -} -.user-panel > .info { - padding: 5px 5px 5px 15px; - line-height: 1; - position: absolute; - left: 55px; -} -.user-panel > .info > p { - font-weight: 600; - margin-bottom: 9px; -} -.user-panel > .info > a { - text-decoration: none; - padding-right: 5px; - margin-top: 3px; - font-size: 11px; -} -.user-panel > .info > a > .fa, -.user-panel > .info > a > .ion, -.user-panel > .info > a > .glyphicon { - margin-right: 3px; -} -.sidebar-menu { - list-style: none; - margin: 0; - padding: 0; -} -.sidebar-menu > li { - position: relative; - margin: 0; - padding: 0; -} -.sidebar-menu > li > a { - padding: 12px 5px 12px 15px; - display: block; -} -.sidebar-menu > li > a > .fa, -.sidebar-menu > li > a > .glyphicon, -.sidebar-menu > li > a > .ion { - width: 20px; -} -.sidebar-menu > li .label, -.sidebar-menu > li .badge { - margin-right: 5px; -} -.sidebar-menu > li .badge { - margin-top: 3px; -} -.sidebar-menu li.header { - padding: 10px 25px 10px 15px; - font-size: 12px; -} -.sidebar-menu li > a > .fa-angle-left, -.sidebar-menu li > a > .pull-right-container > .fa-angle-left { - width: auto; - height: auto; - padding: 0; - margin-right: 10px; - transition: transform 0.5s ease; -} -.sidebar-menu li > a > .fa-angle-left { - position: absolute; - top: 50%; - right: 10px; - margin-top: -8px; -} -.sidebar-menu .menu-open > a > .fa-angle-left, -.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left { - transform: rotate(-90deg); -} -.sidebar-menu .active > .treeview-menu { - display: block; -} -/* - * Component: Sidebar Mini - */ -@media (min-width: 768px) { - .sidebar-mini.sidebar-collapse .content-wrapper, - .sidebar-mini.sidebar-collapse .right-side, - .sidebar-mini.sidebar-collapse .main-footer { - margin-left: 50px !important; - z-index: 840; - } - .sidebar-mini.sidebar-collapse .main-sidebar { - transform: translate(0, 0); - width: 50px !important; - z-index: 850; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li { - position: relative; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { - margin-right: 0; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { - border-top-right-radius: 4px; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { - border-bottom-right-radius: 4px; - } - .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { - padding-top: 5px; - padding-bottom: 5px; - border-bottom-right-radius: 4px; - } - .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, - .sidebar-mini.sidebar-collapse .sidebar-form, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, - .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right, - .sidebar-mini.sidebar-collapse .sidebar-menu li.header { - display: none !important; - -webkit-transform: translateZ(0); - } - .sidebar-mini.sidebar-collapse .main-header .logo { - width: 50px; - } - .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { - display: block; - margin-left: -15px; - margin-right: -15px; - font-size: 18px; - } - .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { - display: none; - } - .sidebar-mini.sidebar-collapse .main-header .navbar { - margin-left: 50px; - } -} -@media (min-width: 768px) { - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { - display: block !important; - position: absolute; - width: 180px; - left: 50px; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span { - top: 0; - margin-left: -3px; - padding: 12px 5px 12px 20px; - background-color: inherit; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { - position: relative !important; - float: right; - width: auto !important; - left: 180px !important; - top: -22px !important; - z-index: 900; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { - display: none; - } - .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { - top: 44px; - margin-left: 0; - } -} -.sidebar-expanded-on-hover .main-footer, -.sidebar-expanded-on-hover .content-wrapper { - margin-left: 50px; -} -.sidebar-expanded-on-hover .main-sidebar { - box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125); -} -.sidebar-menu, -.main-sidebar .user-panel, -.sidebar-menu > li.header { - white-space: nowrap; - overflow: hidden; -} -.sidebar-menu:hover { - overflow: visible; -} -.sidebar-form, -.sidebar-menu > li.header { - overflow: hidden; - text-overflow: clip; -} -.sidebar-menu li > a { - position: relative; -} -.sidebar-menu li > a > .pull-right-container { - position: absolute; - right: 10px; - top: 50%; - margin-top: -7px; -} -/* - * Component: Control sidebar. By default, this is the right sidebar. - */ -.control-sidebar-bg { - position: fixed; - z-index: 1000; - bottom: 0; -} -.control-sidebar-bg, -.control-sidebar { - top: 0; - right: -230px; - width: 230px; - transition: right 0.3s ease-in-out; -} -.control-sidebar { - position: absolute; - padding-top: 50px; - z-index: 1010; -} -@media (max-width: 767px) { - .control-sidebar { - padding-top: 100px; - } -} -.control-sidebar > .tab-content { - padding: 10px 15px; -} -.control-sidebar.control-sidebar-open, -.control-sidebar.control-sidebar-open + .control-sidebar-bg { - right: 0; -} -.control-sidebar-hold-transition .control-sidebar-bg, -.control-sidebar-hold-transition .control-sidebar, -.control-sidebar-hold-transition .content-wrapper { - transition: none; -} -.control-sidebar-open .control-sidebar-bg, -.control-sidebar-open .control-sidebar { - right: 0; -} -@media (min-width: 768px) { - .control-sidebar-open .content-wrapper, - .control-sidebar-open .right-side, - .control-sidebar-open .main-footer { - margin-right: 230px; - } -} -.fixed .control-sidebar { - position: fixed; - height: 100%; - overflow-y: auto; - padding-bottom: 50px; -} -.nav-tabs.control-sidebar-tabs > li:first-of-type > a, -.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, -.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { - border-left-width: 0; -} -.nav-tabs.control-sidebar-tabs > li > a { - border-radius: 0; -} -.nav-tabs.control-sidebar-tabs > li > a, -.nav-tabs.control-sidebar-tabs > li > a:hover { - border-top: none; - border-right: none; - border-left: 1px solid transparent; - border-bottom: 1px solid transparent; -} -.nav-tabs.control-sidebar-tabs > li > a .icon { - font-size: 16px; -} -.nav-tabs.control-sidebar-tabs > li.active > a, -.nav-tabs.control-sidebar-tabs > li.active > a:hover, -.nav-tabs.control-sidebar-tabs > li.active > a:focus, -.nav-tabs.control-sidebar-tabs > li.active > a:active { - border-top: none; - border-right: none; - border-bottom: none; -} -@media (max-width: 768px) { - .nav-tabs.control-sidebar-tabs { - display: table; - } - .nav-tabs.control-sidebar-tabs > li { - display: table-cell; - } -} -.control-sidebar-heading { - font-weight: 400; - font-size: 16px; - padding: 10px 0; - margin-bottom: 10px; -} -.control-sidebar-subheading { - display: block; - font-weight: 400; - font-size: 14px; -} -.control-sidebar-menu { - list-style: none; - padding: 0; - margin: 0 -15px; -} -.control-sidebar-menu > li > a { - display: block; - padding: 10px 15px; -} -.control-sidebar-menu > li > a:before, -.control-sidebar-menu > li > a:after { - content: " "; - display: table; -} -.control-sidebar-menu > li > a:after { - clear: both; -} -.control-sidebar-menu > li > a > .control-sidebar-subheading { - margin-top: 0; -} -.control-sidebar-menu .menu-icon { - float: left; - width: 35px; - height: 35px; - border-radius: 50%; - text-align: center; - line-height: 35px; -} -.control-sidebar-menu .menu-info { - margin-left: 45px; - margin-top: 3px; -} -.control-sidebar-menu .menu-info > .control-sidebar-subheading { - margin: 0; -} -.control-sidebar-menu .menu-info > p { - margin: 0; - font-size: 11px; -} -.control-sidebar-menu .progress { - margin: 0; -} -.control-sidebar-dark { - color: #b8c7ce; -} -.control-sidebar-dark, -.control-sidebar-dark + .control-sidebar-bg { - background: #222d32; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs { - border-bottom: #1c2529; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { - background: #181f23; - color: #b8c7ce; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { - border-left-color: #141a1d; - border-bottom-color: #141a1d; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { - background: #1c2529; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { - color: #fff; -} -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, -.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { - background: #222d32; - color: #fff; -} -.control-sidebar-dark .control-sidebar-heading, -.control-sidebar-dark .control-sidebar-subheading { - color: #fff; -} -.control-sidebar-dark .control-sidebar-menu > li > a:hover { - background: #1e282c; -} -.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { - color: #b8c7ce; -} -.control-sidebar-light { - color: #5e5e5e; -} -.control-sidebar-light, -.control-sidebar-light + .control-sidebar-bg { - background: #f9fafc; - border-left: 1px solid #d2d6de; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs { - border-bottom: #d2d6de; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { - background: #e8ecf4; - color: #444; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { - border-left-color: #d2d6de; - border-bottom-color: #d2d6de; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { - background: #eff1f7; -} -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, -.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { - background: #f9fafc; - color: #111; -} -.control-sidebar-light .control-sidebar-heading, -.control-sidebar-light .control-sidebar-subheading { - color: #111; -} -.control-sidebar-light .control-sidebar-menu { - margin-left: -14px; -} -.control-sidebar-light .control-sidebar-menu > li > a:hover { - background: #f4f4f5; -} -.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { - color: #5e5e5e; -} -/* - * Component: Dropdown menus - * ------------------------- - */ -/*Dropdowns in general*/ -.dropdown-menu { - box-shadow: none; - border-color: #eee; -} -.dropdown-menu > li > a { - color: #777; -} -.dropdown-menu > li > a > .glyphicon, -.dropdown-menu > li > a > .fa, -.dropdown-menu > li > a > .ion { - margin-right: 10px; -} -.dropdown-menu > li > a:hover { - background-color: #e1e3e9; - color: #333; -} -.dropdown-menu > .divider { - background-color: #eee; -} -.navbar-nav > .notifications-menu > .dropdown-menu, -.navbar-nav > .messages-menu > .dropdown-menu, -.navbar-nav > .tasks-menu > .dropdown-menu { - width: 280px; - padding: 0 0 0 0; - margin: 0; - top: 100%; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li, -.navbar-nav > .messages-menu > .dropdown-menu > li, -.navbar-nav > .tasks-menu > .dropdown-menu > li { - position: relative; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li.header, -.navbar-nav > .messages-menu > .dropdown-menu > li.header, -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #ffffff; - padding: 7px 10px; - border-bottom: 1px solid #f4f4f4; - color: #444444; - font-size: 14px; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, -.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, -.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - font-size: 12px; - background-color: #fff; - padding: 7px 10px; - border-bottom: 1px solid #eeeeee; - color: #444 !important; - text-align: center; -} -@media (max-width: 991px) { - .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, - .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, - .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { - background: #fff !important; - color: #444 !important; - } -} -.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, -.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, -.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { - text-decoration: none; - font-weight: normal; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu, -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu { - max-height: 200px; - margin: 0; - padding: 0; - list-style: none; - overflow-x: hidden; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { - display: block; - white-space: nowrap; - /* Prevent text from breaking */ - border-bottom: 1px solid #f4f4f4; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { - background: #f4f4f4; - text-decoration: none; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { - color: #444444; - overflow: hidden; - text-overflow: ellipsis; - padding: 10px; -} -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, -.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { - width: 20px; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { - margin: 0; - padding: 10px 10px; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { - margin: auto 10px auto auto; - width: 40px; - height: 40px; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { - padding: 0; - margin: 0 0 0 45px; - color: #444444; - font-size: 15px; - position: relative; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { - color: #999999; - font-size: 10px; - position: absolute; - top: 0; - right: 0; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { - margin: 0 0 0 45px; - font-size: 12px; - color: #888888; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { - content: " "; - display: table; -} -.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { - clear: both; -} -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { - padding: 10px; -} -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { - font-size: 14px; - padding: 0; - margin: 0 0 10px 0; - color: #666666; -} -.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { - padding: 0; - margin: 0; -} -.navbar-nav > .user-menu > .dropdown-menu { - border-top-right-radius: 0; - border-top-left-radius: 0; - padding: 1px 0 0 0; - border-top-width: 0; - width: 280px; -} -.navbar-nav > .user-menu > .dropdown-menu, -.navbar-nav > .user-menu > .dropdown-menu > .user-body { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header { - height: 175px; - padding: 10px; - text-align: center; -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { - z-index: 5; - height: 90px; - width: 90px; - border: 3px solid; - border-color: transparent; - border-color: rgba(255, 255, 255, 0.2); -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { - z-index: 5; - color: #fff; - color: rgba(255, 255, 255, 0.8); - font-size: 17px; - margin-top: 10px; -} -.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { - display: block; - font-size: 12px; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body { - padding: 15px; - border-bottom: 1px solid #f4f4f4; - border-top: 1px solid #dddddd; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body:before, -.navbar-nav > .user-menu > .dropdown-menu > .user-body:after { - content: " "; - display: table; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body:after { - clear: both; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-body a { - color: #444 !important; -} -@media (max-width: 991px) { - .navbar-nav > .user-menu > .dropdown-menu > .user-body a { - background: #fff !important; - color: #444 !important; - } -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer { - background-color: #f9f9f9; - padding: 10px; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, -.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { - content: " "; - display: table; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { - clear: both; -} -.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { - color: #666666; -} -@media (max-width: 991px) { - .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { - background-color: #f9f9f9; - } -} -.navbar-nav > .user-menu .user-image { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; - margin-top: -2px; -} -@media (max-width: 767px) { - .navbar-nav > .user-menu .user-image { - float: none; - margin-right: 0; - margin-top: -8px; - line-height: 10px; - } -} -/* Add fade animation to dropdown menus by appending - the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ -.open:not(.dropup) > .animated-dropdown-menu { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation: flipInX 0.7s both; - animation: flipInX 0.7s both; -} -@keyframes flipInX { - 0% { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transition-timing-function: ease-in; - } - 60% { - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - 100% { - transform: perspective(400px); - } -} -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - 100% { - -webkit-transform: perspective(400px); - } -} -/* Fix dropdown menu in navbars */ -.navbar-custom-menu > .navbar-nav > li { - position: relative; -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - position: absolute; - right: 0; - left: auto; -} -@media (max-width: 991px) { - .navbar-custom-menu > .navbar-nav { - float: right; - } - .navbar-custom-menu > .navbar-nav > li { - position: static; - } - .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - position: absolute; - right: 5%; - left: auto; - border: 1px solid #ddd; - background: #fff; - } -} -/* - * Component: Form - * --------------- - */ -.form-control { - border-radius: 0; - box-shadow: none; - border-color: #d2d6de; -} -.form-control:focus { - border-color: #3c8dbc; - box-shadow: none; -} -.form-control::-moz-placeholder, -.form-control:-ms-input-placeholder, -.form-control::-webkit-input-placeholder { - color: #bbb; - opacity: 1; -} -.form-control:not(select) { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.form-group.has-success label { - color: #00a65a; -} -.form-group.has-success .form-control, -.form-group.has-success .input-group-addon { - border-color: #00a65a; - box-shadow: none; -} -.form-group.has-success .help-block { - color: #00a65a; -} -.form-group.has-warning label { - color: #f39c12; -} -.form-group.has-warning .form-control, -.form-group.has-warning .input-group-addon { - border-color: #f39c12; - box-shadow: none; -} -.form-group.has-warning .help-block { - color: #f39c12; -} -.form-group.has-error label { - color: #dd4b39; -} -.form-group.has-error .form-control, -.form-group.has-error .input-group-addon { - border-color: #dd4b39; - box-shadow: none; -} -.form-group.has-error .help-block { - color: #dd4b39; -} -/* Input group */ -.input-group .input-group-addon { - border-radius: 0; - border-color: #d2d6de; - background-color: #fff; -} -/* button groups */ -.btn-group-vertical .btn.btn-flat:first-of-type, -.btn-group-vertical .btn.btn-flat:last-of-type { - border-radius: 0; -} -.icheck > label { - padding-left: 0; -} -/* support Font Awesome icons in form-control */ -.form-control-feedback.fa { - line-height: 34px; -} -.input-lg + .form-control-feedback.fa, -.input-group-lg + .form-control-feedback.fa, -.form-group-lg .form-control + .form-control-feedback.fa { - line-height: 46px; -} -.input-sm + .form-control-feedback.fa, -.input-group-sm + .form-control-feedback.fa, -.form-group-sm .form-control + .form-control-feedback.fa { - line-height: 30px; -} -/* - * Component: Progress Bar - * ----------------------- - */ -.progress, -.progress > .progress-bar { - box-shadow: none; -} -.progress, -.progress > .progress-bar, -.progress .progress-bar, -.progress > .progress-bar .progress-bar { - border-radius: 1px; -} -/* size variation */ -.progress.sm, -.progress-sm { - height: 10px; -} -.progress.sm, -.progress-sm, -.progress.sm .progress-bar, -.progress-sm .progress-bar { - border-radius: 1px; -} -.progress.xs, -.progress-xs { - height: 7px; -} -.progress.xs, -.progress-xs, -.progress.xs .progress-bar, -.progress-xs .progress-bar { - border-radius: 1px; -} -.progress.xxs, -.progress-xxs { - height: 3px; -} -.progress.xxs, -.progress-xxs, -.progress.xxs .progress-bar, -.progress-xxs .progress-bar { - border-radius: 1px; -} -/* Vertical bars */ -.progress.vertical { - position: relative; - width: 30px; - height: 200px; - display: inline-block; - margin-right: 10px; -} -.progress.vertical > .progress-bar { - width: 100%; - position: absolute; - bottom: 0; -} -.progress.vertical.sm, -.progress.vertical.progress-sm { - width: 20px; -} -.progress.vertical.xs, -.progress.vertical.progress-xs { - width: 10px; -} -.progress.vertical.xxs, -.progress.vertical.progress-xxs { - width: 3px; -} -.progress-group .progress-text { - font-weight: 600; -} -.progress-group .progress-number { - float: right; -} -/* Remove margins from progress bars when put in a table */ -.table tr > td .progress { - margin: 0; -} -.progress-bar-light-blue, -.progress-bar-primary { - background-color: #3c8dbc; -} -.progress-striped .progress-bar-light-blue, -.progress-striped .progress-bar-primary { - 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-green, -.progress-bar-success { - background-color: #00a65a; -} -.progress-striped .progress-bar-green, -.progress-striped .progress-bar-success { - 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-aqua, -.progress-bar-info { - background-color: #00c0ef; -} -.progress-striped .progress-bar-aqua, -.progress-striped .progress-bar-info { - 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-yellow, -.progress-bar-warning { - background-color: #f39c12; -} -.progress-striped .progress-bar-yellow, -.progress-striped .progress-bar-warning { - 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-red, -.progress-bar-danger { - background-color: #dd4b39; -} -.progress-striped .progress-bar-red, -.progress-striped .progress-bar-danger { - 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); -} -/* - * Component: Small Box - * -------------------- - */ -.small-box { - border-radius: 2px; - position: relative; - display: block; - margin-bottom: 20px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} -.small-box > .inner { - padding: 10px; -} -.small-box > .small-box-footer { - position: relative; - text-align: center; - padding: 3px 0; - color: #fff; - color: rgba(255, 255, 255, 0.8); - display: block; - z-index: 10; - background: rgba(0, 0, 0, 0.1); - text-decoration: none; -} -.small-box > .small-box-footer:hover { - color: #fff; - background: rgba(0, 0, 0, 0.15); -} -.small-box h3 { - font-size: 38px; - font-weight: bold; - margin: 0 0 10px 0; - white-space: nowrap; - padding: 0; -} -.small-box p { - font-size: 15px; -} -.small-box p > small { - display: block; - color: #f9f9f9; - font-size: 13px; - margin-top: 5px; -} -.small-box h3, -.small-box p { - z-index: 5; -} -.small-box .icon { - transition: all 0.3s linear; - position: absolute; - top: -10px; - right: 10px; - z-index: 0; - font-size: 90px; - color: rgba(0, 0, 0, 0.15); -} -.small-box:hover { - text-decoration: none; - color: #f9f9f9; -} -.small-box:hover .icon { - font-size: 95px; -} -@media (max-width: 767px) { - .small-box { - text-align: center; - } - .small-box .icon { - display: none; - } - .small-box p { - font-size: 12px; - } -} -/* - * Component: Box - * -------------- - */ -.box { - position: relative; - border-radius: 3px; - background: #ffffff; - border-top: 3px solid #d2d6de; - margin-bottom: 20px; - width: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} -.box.box-primary { - border-top-color: #3c8dbc; -} -.box.box-info { - border-top-color: #00c0ef; -} -.box.box-danger { - border-top-color: #dd4b39; -} -.box.box-warning { - border-top-color: #f39c12; -} -.box.box-success { - border-top-color: #00a65a; -} -.box.box-default { - border-top-color: #d2d6de; -} -.box.collapsed-box .box-body, -.box.collapsed-box .box-footer { - display: none; -} -.box .nav-stacked > li { - border-bottom: 1px solid #f4f4f4; - margin: 0; -} -.box .nav-stacked > li:last-of-type { - border-bottom: none; -} -.box.height-control .box-body { - max-height: 300px; - overflow: auto; -} -.box .border-right { - border-right: 1px solid #f4f4f4; -} -.box .border-left { - border-left: 1px solid #f4f4f4; -} -.box.box-solid { - border-top: 0; -} -.box.box-solid > .box-header .btn.btn-default { - background: transparent; -} -.box.box-solid > .box-header .btn:hover, -.box.box-solid > .box-header a:hover { - background: rgba(0, 0, 0, 0.1); -} -.box.box-solid.box-default { - border: 1px solid #d2d6de; -} -.box.box-solid.box-default > .box-header { - color: #444; - background: #d2d6de; - background-color: #d2d6de; -} -.box.box-solid.box-default > .box-header a, -.box.box-solid.box-default > .box-header .btn { - color: #444; -} -.box.box-solid.box-primary { - border: 1px solid #3c8dbc; -} -.box.box-solid.box-primary > .box-header { - color: #fff; - background: #3c8dbc; - background-color: #3c8dbc; -} -.box.box-solid.box-primary > .box-header a, -.box.box-solid.box-primary > .box-header .btn { - color: #fff; -} -.box.box-solid.box-info { - border: 1px solid #00c0ef; -} -.box.box-solid.box-info > .box-header { - color: #fff; - background: #00c0ef; - background-color: #00c0ef; -} -.box.box-solid.box-info > .box-header a, -.box.box-solid.box-info > .box-header .btn { - color: #fff; -} -.box.box-solid.box-danger { - border: 1px solid #dd4b39; -} -.box.box-solid.box-danger > .box-header { - color: #fff; - background: #dd4b39; - background-color: #dd4b39; -} -.box.box-solid.box-danger > .box-header a, -.box.box-solid.box-danger > .box-header .btn { - color: #fff; -} -.box.box-solid.box-warning { - border: 1px solid #f39c12; -} -.box.box-solid.box-warning > .box-header { - color: #fff; - background: #f39c12; - background-color: #f39c12; -} -.box.box-solid.box-warning > .box-header a, -.box.box-solid.box-warning > .box-header .btn { - color: #fff; -} -.box.box-solid.box-success { - border: 1px solid #00a65a; -} -.box.box-solid.box-success > .box-header { - color: #fff; - background: #00a65a; - background-color: #00a65a; -} -.box.box-solid.box-success > .box-header a, -.box.box-solid.box-success > .box-header .btn { - color: #fff; -} -.box.box-solid > .box-header > .box-tools .btn { - border: 0; - box-shadow: none; -} -.box.box-solid[class*='bg'] > .box-header { - color: #fff; -} -.box .box-group > .box { - margin-bottom: 5px; -} -.box .knob-label { - text-align: center; - color: #333; - font-weight: 100; - font-size: 12px; - margin-bottom: 0.3em; -} -.box > .overlay, -.overlay-wrapper > .overlay, -.box > .loading-img, -.overlay-wrapper > .loading-img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.box .overlay, -.overlay-wrapper .overlay { - z-index: 50; - background: rgba(255, 255, 255, 0.7); - border-radius: 3px; -} -.box .overlay > .fa, -.overlay-wrapper .overlay > .fa { - position: absolute; - top: 50%; - left: 50%; - margin-left: -15px; - margin-top: -15px; - color: #000; - font-size: 30px; -} -.box .overlay.dark, -.overlay-wrapper .overlay.dark { - background: rgba(0, 0, 0, 0.5); -} -.box-header:before, -.box-body:before, -.box-footer:before, -.box-header:after, -.box-body:after, -.box-footer:after { - content: " "; - display: table; -} -.box-header:after, -.box-body:after, -.box-footer:after { - clear: both; -} -.box-header { - color: #444; - display: block; - padding: 10px; - position: relative; -} -.box-header.with-border { - border-bottom: 1px solid #f4f4f4; -} -.collapsed-box .box-header.with-border { - border-bottom: none; -} -.box-header > .fa, -.box-header > .glyphicon, -.box-header > .ion, -.box-header .box-title { - display: inline-block; - font-size: 18px; - margin: 0; - line-height: 1; -} -.box-header > .fa, -.box-header > .glyphicon, -.box-header > .ion { - margin-right: 5px; -} -.box-header > .box-tools { - float: right; - margin-top: -5px; - margin-bottom: -5px; -} -.box-header > .box-tools [data-toggle="tooltip"] { - position: relative; -} -.box-header > .box-tools.pull-right .dropdown-menu { - right: 0; - left: auto; -} -.box-header > .box-tools .dropdown-menu > li > a { - color: #444 !important; -} -.btn-box-tool { - padding: 5px; - font-size: 12px; - background: transparent; - color: #97a0b3; -} -.open .btn-box-tool, -.btn-box-tool:hover { - color: #606c84; -} -.btn-box-tool.btn:active { - box-shadow: none; -} -.box-body { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - padding: 10px; -} -.no-header .box-body { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.box-body > .table { - margin-bottom: 0; -} -.box-body .fc { - margin-top: 5px; -} -.box-body .full-width-chart { - margin: -19px; -} -.box-body.no-padding .full-width-chart { - margin: -9px; -} -.box-body .box-pane { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 3px; -} -.box-body .box-pane-right { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 0; -} -.box-footer { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 1px solid #f4f4f4; - padding: 10px; - background-color: #fff; -} -.chart-legend { - margin: 10px 0; -} -@media (max-width: 991px) { - .chart-legend > li { - float: left; - margin-right: 10px; - } -} -.box-comments { - background: #f7f7f7; -} -.box-comments .box-comment { - padding: 8px 0; - border-bottom: 1px solid #eee; -} -.box-comments .box-comment:before, -.box-comments .box-comment:after { - content: " "; - display: table; -} -.box-comments .box-comment:after { - clear: both; -} -.box-comments .box-comment:last-of-type { - border-bottom: 0; -} -.box-comments .box-comment:first-of-type { - padding-top: 0; -} -.box-comments .box-comment img { - float: left; -} -.box-comments .comment-text { - margin-left: 40px; - color: #555; -} -.box-comments .username { - color: #444; - display: block; - font-weight: 600; -} -.box-comments .text-muted { - font-weight: 400; - font-size: 12px; -} -/* Widget: TODO LIST */ -.todo-list { - margin: 0; - padding: 0; - list-style: none; - overflow: auto; -} -.todo-list > li { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 2px; - border-left: 2px solid #e6e7e8; - color: #444; -} -.todo-list > li:last-of-type { - margin-bottom: 0; -} -.todo-list > li > input[type='checkbox'] { - margin: 0 10px 0 5px; -} -.todo-list > li .text { - display: inline-block; - margin-left: 5px; - font-weight: 600; -} -.todo-list > li .label { - margin-left: 10px; - font-size: 9px; -} -.todo-list > li .tools { - display: none; - float: right; - color: #dd4b39; -} -.todo-list > li .tools > .fa, -.todo-list > li .tools > .glyphicon, -.todo-list > li .tools > .ion { - margin-right: 5px; - cursor: pointer; -} -.todo-list > li:hover .tools { - display: inline-block; -} -.todo-list > li.done { - color: #999; -} -.todo-list > li.done .text { - text-decoration: line-through; - font-weight: 500; -} -.todo-list > li.done .label { - background: #d2d6de !important; -} -.todo-list .danger { - border-left-color: #dd4b39; -} -.todo-list .warning { - border-left-color: #f39c12; -} -.todo-list .info { - border-left-color: #00c0ef; -} -.todo-list .success { - border-left-color: #00a65a; -} -.todo-list .primary { - border-left-color: #3c8dbc; -} -.todo-list .handle { - display: inline-block; - cursor: move; - margin: 0 5px; -} -/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ -.chat { - padding: 5px 20px 5px 10px; -} -.chat .item { - margin-bottom: 10px; -} -.chat .item:before, -.chat .item:after { - content: " "; - display: table; -} -.chat .item:after { - clear: both; -} -.chat .item > img { - width: 40px; - height: 40px; - border: 2px solid transparent; - border-radius: 50%; -} -.chat .item > .online { - border: 2px solid #00a65a; -} -.chat .item > .offline { - border: 2px solid #dd4b39; -} -.chat .item > .message { - margin-left: 55px; - margin-top: -40px; -} -.chat .item > .message > .name { - display: block; - font-weight: 600; -} -.chat .item > .attachment { - border-radius: 3px; - background: #f4f4f4; - margin-left: 65px; - margin-right: 15px; - padding: 10px; -} -.chat .item > .attachment > h4 { - margin: 0 0 5px 0; - font-weight: 600; - font-size: 14px; -} -.chat .item > .attachment > p, -.chat .item > .attachment > .filename { - font-weight: 600; - font-size: 13px; - font-style: italic; - margin: 0; -} -.chat .item > .attachment:before, -.chat .item > .attachment:after { - content: " "; - display: table; -} -.chat .item > .attachment:after { - clear: both; -} -.box-input { - max-width: 200px; -} -.modal .panel-body { - color: #444; -} -/* - * Component: Info Box - * ------------------- - */ -.info-box { - display: block; - min-height: 90px; - background: #fff; - width: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 2px; - margin-bottom: 15px; -} -.info-box small { - font-size: 14px; -} -.info-box .progress { - background: rgba(0, 0, 0, 0.2); - margin: 5px -10px 5px -10px; - height: 2px; -} -.info-box .progress, -.info-box .progress .progress-bar { - border-radius: 0; -} -.info-box .progress .progress-bar { - background: #fff; -} -.info-box-icon { - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; - display: block; - float: left; - height: 90px; - width: 90px; - text-align: center; - font-size: 45px; - line-height: 90px; - background: rgba(0, 0, 0, 0.2); -} -.info-box-icon > img { - max-width: 100%; -} -.info-box-content { - padding: 5px 10px; - margin-left: 90px; -} -.info-box-number { - display: block; - font-weight: bold; - font-size: 18px; -} -.progress-description, -.info-box-text { - display: block; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.info-box-text { - text-transform: uppercase; -} -.info-box-more { - display: block; -} -.progress-description { - margin: 0; -} -/* - * Component: Timeline - * ------------------- - */ -.timeline { - position: relative; - margin: 0 0 30px 0; - padding: 0; - list-style: none; -} -.timeline:before { - content: ''; - position: absolute; - top: 0; - bottom: 0; - width: 4px; - background: #ddd; - left: 31px; - margin: 0; - border-radius: 2px; -} -.timeline > li { - position: relative; - margin-right: 10px; - margin-bottom: 15px; -} -.timeline > li:before, -.timeline > li:after { - content: " "; - display: table; -} -.timeline > li:after { - clear: both; -} -.timeline > li > .timeline-item { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 3px; - margin-top: 0; - background: #fff; - color: #444; - margin-left: 60px; - margin-right: 15px; - padding: 0; - position: relative; -} -.timeline > li > .timeline-item > .time { - color: #999; - float: right; - padding: 10px; - font-size: 12px; -} -.timeline > li > .timeline-item > .timeline-header { - margin: 0; - color: #555; - border-bottom: 1px solid #f4f4f4; - padding: 10px; - font-size: 16px; - line-height: 1.1; -} -.timeline > li > .timeline-item > .timeline-header > a { - font-weight: 600; -} -.timeline > li > .timeline-item > .timeline-body, -.timeline > li > .timeline-item > .timeline-footer { - padding: 10px; -} -.timeline > li > .fa, -.timeline > li > .glyphicon, -.timeline > li > .ion { - width: 30px; - height: 30px; - font-size: 15px; - line-height: 30px; - position: absolute; - color: #666; - background: #d2d6de; - border-radius: 50%; - text-align: center; - left: 18px; - top: 0; -} -.timeline > .time-label > span { - font-weight: 600; - padding: 5px; - display: inline-block; - background-color: #fff; - border-radius: 4px; -} -.timeline-inverse > li > .timeline-item { - background: #f0f0f0; - border: 1px solid #ddd; - box-shadow: none; -} -.timeline-inverse > li > .timeline-item > .timeline-header { - border-bottom-color: #ddd; -} -/* - * Component: Button - * ----------------- - */ -.btn { - border-radius: 3px; - box-shadow: none; - border: 1px solid transparent; -} -.btn.uppercase { - text-transform: uppercase; -} -.btn.btn-flat { - border-radius: 0; - box-shadow: none; - border-width: 1px; -} -.btn:active { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn:focus { - outline: none; -} -.btn.btn-file { - position: relative; - overflow: hidden; -} -.btn.btn-file > input[type='file'] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - opacity: 0; - filter: alpha(opacity=0); - outline: none; - background: white; - cursor: inherit; - display: block; -} -.btn-default { - background-color: #f4f4f4; - color: #444; - border-color: #ddd; -} -.btn-default:hover, -.btn-default:active, -.btn-default.hover { - background-color: #e7e7e7; -} -.btn-primary { - background-color: #3c8dbc; - border-color: #367fa9; -} -.btn-primary:hover, -.btn-primary:active, -.btn-primary.hover { - background-color: #367fa9; -} -.btn-success { - background-color: #00a65a; - border-color: #008d4c; -} -.btn-success:hover, -.btn-success:active, -.btn-success.hover { - background-color: #008d4c; -} -.btn-info { - background-color: #00c0ef; - border-color: #00acd6; -} -.btn-info:hover, -.btn-info:active, -.btn-info.hover { - background-color: #00acd6; -} -.btn-danger { - background-color: #dd4b39; - border-color: #d73925; -} -.btn-danger:hover, -.btn-danger:active, -.btn-danger.hover { - background-color: #d73925; -} -.btn-warning { - background-color: #f39c12; - border-color: #e08e0b; -} -.btn-warning:hover, -.btn-warning:active, -.btn-warning.hover { - background-color: #e08e0b; -} -.btn-outline { - border: 1px solid #fff; - background: transparent; - color: #fff; -} -.btn-outline:hover, -.btn-outline:focus, -.btn-outline:active { - color: rgba(255, 255, 255, 0.7); - border-color: rgba(255, 255, 255, 0.7); -} -.btn-link { - box-shadow: none; -} -.btn[class*='bg-']:hover { - box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); -} -.btn-app { - border-radius: 3px; - position: relative; - padding: 15px 5px; - margin: 0 0 10px 10px; - min-width: 80px; - height: 60px; - text-align: center; - color: #666; - border: 1px solid #ddd; - background-color: #f4f4f4; - font-size: 12px; -} -.btn-app > .fa, -.btn-app > .glyphicon, -.btn-app > .ion { - font-size: 20px; - display: block; -} -.btn-app:hover { - background: #f4f4f4; - color: #444; - border-color: #aaa; -} -.btn-app:active, -.btn-app:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn-app > .badge { - position: absolute; - top: -3px; - right: -10px; - font-size: 10px; - font-weight: 400; -} -/* - * Component: Callout - * ------------------ - */ -.callout { - border-radius: 3px; - margin: 0 0 20px 0; - padding: 15px 30px 15px 15px; - border-left: 5px solid #eee; -} -.callout a { - color: #fff; - text-decoration: underline; -} -.callout a:hover { - color: #eee; -} -.callout h4 { - margin-top: 0; - font-weight: 600; -} -.callout p:last-child { - margin-bottom: 0; -} -.callout code, -.callout .highlight { - background-color: #fff; -} -.callout.callout-danger { - border-color: #c23321; -} -.callout.callout-warning { - border-color: #c87f0a; -} -.callout.callout-info { - border-color: #0097bc; -} -.callout.callout-success { - border-color: #00733e; -} -/* - * Component: alert - * ---------------- - */ -.alert { - border-radius: 3px; -} -.alert h4 { - font-weight: 600; -} -.alert .icon { - margin-right: 10px; -} -.alert .close { - color: #000; - opacity: 0.2; - filter: alpha(opacity=20); -} -.alert .close:hover { - opacity: 0.5; - filter: alpha(opacity=50); -} -.alert a { - color: #fff; - text-decoration: underline; -} -.alert-success { - border-color: #008d4c; -} -.alert-danger, -.alert-error { - border-color: #d73925; -} -.alert-warning { - border-color: #e08e0b; -} -.alert-info { - border-color: #00acd6; -} -/* - * Component: Nav - * -------------- - */ -.nav > li > a:hover, -.nav > li > a:active, -.nav > li > a:focus { - color: #444; - background: #f7f7f7; -} -/* NAV PILLS */ -.nav-pills > li > a { - border-radius: 0; - border-top: 3px solid transparent; - color: #444; -} -.nav-pills > li > a > .fa, -.nav-pills > li > a > .glyphicon, -.nav-pills > li > a > .ion { - margin-right: 5px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - border-top-color: #3c8dbc; -} -.nav-pills > li.active > a { - font-weight: 600; -} -/* NAV STACKED */ -.nav-stacked > li > a { - border-radius: 0; - border-top: 0; - border-left: 3px solid transparent; - color: #444; -} -.nav-stacked > li.active > a, -.nav-stacked > li.active > a:hover { - background: transparent; - color: #444; - border-top: 0; - border-left-color: #3c8dbc; -} -.nav-stacked > li.header { - border-bottom: 1px solid #ddd; - color: #777; - margin-bottom: 10px; - padding: 5px 10px; - text-transform: uppercase; -} -/* NAV TABS */ -.nav-tabs-custom { - margin-bottom: 20px; - background: #fff; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 3px; -} -.nav-tabs-custom > .nav-tabs { - margin: 0; - border-bottom-color: #f4f4f4; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.nav-tabs-custom > .nav-tabs > li { - border-top: 3px solid transparent; - margin-bottom: -2px; - margin-right: 5px; -} -.nav-tabs-custom > .nav-tabs > li.disabled > a { - color: #777; -} -.nav-tabs-custom > .nav-tabs > li > a { - color: #444; - border-radius: 0; -} -.nav-tabs-custom > .nav-tabs > li > a.text-muted { - color: #999; -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li > a:hover { - background: transparent; - margin: 0; -} -.nav-tabs-custom > .nav-tabs > li > a:hover { - color: #999; -} -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { - border-color: transparent; -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: #3c8dbc; -} -.nav-tabs-custom > .nav-tabs > li.active > a, -.nav-tabs-custom > .nav-tabs > li.active:hover > a { - background-color: #fff; - color: #444; -} -.nav-tabs-custom > .nav-tabs > li.active > a { - border-top-color: transparent; - border-left-color: #f4f4f4; - border-right-color: #f4f4f4; -} -.nav-tabs-custom > .nav-tabs > li:first-of-type { - margin-left: 0; -} -.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { - border-left-color: transparent; -} -.nav-tabs-custom > .nav-tabs.pull-right { - float: none !important; -} -.nav-tabs-custom > .nav-tabs.pull-right > li { - float: right; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { - margin-right: 0; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { - border-left-width: 1px; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { - border-left-color: #f4f4f4; - border-right-color: transparent; -} -.nav-tabs-custom > .nav-tabs > li.header { - line-height: 35px; - padding: 0 10px; - font-size: 20px; - color: #444; -} -.nav-tabs-custom > .nav-tabs > li.header > .fa, -.nav-tabs-custom > .nav-tabs > li.header > .glyphicon, -.nav-tabs-custom > .nav-tabs > li.header > .ion { - margin-right: 5px; -} -.nav-tabs-custom > .tab-content { - background: #fff; - padding: 10px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.nav-tabs-custom .dropdown.open > a:active, -.nav-tabs-custom .dropdown.open > a:focus { - background: transparent; - color: #999; -} -.nav-tabs-custom.tab-primary > .nav-tabs > li.active { - border-top-color: #3c8dbc; -} -.nav-tabs-custom.tab-info > .nav-tabs > li.active { - border-top-color: #00c0ef; -} -.nav-tabs-custom.tab-danger > .nav-tabs > li.active { - border-top-color: #dd4b39; -} -.nav-tabs-custom.tab-warning > .nav-tabs > li.active { - border-top-color: #f39c12; -} -.nav-tabs-custom.tab-success > .nav-tabs > li.active { - border-top-color: #00a65a; -} -.nav-tabs-custom.tab-default > .nav-tabs > li.active { - border-top-color: #d2d6de; -} -/* PAGINATION */ -.pagination > li > a { - background: #fafafa; - color: #666; -} -.pagination.pagination-flat > li > a { - border-radius: 0 !important; -} -/* - * Component: Products List - * ------------------------ - */ -.products-list { - list-style: none; - margin: 0; - padding: 0; -} -.products-list > .item { - border-radius: 3px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - padding: 10px 0; - background: #fff; -} -.products-list > .item:before, -.products-list > .item:after { - content: " "; - display: table; -} -.products-list > .item:after { - clear: both; -} -.products-list .product-img { - float: left; -} -.products-list .product-img img { - width: 50px; - height: 50px; -} -.products-list .product-info { - margin-left: 60px; -} -.products-list .product-title { - font-weight: 600; -} -.products-list .product-description { - display: block; - color: #999; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.product-list-in-box > .item { - box-shadow: none; - border-radius: 0; - border-bottom: 1px solid #f4f4f4; -} -.product-list-in-box > .item:last-of-type { - border-bottom-width: 0; -} -/* - * Component: Table - * ---------------- - */ -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - border-top: 1px solid #f4f4f4; -} -.table > thead > tr > th { - border-bottom: 2px solid #f4f4f4; -} -.table tr td .progress { - margin-top: 5px; -} -.table-bordered { - border: 1px solid #f4f4f4; -} -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #f4f4f4; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} -.table.no-border, -.table.no-border td, -.table.no-border th { - border: 0; -} -/* .text-center in tables */ -table.text-center, -table.text-center td, -table.text-center th { - text-align: center; -} -.table.align th { - text-align: left; -} -.table.align td { - text-align: right; -} -/* - * Component: Label - * ---------------- - */ -.label-default { - background-color: #d2d6de; - color: #444; -} -/* - * Component: Direct Chat - * ---------------------- - */ -.direct-chat .box-body { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - position: relative; - overflow-x: hidden; - padding: 0; -} -.direct-chat.chat-pane-open .direct-chat-contacts { - transform: translate(0, 0); -} -.direct-chat-messages { - transform: translate(0, 0); - padding: 10px; - height: 250px; - overflow: auto; -} -.direct-chat-msg, -.direct-chat-text { - display: block; -} -.direct-chat-msg { - margin-bottom: 10px; -} -.direct-chat-msg:before, -.direct-chat-msg:after { - content: " "; - display: table; -} -.direct-chat-msg:after { - clear: both; -} -.direct-chat-messages, -.direct-chat-contacts { - transition: transform 0.5s ease-in-out; -} -.direct-chat-text { - border-radius: 5px; - position: relative; - padding: 5px 10px; - background: #d2d6de; - border: 1px solid #d2d6de; - margin: 5px 0 0 50px; - color: #444; -} -.direct-chat-text:after, -.direct-chat-text:before { - position: absolute; - right: 100%; - top: 15px; - border: solid transparent; - border-right-color: #d2d6de; - content: ' '; - height: 0; - width: 0; - pointer-events: none; -} -.direct-chat-text:after { - border-width: 5px; - margin-top: -5px; -} -.direct-chat-text:before { - border-width: 6px; - margin-top: -6px; -} -.right .direct-chat-text { - margin-right: 50px; - margin-left: 0; -} -.right .direct-chat-text:after, -.right .direct-chat-text:before { - right: auto; - left: 100%; - border-right-color: transparent; - border-left-color: #d2d6de; -} -.direct-chat-img { - border-radius: 50%; - float: left; - width: 40px; - height: 40px; -} -.right .direct-chat-img { - float: right; -} -.direct-chat-info { - display: block; - margin-bottom: 2px; - font-size: 12px; -} -.direct-chat-name { - font-weight: 600; -} -.direct-chat-timestamp { - color: #999; -} -.direct-chat-contacts-open .direct-chat-contacts { - transform: translate(0, 0); -} -.direct-chat-contacts { - transform: translate(101%, 0); - position: absolute; - top: 0; - bottom: 0; - height: 250px; - width: 100%; - background: #222d32; - color: #fff; - overflow: auto; -} -.contacts-list > li { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 10px; - margin: 0; -} -.contacts-list > li:before, -.contacts-list > li:after { - content: " "; - display: table; -} -.contacts-list > li:after { - clear: both; -} -.contacts-list > li:last-of-type { - border-bottom: none; -} -.contacts-list-img { - border-radius: 50%; - width: 40px; - float: left; -} -.contacts-list-info { - margin-left: 45px; - color: #fff; -} -.contacts-list-name, -.contacts-list-status { - display: block; -} -.contacts-list-name { - font-weight: 600; -} -.contacts-list-status { - font-size: 12px; -} -.contacts-list-date { - color: #aaa; - font-weight: normal; -} -.contacts-list-msg { - color: #999; -} -.direct-chat-danger .right > .direct-chat-text { - background: #dd4b39; - border-color: #dd4b39; - color: #fff; -} -.direct-chat-danger .right > .direct-chat-text:after, -.direct-chat-danger .right > .direct-chat-text:before { - border-left-color: #dd4b39; -} -.direct-chat-primary .right > .direct-chat-text { - background: #3c8dbc; - border-color: #3c8dbc; - color: #fff; -} -.direct-chat-primary .right > .direct-chat-text:after, -.direct-chat-primary .right > .direct-chat-text:before { - border-left-color: #3c8dbc; -} -.direct-chat-warning .right > .direct-chat-text { - background: #f39c12; - border-color: #f39c12; - color: #fff; -} -.direct-chat-warning .right > .direct-chat-text:after, -.direct-chat-warning .right > .direct-chat-text:before { - border-left-color: #f39c12; -} -.direct-chat-info .right > .direct-chat-text { - background: #00c0ef; - border-color: #00c0ef; - color: #fff; -} -.direct-chat-info .right > .direct-chat-text:after, -.direct-chat-info .right > .direct-chat-text:before { - border-left-color: #00c0ef; -} -.direct-chat-success .right > .direct-chat-text { - background: #00a65a; - border-color: #00a65a; - color: #fff; -} -.direct-chat-success .right > .direct-chat-text:after, -.direct-chat-success .right > .direct-chat-text:before { - border-left-color: #00a65a; -} -/* - * Component: Users List - * --------------------- - */ -.users-list > li { - width: 25%; - float: left; - padding: 10px; - text-align: center; -} -.users-list > li img { - border-radius: 50%; - max-width: 100%; - height: auto; -} -.users-list > li > a:hover, -.users-list > li > a:hover .users-list-name { - color: #999; -} -.users-list-name, -.users-list-date { - display: block; -} -.users-list-name { - font-weight: 600; - color: #444; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.users-list-date { - color: #999; - font-size: 12px; -} -/* - * Component: Carousel - * ------------------- - */ -.carousel-control.left, -.carousel-control.right { - background-image: none; -} -.carousel-control > .fa { - font-size: 40px; - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - margin-top: -20px; -} -/* - * Component: modal - * ---------------- - */ -.modal { - background: rgba(0, 0, 0, 0.3); -} -.modal-content { - border-radius: 0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); - border: 0; -} -@media (min-width: 768px) { - .modal-content { - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); - } -} -.modal-header { - border-bottom-color: #f4f4f4; -} -.modal-footer { - border-top-color: #f4f4f4; -} -.modal-primary .modal-header, -.modal-primary .modal-footer { - border-color: #307095; -} -.modal-warning .modal-header, -.modal-warning .modal-footer { - border-color: #c87f0a; -} -.modal-info .modal-header, -.modal-info .modal-footer { - border-color: #0097bc; -} -.modal-success .modal-header, -.modal-success .modal-footer { - border-color: #00733e; -} -.modal-danger .modal-header, -.modal-danger .modal-footer { - border-color: #c23321; -} -/* - * Component: Social Widgets - * ------------------------- - */ -.box-widget { - border: none; - position: relative; -} -.widget-user .widget-user-header { - padding: 20px; - height: 120px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.widget-user .widget-user-username { - margin-top: 0; - margin-bottom: 5px; - font-size: 25px; - font-weight: 300; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -} -.widget-user .widget-user-desc { - margin-top: 0; -} -.widget-user .widget-user-image { - position: absolute; - top: 65px; - left: 50%; - margin-left: -45px; -} -.widget-user .widget-user-image > img { - width: 90px; - height: auto; - border: 3px solid #fff; -} -.widget-user .box-footer { - padding-top: 30px; -} -.widget-user-2 .widget-user-header { - padding: 20px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.widget-user-2 .widget-user-username { - margin-top: 5px; - margin-bottom: 5px; - font-size: 25px; - font-weight: 300; -} -.widget-user-2 .widget-user-desc { - margin-top: 0; -} -.widget-user-2 .widget-user-username, -.widget-user-2 .widget-user-desc { - margin-left: 75px; -} -.widget-user-2 .widget-user-image > img { - width: 65px; - height: auto; - float: left; -} -.treeview-menu { - display: none; - list-style: none; - padding: 0; - margin: 0; - padding-left: 5px; -} -.treeview-menu .treeview-menu { - padding-left: 20px; -} -.treeview-menu > li { - margin: 0; -} -.treeview-menu > li > a { - padding: 5px 5px 5px 15px; - display: block; - font-size: 14px; -} -.treeview-menu > li > a > .fa, -.treeview-menu > li > a > .glyphicon, -.treeview-menu > li > a > .ion { - width: 20px; -} -.treeview-menu > li > a > .pull-right-container > .fa-angle-left, -.treeview-menu > li > a > .pull-right-container > .fa-angle-down, -.treeview-menu > li > a > .fa-angle-left, -.treeview-menu > li > a > .fa-angle-down { - width: auto; -} -.treeview > ul.treeview-menu { - overflow: hidden; - height: auto; - padding-top: 0px !important; - padding-bottom: 0px !important; -} -.treeview.menu-open > ul.treeview-menu { - overflow: visible; - height: auto; -} -/* - * Page: Mailbox - * ------------- - */ -.mailbox-messages > .table { - margin: 0; -} -.mailbox-controls { - padding: 5px; -} -.mailbox-controls.with-border { - border-bottom: 1px solid #f4f4f4; -} -.mailbox-read-info { - border-bottom: 1px solid #f4f4f4; - padding: 10px; -} -.mailbox-read-info h3 { - font-size: 20px; - margin: 0; -} -.mailbox-read-info h5 { - margin: 0; - padding: 5px 0 0 0; -} -.mailbox-read-time { - color: #999; - font-size: 13px; -} -.mailbox-read-message { - padding: 10px; -} -.mailbox-attachments li { - float: left; - width: 200px; - border: 1px solid #eee; - margin-bottom: 10px; - margin-right: 10px; -} -.mailbox-attachment-name { - font-weight: bold; - color: #666; -} -.mailbox-attachment-icon, -.mailbox-attachment-info, -.mailbox-attachment-size { - display: block; -} -.mailbox-attachment-info { - padding: 10px; - background: #f4f4f4; -} -.mailbox-attachment-size { - color: #999; - font-size: 12px; -} -.mailbox-attachment-icon { - text-align: center; - font-size: 65px; - color: #666; - padding: 20px 10px; -} -.mailbox-attachment-icon.has-img { - padding: 0; -} -.mailbox-attachment-icon.has-img > img { - max-width: 100%; - height: auto; -} -/* - * Page: Lock Screen - * ----------------- - */ -/* ADD THIS CLASS TO THE TAG */ -.lockscreen { - background: #d2d6de; -} -.lockscreen-logo { - font-size: 35px; - text-align: center; - margin-bottom: 25px; - font-weight: 300; -} -.lockscreen-logo a { - color: #444; -} -.lockscreen-wrapper { - max-width: 400px; - margin: 0 auto; - margin-top: 10%; -} -/* User name [optional] */ -.lockscreen .lockscreen-name { - text-align: center; - font-weight: 600; -} -/* Will contain the image and the sign in form */ -.lockscreen-item { - border-radius: 4px; - padding: 0; - background: #fff; - position: relative; - margin: 10px auto 30px auto; - width: 290px; -} -/* User image */ -.lockscreen-image { - border-radius: 50%; - position: absolute; - left: -10px; - top: -25px; - background: #fff; - padding: 5px; - z-index: 10; -} -.lockscreen-image > img { - border-radius: 50%; - width: 70px; - height: 70px; -} -/* Contains the password input and the login button */ -.lockscreen-credentials { - margin-left: 70px; -} -.lockscreen-credentials .form-control { - border: 0; -} -.lockscreen-credentials .btn { - background-color: #fff; - border: 0; - padding: 0 10px; -} -.lockscreen-footer { - margin-top: 10px; -} -/* - * Page: Login & Register - * ---------------------- - */ -.login-logo, -.register-logo { - font-size: 35px; - text-align: center; - margin-bottom: 25px; - font-weight: 300; -} -.login-logo a, -.register-logo a { - color: #444; -} -.login-page, -.register-page { - height: auto; - background: #d2d6de; -} -.login-box, -.register-box { - width: 360px; - margin: 7% auto; -} -@media (max-width: 768px) { - .login-box, - .register-box { - width: 90%; - margin-top: 20px; - } -} -.login-box-body, -.register-box-body { - background: #fff; - padding: 20px; - border-top: 0; - color: #666; -} -.login-box-body .form-control-feedback, -.register-box-body .form-control-feedback { - color: #777; -} -.login-box-msg, -.register-box-msg { - margin: 0; - text-align: center; - padding: 0 20px 20px 20px; -} -.social-auth-links { - margin: 10px 0; -} -/* - * Page: 400 and 500 error pages - * ------------------------------ - */ -.error-page { - width: 600px; - margin: 20px auto 0 auto; -} -@media (max-width: 991px) { - .error-page { - width: 100%; - } -} -.error-page > .headline { - float: left; - font-size: 100px; - font-weight: 300; -} -@media (max-width: 991px) { - .error-page > .headline { - float: none; - text-align: center; - } -} -.error-page > .error-content { - margin-left: 190px; - display: block; -} -@media (max-width: 991px) { - .error-page > .error-content { - margin-left: 0; - } -} -.error-page > .error-content > h3 { - font-weight: 300; - font-size: 25px; -} -@media (max-width: 991px) { - .error-page > .error-content > h3 { - text-align: center; - } -} -/* - * Page: Invoice - * ------------- - */ -.invoice { - position: relative; - background: #fff; - border: 1px solid #f4f4f4; - padding: 20px; - margin: 10px 25px; -} -.invoice-title { - margin-top: 0; -} -/* - * Page: Profile - * ------------- - */ -.profile-user-img { - margin: 0 auto; - width: 100px; - padding: 3px; - border: 3px solid #d2d6de; -} -.profile-username { - font-size: 21px; - margin-top: 5px; -} -.post { - border-bottom: 1px solid #d2d6de; - margin-bottom: 15px; - padding-bottom: 15px; - color: #666; -} -.post:last-of-type { - border-bottom: 0; - margin-bottom: 0; - padding-bottom: 0; -} -.post .user-block { - margin-bottom: 15px; -} -/* - * Social Buttons for Bootstrap - * - * Copyright 2013-2015 Panayiotis Lipiridis - * Licensed under the MIT License - * - * https://github.com/lipis/bootstrap-social - */ -.btn-social { - position: relative; - padding-left: 44px; - text-align: left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.btn-social > :first-child { - position: absolute; - left: 0; - top: 0; - bottom: 0; - width: 32px; - line-height: 34px; - font-size: 1.6em; - text-align: center; - border-right: 1px solid rgba(0, 0, 0, 0.2); -} -.btn-social.btn-lg { - padding-left: 61px; -} -.btn-social.btn-lg > :first-child { - line-height: 45px; - width: 45px; - font-size: 1.8em; -} -.btn-social.btn-sm { - padding-left: 38px; -} -.btn-social.btn-sm > :first-child { - line-height: 28px; - width: 28px; - font-size: 1.4em; -} -.btn-social.btn-xs { - padding-left: 30px; -} -.btn-social.btn-xs > :first-child { - line-height: 20px; - width: 20px; - font-size: 1.2em; -} -.btn-social-icon { - position: relative; - padding-left: 44px; - text-align: left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 34px; - width: 34px; - padding: 0; -} -.btn-social-icon > :first-child { - position: absolute; - left: 0; - top: 0; - bottom: 0; - width: 32px; - line-height: 34px; - font-size: 1.6em; - text-align: center; - border-right: 1px solid rgba(0, 0, 0, 0.2); -} -.btn-social-icon.btn-lg { - padding-left: 61px; -} -.btn-social-icon.btn-lg > :first-child { - line-height: 45px; - width: 45px; - font-size: 1.8em; -} -.btn-social-icon.btn-sm { - padding-left: 38px; -} -.btn-social-icon.btn-sm > :first-child { - line-height: 28px; - width: 28px; - font-size: 1.4em; -} -.btn-social-icon.btn-xs { - padding-left: 30px; -} -.btn-social-icon.btn-xs > :first-child { - line-height: 20px; - width: 20px; - font-size: 1.2em; -} -.btn-social-icon > :first-child { - border: none; - text-align: center; - width: 100%; -} -.btn-social-icon.btn-lg { - height: 45px; - width: 45px; - padding-left: 0; - padding-right: 0; -} -.btn-social-icon.btn-sm { - height: 30px; - width: 30px; - padding-left: 0; - padding-right: 0; -} -.btn-social-icon.btn-xs { - height: 22px; - width: 22px; - padding-left: 0; - padding-right: 0; -} -.btn-adn { - color: #fff; - background-color: #d87a68; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:focus, -.btn-adn.focus { - color: #fff; - background-color: #ce563f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:hover { - color: #fff; - background-color: #ce563f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:active, -.btn-adn.active, -.open > .dropdown-toggle.btn-adn { - color: #fff; - background-color: #ce563f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:active:hover, -.btn-adn.active:hover, -.open > .dropdown-toggle.btn-adn:hover, -.btn-adn:active:focus, -.btn-adn.active:focus, -.open > .dropdown-toggle.btn-adn:focus, -.btn-adn:active.focus, -.btn-adn.active.focus, -.open > .dropdown-toggle.btn-adn.focus { - color: #fff; - background-color: #b94630; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn:active, -.btn-adn.active, -.open > .dropdown-toggle.btn-adn { - background-image: none; -} -.btn-adn.disabled:hover, -.btn-adn[disabled]:hover, -fieldset[disabled] .btn-adn:hover, -.btn-adn.disabled:focus, -.btn-adn[disabled]:focus, -fieldset[disabled] .btn-adn:focus, -.btn-adn.disabled.focus, -.btn-adn[disabled].focus, -fieldset[disabled] .btn-adn.focus { - background-color: #d87a68; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-adn .badge { - color: #d87a68; - background-color: #fff; -} -.btn-bitbucket { - color: #fff; - background-color: #205081; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:focus, -.btn-bitbucket.focus { - color: #fff; - background-color: #163758; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:hover { - color: #fff; - background-color: #163758; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:active, -.btn-bitbucket.active, -.open > .dropdown-toggle.btn-bitbucket { - color: #fff; - background-color: #163758; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:active:hover, -.btn-bitbucket.active:hover, -.open > .dropdown-toggle.btn-bitbucket:hover, -.btn-bitbucket:active:focus, -.btn-bitbucket.active:focus, -.open > .dropdown-toggle.btn-bitbucket:focus, -.btn-bitbucket:active.focus, -.btn-bitbucket.active.focus, -.open > .dropdown-toggle.btn-bitbucket.focus { - color: #fff; - background-color: #0f253c; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket:active, -.btn-bitbucket.active, -.open > .dropdown-toggle.btn-bitbucket { - background-image: none; -} -.btn-bitbucket.disabled:hover, -.btn-bitbucket[disabled]:hover, -fieldset[disabled] .btn-bitbucket:hover, -.btn-bitbucket.disabled:focus, -.btn-bitbucket[disabled]:focus, -fieldset[disabled] .btn-bitbucket:focus, -.btn-bitbucket.disabled.focus, -.btn-bitbucket[disabled].focus, -fieldset[disabled] .btn-bitbucket.focus { - background-color: #205081; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-bitbucket .badge { - color: #205081; - background-color: #fff; -} -.btn-dropbox { - color: #fff; - background-color: #1087dd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:focus, -.btn-dropbox.focus { - color: #fff; - background-color: #0d6aad; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:hover { - color: #fff; - background-color: #0d6aad; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:active, -.btn-dropbox.active, -.open > .dropdown-toggle.btn-dropbox { - color: #fff; - background-color: #0d6aad; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:active:hover, -.btn-dropbox.active:hover, -.open > .dropdown-toggle.btn-dropbox:hover, -.btn-dropbox:active:focus, -.btn-dropbox.active:focus, -.open > .dropdown-toggle.btn-dropbox:focus, -.btn-dropbox:active.focus, -.btn-dropbox.active.focus, -.open > .dropdown-toggle.btn-dropbox.focus { - color: #fff; - background-color: #0a568c; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox:active, -.btn-dropbox.active, -.open > .dropdown-toggle.btn-dropbox { - background-image: none; -} -.btn-dropbox.disabled:hover, -.btn-dropbox[disabled]:hover, -fieldset[disabled] .btn-dropbox:hover, -.btn-dropbox.disabled:focus, -.btn-dropbox[disabled]:focus, -fieldset[disabled] .btn-dropbox:focus, -.btn-dropbox.disabled.focus, -.btn-dropbox[disabled].focus, -fieldset[disabled] .btn-dropbox.focus { - background-color: #1087dd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-dropbox .badge { - color: #1087dd; - background-color: #fff; -} -.btn-facebook { - color: #fff; - background-color: #3b5998; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:focus, -.btn-facebook.focus { - color: #fff; - background-color: #2d4373; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:hover { - color: #fff; - background-color: #2d4373; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:active, -.btn-facebook.active, -.open > .dropdown-toggle.btn-facebook { - color: #fff; - background-color: #2d4373; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:active:hover, -.btn-facebook.active:hover, -.open > .dropdown-toggle.btn-facebook:hover, -.btn-facebook:active:focus, -.btn-facebook.active:focus, -.open > .dropdown-toggle.btn-facebook:focus, -.btn-facebook:active.focus, -.btn-facebook.active.focus, -.open > .dropdown-toggle.btn-facebook.focus { - color: #fff; - background-color: #23345a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook:active, -.btn-facebook.active, -.open > .dropdown-toggle.btn-facebook { - background-image: none; -} -.btn-facebook.disabled:hover, -.btn-facebook[disabled]:hover, -fieldset[disabled] .btn-facebook:hover, -.btn-facebook.disabled:focus, -.btn-facebook[disabled]:focus, -fieldset[disabled] .btn-facebook:focus, -.btn-facebook.disabled.focus, -.btn-facebook[disabled].focus, -fieldset[disabled] .btn-facebook.focus { - background-color: #3b5998; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-facebook .badge { - color: #3b5998; - background-color: #fff; -} -.btn-flickr { - color: #fff; - background-color: #ff0084; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:focus, -.btn-flickr.focus { - color: #fff; - background-color: #cc006a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:hover { - color: #fff; - background-color: #cc006a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:active, -.btn-flickr.active, -.open > .dropdown-toggle.btn-flickr { - color: #fff; - background-color: #cc006a; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:active:hover, -.btn-flickr.active:hover, -.open > .dropdown-toggle.btn-flickr:hover, -.btn-flickr:active:focus, -.btn-flickr.active:focus, -.open > .dropdown-toggle.btn-flickr:focus, -.btn-flickr:active.focus, -.btn-flickr.active.focus, -.open > .dropdown-toggle.btn-flickr.focus { - color: #fff; - background-color: #a80057; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr:active, -.btn-flickr.active, -.open > .dropdown-toggle.btn-flickr { - background-image: none; -} -.btn-flickr.disabled:hover, -.btn-flickr[disabled]:hover, -fieldset[disabled] .btn-flickr:hover, -.btn-flickr.disabled:focus, -.btn-flickr[disabled]:focus, -fieldset[disabled] .btn-flickr:focus, -.btn-flickr.disabled.focus, -.btn-flickr[disabled].focus, -fieldset[disabled] .btn-flickr.focus { - background-color: #ff0084; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-flickr .badge { - color: #ff0084; - background-color: #fff; -} -.btn-foursquare { - color: #fff; - background-color: #f94877; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:focus, -.btn-foursquare.focus { - color: #fff; - background-color: #f71752; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:hover { - color: #fff; - background-color: #f71752; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:active, -.btn-foursquare.active, -.open > .dropdown-toggle.btn-foursquare { - color: #fff; - background-color: #f71752; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:active:hover, -.btn-foursquare.active:hover, -.open > .dropdown-toggle.btn-foursquare:hover, -.btn-foursquare:active:focus, -.btn-foursquare.active:focus, -.open > .dropdown-toggle.btn-foursquare:focus, -.btn-foursquare:active.focus, -.btn-foursquare.active.focus, -.open > .dropdown-toggle.btn-foursquare.focus { - color: #fff; - background-color: #e30742; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare:active, -.btn-foursquare.active, -.open > .dropdown-toggle.btn-foursquare { - background-image: none; -} -.btn-foursquare.disabled:hover, -.btn-foursquare[disabled]:hover, -fieldset[disabled] .btn-foursquare:hover, -.btn-foursquare.disabled:focus, -.btn-foursquare[disabled]:focus, -fieldset[disabled] .btn-foursquare:focus, -.btn-foursquare.disabled.focus, -.btn-foursquare[disabled].focus, -fieldset[disabled] .btn-foursquare.focus { - background-color: #f94877; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-foursquare .badge { - color: #f94877; - background-color: #fff; -} -.btn-github { - color: #fff; - background-color: #444444; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:focus, -.btn-github.focus { - color: #fff; - background-color: #2b2b2b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:hover { - color: #fff; - background-color: #2b2b2b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:active, -.btn-github.active, -.open > .dropdown-toggle.btn-github { - color: #fff; - background-color: #2b2b2b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:active:hover, -.btn-github.active:hover, -.open > .dropdown-toggle.btn-github:hover, -.btn-github:active:focus, -.btn-github.active:focus, -.open > .dropdown-toggle.btn-github:focus, -.btn-github:active.focus, -.btn-github.active.focus, -.open > .dropdown-toggle.btn-github.focus { - color: #fff; - background-color: #191919; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github:active, -.btn-github.active, -.open > .dropdown-toggle.btn-github { - background-image: none; -} -.btn-github.disabled:hover, -.btn-github[disabled]:hover, -fieldset[disabled] .btn-github:hover, -.btn-github.disabled:focus, -.btn-github[disabled]:focus, -fieldset[disabled] .btn-github:focus, -.btn-github.disabled.focus, -.btn-github[disabled].focus, -fieldset[disabled] .btn-github.focus { - background-color: #444444; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-github .badge { - color: #444444; - background-color: #fff; -} -.btn-google { - color: #fff; - background-color: #dd4b39; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:focus, -.btn-google.focus { - color: #fff; - background-color: #c23321; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:hover { - color: #fff; - background-color: #c23321; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:active, -.btn-google.active, -.open > .dropdown-toggle.btn-google { - color: #fff; - background-color: #c23321; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:active:hover, -.btn-google.active:hover, -.open > .dropdown-toggle.btn-google:hover, -.btn-google:active:focus, -.btn-google.active:focus, -.open > .dropdown-toggle.btn-google:focus, -.btn-google:active.focus, -.btn-google.active.focus, -.open > .dropdown-toggle.btn-google.focus { - color: #fff; - background-color: #a32b1c; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google:active, -.btn-google.active, -.open > .dropdown-toggle.btn-google { - background-image: none; -} -.btn-google.disabled:hover, -.btn-google[disabled]:hover, -fieldset[disabled] .btn-google:hover, -.btn-google.disabled:focus, -.btn-google[disabled]:focus, -fieldset[disabled] .btn-google:focus, -.btn-google.disabled.focus, -.btn-google[disabled].focus, -fieldset[disabled] .btn-google.focus { - background-color: #dd4b39; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-google .badge { - color: #dd4b39; - background-color: #fff; -} -.btn-instagram { - color: #fff; - background-color: #3f729b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:focus, -.btn-instagram.focus { - color: #fff; - background-color: #305777; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:hover { - color: #fff; - background-color: #305777; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:active, -.btn-instagram.active, -.open > .dropdown-toggle.btn-instagram { - color: #fff; - background-color: #305777; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:active:hover, -.btn-instagram.active:hover, -.open > .dropdown-toggle.btn-instagram:hover, -.btn-instagram:active:focus, -.btn-instagram.active:focus, -.open > .dropdown-toggle.btn-instagram:focus, -.btn-instagram:active.focus, -.btn-instagram.active.focus, -.open > .dropdown-toggle.btn-instagram.focus { - color: #fff; - background-color: #26455d; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram:active, -.btn-instagram.active, -.open > .dropdown-toggle.btn-instagram { - background-image: none; -} -.btn-instagram.disabled:hover, -.btn-instagram[disabled]:hover, -fieldset[disabled] .btn-instagram:hover, -.btn-instagram.disabled:focus, -.btn-instagram[disabled]:focus, -fieldset[disabled] .btn-instagram:focus, -.btn-instagram.disabled.focus, -.btn-instagram[disabled].focus, -fieldset[disabled] .btn-instagram.focus { - background-color: #3f729b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-instagram .badge { - color: #3f729b; - background-color: #fff; -} -.btn-linkedin { - color: #fff; - background-color: #007bb6; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:focus, -.btn-linkedin.focus { - color: #fff; - background-color: #005983; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:hover { - color: #fff; - background-color: #005983; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:active, -.btn-linkedin.active, -.open > .dropdown-toggle.btn-linkedin { - color: #fff; - background-color: #005983; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:active:hover, -.btn-linkedin.active:hover, -.open > .dropdown-toggle.btn-linkedin:hover, -.btn-linkedin:active:focus, -.btn-linkedin.active:focus, -.open > .dropdown-toggle.btn-linkedin:focus, -.btn-linkedin:active.focus, -.btn-linkedin.active.focus, -.open > .dropdown-toggle.btn-linkedin.focus { - color: #fff; - background-color: #00405f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin:active, -.btn-linkedin.active, -.open > .dropdown-toggle.btn-linkedin { - background-image: none; -} -.btn-linkedin.disabled:hover, -.btn-linkedin[disabled]:hover, -fieldset[disabled] .btn-linkedin:hover, -.btn-linkedin.disabled:focus, -.btn-linkedin[disabled]:focus, -fieldset[disabled] .btn-linkedin:focus, -.btn-linkedin.disabled.focus, -.btn-linkedin[disabled].focus, -fieldset[disabled] .btn-linkedin.focus { - background-color: #007bb6; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-linkedin .badge { - color: #007bb6; - background-color: #fff; -} -.btn-microsoft { - color: #fff; - background-color: #2672ec; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:focus, -.btn-microsoft.focus { - color: #fff; - background-color: #125acd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:hover { - color: #fff; - background-color: #125acd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:active, -.btn-microsoft.active, -.open > .dropdown-toggle.btn-microsoft { - color: #fff; - background-color: #125acd; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:active:hover, -.btn-microsoft.active:hover, -.open > .dropdown-toggle.btn-microsoft:hover, -.btn-microsoft:active:focus, -.btn-microsoft.active:focus, -.open > .dropdown-toggle.btn-microsoft:focus, -.btn-microsoft:active.focus, -.btn-microsoft.active.focus, -.open > .dropdown-toggle.btn-microsoft.focus { - color: #fff; - background-color: #0f4bac; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft:active, -.btn-microsoft.active, -.open > .dropdown-toggle.btn-microsoft { - background-image: none; -} -.btn-microsoft.disabled:hover, -.btn-microsoft[disabled]:hover, -fieldset[disabled] .btn-microsoft:hover, -.btn-microsoft.disabled:focus, -.btn-microsoft[disabled]:focus, -fieldset[disabled] .btn-microsoft:focus, -.btn-microsoft.disabled.focus, -.btn-microsoft[disabled].focus, -fieldset[disabled] .btn-microsoft.focus { - background-color: #2672ec; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-microsoft .badge { - color: #2672ec; - background-color: #fff; -} -.btn-openid { - color: #fff; - background-color: #f7931e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:focus, -.btn-openid.focus { - color: #fff; - background-color: #da7908; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:hover { - color: #fff; - background-color: #da7908; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:active, -.btn-openid.active, -.open > .dropdown-toggle.btn-openid { - color: #fff; - background-color: #da7908; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:active:hover, -.btn-openid.active:hover, -.open > .dropdown-toggle.btn-openid:hover, -.btn-openid:active:focus, -.btn-openid.active:focus, -.open > .dropdown-toggle.btn-openid:focus, -.btn-openid:active.focus, -.btn-openid.active.focus, -.open > .dropdown-toggle.btn-openid.focus { - color: #fff; - background-color: #b86607; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid:active, -.btn-openid.active, -.open > .dropdown-toggle.btn-openid { - background-image: none; -} -.btn-openid.disabled:hover, -.btn-openid[disabled]:hover, -fieldset[disabled] .btn-openid:hover, -.btn-openid.disabled:focus, -.btn-openid[disabled]:focus, -fieldset[disabled] .btn-openid:focus, -.btn-openid.disabled.focus, -.btn-openid[disabled].focus, -fieldset[disabled] .btn-openid.focus { - background-color: #f7931e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-openid .badge { - color: #f7931e; - background-color: #fff; -} -.btn-pinterest { - color: #fff; - background-color: #cb2027; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:focus, -.btn-pinterest.focus { - color: #fff; - background-color: #9f191f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:hover { - color: #fff; - background-color: #9f191f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:active, -.btn-pinterest.active, -.open > .dropdown-toggle.btn-pinterest { - color: #fff; - background-color: #9f191f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:active:hover, -.btn-pinterest.active:hover, -.open > .dropdown-toggle.btn-pinterest:hover, -.btn-pinterest:active:focus, -.btn-pinterest.active:focus, -.open > .dropdown-toggle.btn-pinterest:focus, -.btn-pinterest:active.focus, -.btn-pinterest.active.focus, -.open > .dropdown-toggle.btn-pinterest.focus { - color: #fff; - background-color: #801419; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest:active, -.btn-pinterest.active, -.open > .dropdown-toggle.btn-pinterest { - background-image: none; -} -.btn-pinterest.disabled:hover, -.btn-pinterest[disabled]:hover, -fieldset[disabled] .btn-pinterest:hover, -.btn-pinterest.disabled:focus, -.btn-pinterest[disabled]:focus, -fieldset[disabled] .btn-pinterest:focus, -.btn-pinterest.disabled.focus, -.btn-pinterest[disabled].focus, -fieldset[disabled] .btn-pinterest.focus { - background-color: #cb2027; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-pinterest .badge { - color: #cb2027; - background-color: #fff; -} -.btn-reddit { - color: #000; - background-color: #eff7ff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:focus, -.btn-reddit.focus { - color: #000; - background-color: #bcddff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:hover { - color: #000; - background-color: #bcddff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:active, -.btn-reddit.active, -.open > .dropdown-toggle.btn-reddit { - color: #000; - background-color: #bcddff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:active:hover, -.btn-reddit.active:hover, -.open > .dropdown-toggle.btn-reddit:hover, -.btn-reddit:active:focus, -.btn-reddit.active:focus, -.open > .dropdown-toggle.btn-reddit:focus, -.btn-reddit:active.focus, -.btn-reddit.active.focus, -.open > .dropdown-toggle.btn-reddit.focus { - color: #000; - background-color: #98ccff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit:active, -.btn-reddit.active, -.open > .dropdown-toggle.btn-reddit { - background-image: none; -} -.btn-reddit.disabled:hover, -.btn-reddit[disabled]:hover, -fieldset[disabled] .btn-reddit:hover, -.btn-reddit.disabled:focus, -.btn-reddit[disabled]:focus, -fieldset[disabled] .btn-reddit:focus, -.btn-reddit.disabled.focus, -.btn-reddit[disabled].focus, -fieldset[disabled] .btn-reddit.focus { - background-color: #eff7ff; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-reddit .badge { - color: #eff7ff; - background-color: #000; -} -.btn-soundcloud { - color: #fff; - background-color: #ff5500; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:focus, -.btn-soundcloud.focus { - color: #fff; - background-color: #cc4400; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:hover { - color: #fff; - background-color: #cc4400; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:active, -.btn-soundcloud.active, -.open > .dropdown-toggle.btn-soundcloud { - color: #fff; - background-color: #cc4400; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:active:hover, -.btn-soundcloud.active:hover, -.open > .dropdown-toggle.btn-soundcloud:hover, -.btn-soundcloud:active:focus, -.btn-soundcloud.active:focus, -.open > .dropdown-toggle.btn-soundcloud:focus, -.btn-soundcloud:active.focus, -.btn-soundcloud.active.focus, -.open > .dropdown-toggle.btn-soundcloud.focus { - color: #fff; - background-color: #a83800; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud:active, -.btn-soundcloud.active, -.open > .dropdown-toggle.btn-soundcloud { - background-image: none; -} -.btn-soundcloud.disabled:hover, -.btn-soundcloud[disabled]:hover, -fieldset[disabled] .btn-soundcloud:hover, -.btn-soundcloud.disabled:focus, -.btn-soundcloud[disabled]:focus, -fieldset[disabled] .btn-soundcloud:focus, -.btn-soundcloud.disabled.focus, -.btn-soundcloud[disabled].focus, -fieldset[disabled] .btn-soundcloud.focus { - background-color: #ff5500; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-soundcloud .badge { - color: #ff5500; - background-color: #fff; -} -.btn-tumblr { - color: #fff; - background-color: #2c4762; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:focus, -.btn-tumblr.focus { - color: #fff; - background-color: #1c2d3f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:hover { - color: #fff; - background-color: #1c2d3f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:active, -.btn-tumblr.active, -.open > .dropdown-toggle.btn-tumblr { - color: #fff; - background-color: #1c2d3f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:active:hover, -.btn-tumblr.active:hover, -.open > .dropdown-toggle.btn-tumblr:hover, -.btn-tumblr:active:focus, -.btn-tumblr.active:focus, -.open > .dropdown-toggle.btn-tumblr:focus, -.btn-tumblr:active.focus, -.btn-tumblr.active.focus, -.open > .dropdown-toggle.btn-tumblr.focus { - color: #fff; - background-color: #111c26; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr:active, -.btn-tumblr.active, -.open > .dropdown-toggle.btn-tumblr { - background-image: none; -} -.btn-tumblr.disabled:hover, -.btn-tumblr[disabled]:hover, -fieldset[disabled] .btn-tumblr:hover, -.btn-tumblr.disabled:focus, -.btn-tumblr[disabled]:focus, -fieldset[disabled] .btn-tumblr:focus, -.btn-tumblr.disabled.focus, -.btn-tumblr[disabled].focus, -fieldset[disabled] .btn-tumblr.focus { - background-color: #2c4762; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-tumblr .badge { - color: #2c4762; - background-color: #fff; -} -.btn-twitter { - color: #fff; - background-color: #55acee; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:focus, -.btn-twitter.focus { - color: #fff; - background-color: #2795e9; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:hover { - color: #fff; - background-color: #2795e9; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:active, -.btn-twitter.active, -.open > .dropdown-toggle.btn-twitter { - color: #fff; - background-color: #2795e9; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:active:hover, -.btn-twitter.active:hover, -.open > .dropdown-toggle.btn-twitter:hover, -.btn-twitter:active:focus, -.btn-twitter.active:focus, -.open > .dropdown-toggle.btn-twitter:focus, -.btn-twitter:active.focus, -.btn-twitter.active.focus, -.open > .dropdown-toggle.btn-twitter.focus { - color: #fff; - background-color: #1583d7; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter:active, -.btn-twitter.active, -.open > .dropdown-toggle.btn-twitter { - background-image: none; -} -.btn-twitter.disabled:hover, -.btn-twitter[disabled]:hover, -fieldset[disabled] .btn-twitter:hover, -.btn-twitter.disabled:focus, -.btn-twitter[disabled]:focus, -fieldset[disabled] .btn-twitter:focus, -.btn-twitter.disabled.focus, -.btn-twitter[disabled].focus, -fieldset[disabled] .btn-twitter.focus { - background-color: #55acee; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-twitter .badge { - color: #55acee; - background-color: #fff; -} -.btn-vimeo { - color: #fff; - background-color: #1ab7ea; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:focus, -.btn-vimeo.focus { - color: #fff; - background-color: #1295bf; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:hover { - color: #fff; - background-color: #1295bf; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:active, -.btn-vimeo.active, -.open > .dropdown-toggle.btn-vimeo { - color: #fff; - background-color: #1295bf; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:active:hover, -.btn-vimeo.active:hover, -.open > .dropdown-toggle.btn-vimeo:hover, -.btn-vimeo:active:focus, -.btn-vimeo.active:focus, -.open > .dropdown-toggle.btn-vimeo:focus, -.btn-vimeo:active.focus, -.btn-vimeo.active.focus, -.open > .dropdown-toggle.btn-vimeo.focus { - color: #fff; - background-color: #0f7b9f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo:active, -.btn-vimeo.active, -.open > .dropdown-toggle.btn-vimeo { - background-image: none; -} -.btn-vimeo.disabled:hover, -.btn-vimeo[disabled]:hover, -fieldset[disabled] .btn-vimeo:hover, -.btn-vimeo.disabled:focus, -.btn-vimeo[disabled]:focus, -fieldset[disabled] .btn-vimeo:focus, -.btn-vimeo.disabled.focus, -.btn-vimeo[disabled].focus, -fieldset[disabled] .btn-vimeo.focus { - background-color: #1ab7ea; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vimeo .badge { - color: #1ab7ea; - background-color: #fff; -} -.btn-vk { - color: #fff; - background-color: #587ea3; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:focus, -.btn-vk.focus { - color: #fff; - background-color: #466482; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:hover { - color: #fff; - background-color: #466482; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:active, -.btn-vk.active, -.open > .dropdown-toggle.btn-vk { - color: #fff; - background-color: #466482; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:active:hover, -.btn-vk.active:hover, -.open > .dropdown-toggle.btn-vk:hover, -.btn-vk:active:focus, -.btn-vk.active:focus, -.open > .dropdown-toggle.btn-vk:focus, -.btn-vk:active.focus, -.btn-vk.active.focus, -.open > .dropdown-toggle.btn-vk.focus { - color: #fff; - background-color: #3a526b; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk:active, -.btn-vk.active, -.open > .dropdown-toggle.btn-vk { - background-image: none; -} -.btn-vk.disabled:hover, -.btn-vk[disabled]:hover, -fieldset[disabled] .btn-vk:hover, -.btn-vk.disabled:focus, -.btn-vk[disabled]:focus, -fieldset[disabled] .btn-vk:focus, -.btn-vk.disabled.focus, -.btn-vk[disabled].focus, -fieldset[disabled] .btn-vk.focus { - background-color: #587ea3; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-vk .badge { - color: #587ea3; - background-color: #fff; -} -.btn-yahoo { - color: #fff; - background-color: #720e9e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:focus, -.btn-yahoo.focus { - color: #fff; - background-color: #500a6f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:hover { - color: #fff; - background-color: #500a6f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:active, -.btn-yahoo.active, -.open > .dropdown-toggle.btn-yahoo { - color: #fff; - background-color: #500a6f; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:active:hover, -.btn-yahoo.active:hover, -.open > .dropdown-toggle.btn-yahoo:hover, -.btn-yahoo:active:focus, -.btn-yahoo.active:focus, -.open > .dropdown-toggle.btn-yahoo:focus, -.btn-yahoo:active.focus, -.btn-yahoo.active.focus, -.open > .dropdown-toggle.btn-yahoo.focus { - color: #fff; - background-color: #39074e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo:active, -.btn-yahoo.active, -.open > .dropdown-toggle.btn-yahoo { - background-image: none; -} -.btn-yahoo.disabled:hover, -.btn-yahoo[disabled]:hover, -fieldset[disabled] .btn-yahoo:hover, -.btn-yahoo.disabled:focus, -.btn-yahoo[disabled]:focus, -fieldset[disabled] .btn-yahoo:focus, -.btn-yahoo.disabled.focus, -.btn-yahoo[disabled].focus, -fieldset[disabled] .btn-yahoo.focus { - background-color: #720e9e; - border-color: rgba(0, 0, 0, 0.2); -} -.btn-yahoo .badge { - color: #720e9e; - background-color: #fff; -} -/* - * Plugin: Full Calendar - * --------------------- - */ -.fc-button { - background: #f4f4f4; - background-image: none; - color: #444; - border-color: #ddd; - border-bottom-color: #ddd; -} -.fc-button:hover, -.fc-button:active, -.fc-button.hover { - background-color: #e9e9e9; -} -.fc-header-title h2 { - font-size: 15px; - line-height: 1.6em; - color: #666; - margin-left: 10px; -} -.fc-header-right { - padding-right: 10px; -} -.fc-header-left { - padding-left: 10px; -} -.fc-widget-header { - background: #fafafa; -} -.fc-grid { - width: 100%; - border: 0; -} -.fc-widget-header:first-of-type, -.fc-widget-content:first-of-type { - border-left: 0; - border-right: 0; -} -.fc-widget-header:last-of-type, -.fc-widget-content:last-of-type { - border-right: 0; -} -.fc-toolbar { - padding: 10px; - margin: 0; -} -.fc-day-number { - font-size: 20px; - font-weight: 300; - padding-right: 10px; -} -.fc-color-picker { - list-style: none; - margin: 0; - padding: 0; -} -.fc-color-picker > li { - float: left; - font-size: 30px; - margin-right: 5px; - line-height: 30px; -} -.fc-color-picker > li .fa { - transition: transform linear 0.3s; -} -.fc-color-picker > li .fa:hover { - transform: rotate(30deg); -} -#add-new-event { - transition: all linear 0.3s; -} -.external-event { - padding: 5px 10px; - font-weight: bold; - margin-bottom: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - border-radius: 3px; - cursor: move; -} -.external-event:hover { - box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); -} -/* - * Plugin: Select2 - * --------------- - */ -.select2-container--default.select2-container--focus, -.select2-selection.select2-container--focus, -.select2-container--default:focus, -.select2-selection:focus, -.select2-container--default:active, -.select2-selection:active { - outline: none; -} -.select2-container--default .select2-selection--single, -.select2-selection .select2-selection--single { - border: 1px solid #d2d6de; - border-radius: 0; - padding: 6px 12px; - height: 34px; -} -.select2-container--default.select2-container--open { - border-color: #3c8dbc; -} -.select2-dropdown { - border: 1px solid #d2d6de; - border-radius: 0; -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #3c8dbc; - color: white; -} -.select2-results__option { - padding: 6px 12px; - -moz-user-select: none; - user-select: none; - -webkit-user-select: none; -} -.select2-container .select2-selection--single .select2-selection__rendered { - padding-left: 0; - padding-right: 0; - height: auto; - margin-top: -4px; -} -.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { - padding-right: 6px; - padding-left: 20px; -} -.select2-container--default .select2-selection--single .select2-selection__arrow { - height: 28px; - right: 3px; -} -.select2-container--default .select2-selection--single .select2-selection__arrow b { - margin-top: 0; -} -.select2-dropdown .select2-search__field, -.select2-search--inline .select2-search__field { - border: 1px solid #d2d6de; -} -.select2-dropdown .select2-search__field:focus, -.select2-search--inline .select2-search__field:focus { - outline: none; -} -.select2-container--default.select2-container--focus .select2-selection--multiple, -.select2-container--default .select2-search--dropdown .select2-search__field { - border-color: #3c8dbc !important; -} -.select2-container--default .select2-results__option[aria-disabled=true] { - color: #999; -} -.select2-container--default .select2-results__option[aria-selected=true] { - background-color: #ddd; -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - color: #444; -} -.select2-container--default .select2-selection--multiple { - border: 1px solid #d2d6de; - border-radius: 0; -} -.select2-container--default .select2-selection--multiple:focus { - border-color: #3c8dbc; -} -.select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #d2d6de; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3c8dbc; - border-color: #367fa9; - padding: 1px 10px; - color: #fff; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - margin-right: 5px; - color: rgba(255, 255, 255, 0.7); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #fff; -} -.select2-container .select2-selection--single .select2-selection__rendered { - padding-right: 10px; -} -.box .datepicker-inline, -.box .datepicker-inline .datepicker-days, -.box .datepicker-inline > table, -.box .datepicker-inline .datepicker-days > table { - width: 100%; -} -.box .datepicker-inline td:hover, -.box .datepicker-inline .datepicker-days td:hover, -.box .datepicker-inline > table td:hover, -.box .datepicker-inline .datepicker-days > table td:hover { - background-color: rgba(255, 255, 255, 0.3); -} -.box .datepicker-inline td.day.old, -.box .datepicker-inline .datepicker-days td.day.old, -.box .datepicker-inline > table td.day.old, -.box .datepicker-inline .datepicker-days > table td.day.old, -.box .datepicker-inline td.day.new, -.box .datepicker-inline .datepicker-days td.day.new, -.box .datepicker-inline > table td.day.new, -.box .datepicker-inline .datepicker-days > table td.day.new { - color: #777; -} -/* - * General: Miscellaneous - * ---------------------- - */ -.pad { - padding: 10px; -} -.margin { - margin: 10px; -} -.margin-bottom { - margin-bottom: 20px; -} -.margin-bottom-none { - margin-bottom: 0; -} -.margin-r-5 { - margin-right: 5px; -} -.inline { - display: inline; -} -.description-block { - display: block; - margin: 10px 0; - text-align: center; -} -.description-block.margin-bottom { - margin-bottom: 25px; -} -.description-block > .description-header { - margin: 0; - padding: 0; - font-weight: 600; - font-size: 16px; -} -.description-block > .description-text { - text-transform: uppercase; -} -.bg-red, -.bg-yellow, -.bg-aqua, -.bg-blue, -.bg-light-blue, -.bg-green, -.bg-navy, -.bg-teal, -.bg-olive, -.bg-lime, -.bg-orange, -.bg-fuchsia, -.bg-purple, -.bg-maroon, -.bg-black, -.bg-red-active, -.bg-yellow-active, -.bg-aqua-active, -.bg-blue-active, -.bg-light-blue-active, -.bg-green-active, -.bg-navy-active, -.bg-teal-active, -.bg-olive-active, -.bg-lime-active, -.bg-orange-active, -.bg-fuchsia-active, -.bg-purple-active, -.bg-maroon-active, -.bg-black-active, -.callout.callout-danger, -.callout.callout-warning, -.callout.callout-info, -.callout.callout-success, -.alert-success, -.alert-danger, -.alert-error, -.alert-warning, -.alert-info, -.label-danger, -.label-info, -.label-warning, -.label-primary, -.label-success, -.modal-primary .modal-body, -.modal-primary .modal-header, -.modal-primary .modal-footer, -.modal-warning .modal-body, -.modal-warning .modal-header, -.modal-warning .modal-footer, -.modal-info .modal-body, -.modal-info .modal-header, -.modal-info .modal-footer, -.modal-success .modal-body, -.modal-success .modal-header, -.modal-success .modal-footer, -.modal-danger .modal-body, -.modal-danger .modal-header, -.modal-danger .modal-footer { - color: #fff !important; -} -.bg-gray { - color: #000; - background-color: #d2d6de !important; -} -.bg-gray-light { - background-color: #f7f7f7; -} -.bg-black { - background-color: #111 !important; -} -.bg-red, -.callout.callout-danger, -.alert-danger, -.alert-error, -.label-danger, -.modal-danger .modal-body { - background-color: #dd4b39 !important; -} -.bg-yellow, -.callout.callout-warning, -.alert-warning, -.label-warning, -.modal-warning .modal-body { - background-color: #f39c12 !important; -} -.bg-aqua, -.callout.callout-info, -.alert-info, -.label-info, -.modal-info .modal-body { - background-color: #00c0ef !important; -} -.bg-blue { - background-color: #0073b7 !important; -} -.bg-light-blue, -.label-primary, -.modal-primary .modal-body { - background-color: #3c8dbc !important; -} -.bg-green, -.callout.callout-success, -.alert-success, -.label-success, -.modal-success .modal-body { - background-color: #00a65a !important; -} -.bg-navy { - background-color: #001F3F !important; -} -.bg-teal { - background-color: #39CCCC !important; -} -.bg-olive { - background-color: #3D9970 !important; -} -.bg-lime { - background-color: #01FF70 !important; -} -.bg-orange { - background-color: #FF851B !important; -} -.bg-fuchsia { - background-color: #F012BE !important; -} -.bg-purple { - background-color: #605ca8 !important; -} -.bg-maroon { - background-color: #D81B60 !important; -} -.bg-gray-active { - color: #000; - background-color: #b5bbc8 !important; -} -.bg-black-active { - background-color: #000000 !important; -} -.bg-red-active, -.modal-danger .modal-header, -.modal-danger .modal-footer { - background-color: #d33724 !important; -} -.bg-yellow-active, -.modal-warning .modal-header, -.modal-warning .modal-footer { - background-color: #db8b0b !important; -} -.bg-aqua-active, -.modal-info .modal-header, -.modal-info .modal-footer { - background-color: #00a7d0 !important; -} -.bg-blue-active { - background-color: #005384 !important; -} -.bg-light-blue-active, -.modal-primary .modal-header, -.modal-primary .modal-footer { - background-color: #357ca5 !important; -} -.bg-green-active, -.modal-success .modal-header, -.modal-success .modal-footer { - background-color: #008d4c !important; -} -.bg-navy-active { - background-color: #001a35 !important; -} -.bg-teal-active { - background-color: #30bbbb !important; -} -.bg-olive-active { - background-color: #368763 !important; -} -.bg-lime-active { - background-color: #00e765 !important; -} -.bg-orange-active { - background-color: #ff7701 !important; -} -.bg-fuchsia-active { - background-color: #db0ead !important; -} -.bg-purple-active { - background-color: #555299 !important; -} -.bg-maroon-active { - background-color: #ca195a !important; -} -[class^="bg-"].disabled { - opacity: 0.65; - filter: alpha(opacity=65); -} -.text-red { - color: #dd4b39 !important; -} -.text-yellow { - color: #f39c12 !important; -} -.text-aqua { - color: #00c0ef !important; -} -.text-blue { - color: #0073b7 !important; -} -.text-black { - color: #111 !important; -} -.text-light-blue { - color: #3c8dbc !important; -} -.text-green { - color: #00a65a !important; -} -.text-gray { - color: #d2d6de !important; -} -.text-navy { - color: #001F3F !important; -} -.text-teal { - color: #39CCCC !important; -} -.text-olive { - color: #3D9970 !important; -} -.text-lime { - color: #01FF70 !important; -} -.text-orange { - color: #FF851B !important; -} -.text-fuchsia { - color: #F012BE !important; -} -.text-purple { - color: #605ca8 !important; -} -.text-maroon { - color: #D81B60 !important; -} -.link-muted { - color: #7a869d; -} -.link-muted:hover, -.link-muted:focus { - color: #606c84; -} -.link-black { - color: #666; -} -.link-black:hover, -.link-black:focus { - color: #999; -} -.hide { - display: none !important; -} -.no-border { - border: 0 !important; -} -.no-padding { - padding: 0 !important; -} -.no-margin { - margin: 0 !important; -} -.no-shadow { - box-shadow: none !important; -} -.list-unstyled, -.chart-legend, -.contacts-list, -.users-list, -.mailbox-attachments { - list-style: none; - margin: 0; - padding: 0; -} -.list-group-unbordered > .list-group-item { - border-left: 0; - border-right: 0; - border-radius: 0; - padding-left: 0; - padding-right: 0; -} -.flat { - border-radius: 0 !important; -} -.text-bold, -.text-bold.table td, -.text-bold.table th { - font-weight: 700; -} -.text-sm { - font-size: 12px; -} -.jqstooltip { - padding: 5px !important; - width: auto !important; - height: auto !important; -} -.bg-teal-gradient { - background: #39CCCC !important; - background: -o-linear-gradient(#7adddd, #39CCCC) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important; - color: #fff; -} -.bg-light-blue-gradient { - background: #3c8dbc !important; - background: -o-linear-gradient(#67a8ce, #3c8dbc) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important; - color: #fff; -} -.bg-blue-gradient { - background: #0073b7 !important; - background: -o-linear-gradient(#0089db, #0073b7) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important; - color: #fff; -} -.bg-aqua-gradient { - background: #00c0ef !important; - background: -o-linear-gradient(#14d1ff, #00c0ef) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important; - color: #fff; -} -.bg-yellow-gradient { - background: #f39c12 !important; - background: -o-linear-gradient(#f7bc60, #f39c12) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important; - color: #fff; -} -.bg-purple-gradient { - background: #605ca8 !important; - background: -o-linear-gradient(#9491c4, #605ca8) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important; - color: #fff; -} -.bg-green-gradient { - background: #00a65a !important; - background: -o-linear-gradient(#00ca6d, #00a65a) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important; - color: #fff; -} -.bg-red-gradient { - background: #dd4b39 !important; - background: -o-linear-gradient(#e47365, #dd4b39) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important; - color: #fff; -} -.bg-black-gradient { - background: #111 !important; - background: -o-linear-gradient(#2b2b2b, #111) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important; - color: #fff; -} -.bg-maroon-gradient { - background: #D81B60 !important; - background: -o-linear-gradient(#e73f7c, #D81B60) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important; - color: #fff; -} -.description-block .description-icon { - font-size: 16px; -} -.no-pad-top { - padding-top: 0; -} -.position-static { - position: static !important; -} -.list-header { - font-size: 15px; - padding: 10px 4px; - font-weight: bold; - color: #666; -} -.list-seperator { - height: 1px; - background: #f4f4f4; - margin: 15px 0 9px 0; -} -.list-link > a { - padding: 4px; - color: #777; -} -.list-link > a:hover { - color: #222; -} -.font-light { - font-weight: 300; -} -.user-block:before, -.user-block:after { - content: " "; - display: table; -} -.user-block:after { - clear: both; -} -.user-block img { - width: 40px; - height: 40px; - float: left; -} -.user-block .username, -.user-block .description, -.user-block .comment { - display: block; - margin-left: 50px; -} -.user-block .username { - font-size: 16px; - font-weight: 600; -} -.user-block .description { - color: #999; - font-size: 13px; -} -.user-block.user-block-sm .username, -.user-block.user-block-sm .description, -.user-block.user-block-sm .comment { - margin-left: 40px; -} -.user-block.user-block-sm .username { - font-size: 14px; -} -.img-sm, -.img-md, -.img-lg, -.box-comments .box-comment img, -.user-block.user-block-sm img { - float: left; -} -.img-sm, -.box-comments .box-comment img, -.user-block.user-block-sm img { - width: 30px !important; - height: 30px !important; -} -.img-sm + .img-push { - margin-left: 40px; -} -.img-md { - width: 60px; - height: 60px; -} -.img-md + .img-push { - margin-left: 70px; -} -.img-lg { - width: 100px; - height: 100px; -} -.img-lg + .img-push { - margin-left: 110px; -} -.img-bordered { - border: 3px solid #d2d6de; - padding: 3px; -} -.img-bordered-sm { - border: 2px solid #d2d6de; - padding: 2px; -} -.attachment-block { - border: 1px solid #f4f4f4; - padding: 5px; - margin-bottom: 10px; - background: #f7f7f7; -} -.attachment-block .attachment-img { - max-width: 100px; - max-height: 100px; - height: auto; - float: left; -} -.attachment-block .attachment-pushed { - margin-left: 110px; -} -.attachment-block .attachment-heading { - margin: 0; -} -.attachment-block .attachment-text { - color: #555; -} -.connectedSortable { - min-height: 100px; -} -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.sort-highlight { - background: #f4f4f4; - border: 1px dashed #ddd; - margin-bottom: 10px; -} -.full-opacity-hover { - opacity: 0.65; - filter: alpha(opacity=65); -} -.full-opacity-hover:hover { - opacity: 1; - filter: alpha(opacity=100); -} -.chart { - position: relative; - overflow: hidden; - width: 100%; -} -.chart svg, -.chart canvas { - width: 100% !important; -} -hr { - border-top: 1px solid #555555; -} -#red .slider-selection { - background: #f56954; -} -#blue .slider-selection { - background: #3c8dbc; -} -#green .slider-selection { - background: #00a65a; -} -#yellow .slider-selection { - background: #f39c12; -} -#aqua .slider-selection { - background: #00c0ef; -} -#purple .slider-selection { - background: #932ab6; -} -/* - * Misc: print - * ----------- - */ -@media print { - .no-print, - .main-sidebar, - .left-side, - .main-header, - .content-header { - display: none !important; - } - .content-wrapper, - .right-side, - .main-footer { - margin-left: 0 !important; - min-height: 0 !important; - transform: translate(0, 0) !important; - } - .fixed .content-wrapper, - .fixed .right-side { - padding-top: 0 !important; - } - .invoice { - width: 100%; - border: 0; - margin: 0; - padding: 0; - } - .invoice-col { - float: left; - width: 33.3333333%; - } - .table-responsive { - overflow: auto; - } - .table-responsive > .table tr th, - .table-responsive > .table tr td { - white-space: normal !important; - } -} - + */.layout-boxed body,.layout-boxed html,body,html{height:100%}body{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.wrapper,body{overflow-x:hidden;overflow-y:auto}.wrapper{height:100%;position:relative}.wrapper:after,.wrapper:before{content:" ";display:table}.wrapper:after{clear:both}.layout-boxed .wrapper{box-shadow:0 0 8px rgba(0,0,0,.5);margin:0 auto;max-width:1250px;min-height:100%;position:relative}.layout-boxed{background-color:#f9fafc}.content-wrapper,.main-footer{margin-left:230px;transition:transform .3s ease-in-out,margin .3s ease-in-out;z-index:820}.layout-top-nav .content-wrapper,.layout-top-nav .main-footer{margin-left:0}@media (max-width:767px){.content-wrapper,.main-footer{margin-left:0}}@media (min-width:768px){.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:0}}@media (max-width:767px){.sidebar-open .content-wrapper,.sidebar-open .main-footer{transform:translate(230px)}}.content-wrapper{background-color:#ecf0f5;min-height:calc(100vh - 101px);z-index:800}@media (max-width:767px){.content-wrapper{min-height:calc(100vh - 151px)}}.main-footer{background:#fff;border-top:1px solid #d2d6de;color:#444;padding:15px}.fixed .left-side,.fixed .main-header,.fixed .main-sidebar{position:fixed}.fixed .main-header{left:0;right:0;top:0}.fixed .content-wrapper,.fixed .right-side{padding-top:50px}@media (max-width:767px){.fixed .content-wrapper,.fixed .right-side{padding-top:100px}}.fixed.layout-boxed .wrapper{max-width:100%}.fixed .wrapper{overflow:hidden}.hold-transition .content-wrapper,.hold-transition .left-side,.hold-transition .main-footer,.hold-transition .main-header .logo,.hold-transition .main-header .navbar,.hold-transition .main-sidebar,.hold-transition .menu-open .fa-angle-left,.hold-transition .right-side{transition:none}.content{margin-left:auto;margin-right:auto;min-height:250px;padding:15px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Source Sans Pro,sans-serif}a{color:#3c8dbc}a:active,a:focus,a:hover{color:#72afd2;outline:none;text-decoration:none}.page-header{font-size:22px;margin:10px 0 20px}.page-header>small{color:#666;display:block;margin-top:5px}.main-header{max-height:100px;position:relative;z-index:1030}.main-header .navbar{border:none;border-radius:0;margin-bottom:0;margin-left:230px;min-height:50px;transition:margin-left .3s ease-in-out}.layout-top-nav .main-header .navbar{margin-left:0}.main-header #navbar-search-input.form-control{background:hsla(0,0%,100%,.2);border-color:transparent}.main-header #navbar-search-input.form-control:active,.main-header #navbar-search-input.form-control:focus{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1)}.main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}.main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}.main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}@media (max-width:991px){.main-header .navbar-custom-menu a,.main-header .navbar-right a{background:transparent;color:inherit}}@media (max-width:767px){.main-header .navbar-right{float:none}.navbar-collapse .main-header .navbar-right{margin:7.5px -15px}.main-header .navbar-right>li{border:0;color:inherit}}.main-header .sidebar-toggle{background-color:transparent;background-image:none;float:left;font-family:fontAwesome;padding:15px}.main-header .sidebar-toggle:before{content:"\f0c9"}.main-header .sidebar-toggle:hover{color:#fff}.main-header .sidebar-toggle:active,.main-header .sidebar-toggle:focus{background:transparent}.main-header .sidebar-toggle.fa5{font-family:"Font Awesome\ 5 Free"}.main-header .sidebar-toggle.fa5:before{content:"\f0c9";font-weight:900}.main-header .sidebar-toggle .icon-bar{display:none}.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}.main-header .navbar .nav>li>a>.label{font-size:9px;line-height:.9;padding:2px 3px;position:absolute;right:7px;text-align:center;top:9px}.main-header .logo{display:block;float:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;height:50px;line-height:50px;overflow:hidden;padding:0 15px;text-align:center;transition:width .3s ease-in-out;width:230px}.main-header .logo img{margin:0 auto;-o-object-fit:contain;object-fit:contain;padding:4px}.main-header .logo .logo-lg{display:block}.main-header .logo .logo-lg img{max-height:50px;max-width:200px}.main-header .logo .logo-lg .brandlogo-image{margin-left:-5px;margin-right:10px;margin-top:8px}.main-header .logo .logo-mini{display:none}.main-header .logo .logo-mini img{max-height:50px;max-width:50px}.main-header .logo .logo-mini .brandlogo-image{margin-left:10px;margin-right:10px;margin-top:8px}.main-header .logo .brandlogo-image{float:left;height:34px;width:auto}.main-header .navbar-brand{color:#fff}.content-header{padding:15px 15px 0;position:relative}.content-header>h1{font-size:24px;margin:0}.content-header>h1>small{display:inline-block;font-size:15px;font-weight:300;padding-left:4px}.content-header>.breadcrumb{background:transparent;border-radius:2px;float:right;font-size:12px;margin-bottom:0;margin-top:0;padding:7px 5px;position:absolute;right:10px;top:15px}.content-header>.breadcrumb>li>a{color:#444;display:inline-block;text-decoration:none}.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}.content-header>.breadcrumb>li+li:before{content:">\00a0"}@media (max-width:991px){.content-header>.breadcrumb{background:#d2d6de;float:none;margin-top:5px;padding-left:10px;position:relative;right:0;top:0}.content-header>.breadcrumb li:before{color:#97a0b3}}.navbar-toggle{border:0;color:#fff;margin:0;padding:15px}@media (max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left}.navbar-custom-menu .navbar-nav{float:left;margin:0}.navbar-custom-menu .navbar-nav>li>a{line-height:20px;padding-bottom:15px;padding-top:15px}}@media (max-width:767px){.main-header{position:relative}.main-header .logo,.main-header .navbar{float:none;width:100%}.main-header .navbar{margin:0}.main-header .navbar-custom-menu{float:right}}@media (max-width:991px){.navbar-collapse.pull-left{float:none!important}.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;right:40px;top:0}}.main-sidebar{left:0;min-height:100%;padding-top:50px;position:absolute;top:0;transition:transform .3s ease-in-out,width .3s ease-in-out;width:230px;z-index:810}@media (max-width:767px){.main-sidebar{padding-top:100px;transform:translate(-230px)}}@media (min-width:768px){.sidebar-collapse .main-sidebar{transform:translate(-230px)}}@media (max-width:767px){.sidebar-open .main-sidebar{transform:translate(0)}}.sidebar{padding-bottom:10px}.sidebar-form input:focus{border-color:transparent}.user-panel{overflow:hidden;padding:10px;position:relative;width:100%}.user-panel:after,.user-panel:before{content:" ";display:table}.user-panel:after{clear:both}.user-panel>.image>img{height:auto;max-width:45px;width:100%}.user-panel>.info{left:55px;line-height:1;padding:5px 5px 5px 15px;position:absolute}.user-panel>.info>p{font-weight:600;margin-bottom:9px}.user-panel>.info>a{font-size:11px;margin-top:3px;padding-right:5px;text-decoration:none}.user-panel>.info>a>.fa,.user-panel>.info>a>.glyphicon,.user-panel>.info>a>.ion{margin-right:3px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu>li{margin:0;padding:0;position:relative}.sidebar-menu>li>a{display:block;padding:12px 5px 12px 15px}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:20px}.sidebar-menu>li .badge,.sidebar-menu>li .label{margin-right:5px}.sidebar-menu>li .badge{margin-top:3px}.sidebar-menu li.header{font-size:12px;padding:10px 25px 10px 15px}.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left{height:auto;margin-right:10px;padding:0;transition:transform .5s ease;width:auto}.sidebar-menu li>a>.fa-angle-left{margin-top:-8px;position:absolute;right:10px;top:50%}.sidebar-menu .menu-open>a>.fa-angle-left,.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left{transform:rotate(-90deg)}.sidebar-menu .active>.treeview-menu{display:block}@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer,.sidebar-mini.sidebar-collapse .right-side{margin-left:50px!important;z-index:840}.sidebar-mini.sidebar-collapse .main-sidebar{transform:translate(0);width:50px!important;z-index:850}.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-bottom-right-radius:4px;padding-bottom:5px;padding-top:5px}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu li.header,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span>.pull-right{display:none!important;-webkit-transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{display:block;font-size:18px;margin-left:-15px;margin-right:-15px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{display:none}.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){display:block!important;left:50px;position:absolute;width:180px}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span{background-color:inherit;margin-left:-3px;padding:12px 5px 12px 20px;top:0}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{float:right;left:180px!important;position:relative!important;top:-22px!important;width:auto!important;z-index:900}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{margin-left:0;top:44px}}.sidebar-expanded-on-hover .content-wrapper,.sidebar-expanded-on-hover .main-footer{margin-left:50px}.sidebar-expanded-on-hover .main-sidebar{box-shadow:3px 0 8px rgba(0,0,0,.125)}.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{overflow:hidden;white-space:nowrap}.sidebar-menu:hover{overflow:visible}.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}.sidebar-menu li>a{position:relative}.sidebar-menu li>a>.pull-right-container{margin-top:-7px;position:absolute;right:10px;top:50%}.control-sidebar-bg{bottom:0;position:fixed;z-index:1000}.control-sidebar,.control-sidebar-bg{right:-230px;top:0;transition:right .3s ease-in-out;width:230px}.control-sidebar{padding-top:50px;position:absolute;z-index:1010}@media (max-width:767px){.control-sidebar{padding-top:100px}}.control-sidebar>.tab-content{padding:10px 15px}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}.control-sidebar-hold-transition .content-wrapper,.control-sidebar-hold-transition .control-sidebar,.control-sidebar-hold-transition .control-sidebar-bg{transition:none}.control-sidebar-open .control-sidebar,.control-sidebar-open .control-sidebar-bg{right:0}@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .main-footer,.control-sidebar-open .right-side{margin-right:230px}}.fixed .control-sidebar{height:100%;overflow-y:auto;padding-bottom:50px;position:fixed}.nav-tabs.control-sidebar-tabs>li:first-of-type>a,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover{border-left-width:0}.nav-tabs.control-sidebar-tabs>li>a{border-radius:0}.nav-tabs.control-sidebar-tabs>li>a,.nav-tabs.control-sidebar-tabs>li>a:hover{border:1px solid transparent;border-right:none;border-top:none}.nav-tabs.control-sidebar-tabs>li>a .icon{font-size:16px}.nav-tabs.control-sidebar-tabs>li.active>a,.nav-tabs.control-sidebar-tabs>li.active>a:active,.nav-tabs.control-sidebar-tabs>li.active>a:focus,.nav-tabs.control-sidebar-tabs>li.active>a:hover{border-bottom:none;border-right:none;border-top:none}@media (max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}.nav-tabs.control-sidebar-tabs>li{display:table-cell}}.control-sidebar-heading{font-size:16px;font-weight:400;margin-bottom:10px;padding:10px 0}.control-sidebar-subheading{display:block;font-size:14px;font-weight:400}.control-sidebar-menu{list-style:none;margin:0 -15px;padding:0}.control-sidebar-menu>li>a{display:block;padding:10px 15px}.control-sidebar-menu>li>a:after,.control-sidebar-menu>li>a:before{content:" ";display:table}.control-sidebar-menu>li>a:after{clear:both}.control-sidebar-menu>li>a>.control-sidebar-subheading{margin-top:0}.control-sidebar-menu .menu-icon{border-radius:50%;float:left;height:35px;line-height:35px;text-align:center;width:35px}.control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}.control-sidebar-menu .menu-info>.control-sidebar-subheading{margin:0}.control-sidebar-menu .menu-info>p{font-size:11px;margin:0}.control-sidebar-menu .progress{margin:0}.control-sidebar-dark{color:#b8c7ce}.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#222d32}.control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a{background:#181f23;color:#b8c7ce}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{border-bottom-color:#141a1d;border-left-color:#141a1d}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{background:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{color:#fff}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover{background:#222d32;color:#fff}.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff}.control-sidebar-dark .control-sidebar-menu>li>a:hover{background:#1e282c}.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p{color:#b8c7ce}.control-sidebar-light{color:#5e5e5e}.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a{background:#e8ecf4;color:#444}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover{border-bottom-color:#d2d6de;border-left-color:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover{background:#eff1f7}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover{background:#f9fafc;color:#111}.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}.control-sidebar-light .control-sidebar-menu{margin-left:-14px}.control-sidebar-light .control-sidebar-menu>li>a:hover{background:#f4f4f5}.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p{color:#5e5e5e}.dropdown-menu{border-color:#eee;box-shadow:none}.dropdown-menu>li>a{color:#777}.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.ion{margin-right:10px}.dropdown-menu>li>a:hover{background-color:#e1e3e9;color:#333}.dropdown-menu>.divider{background-color:#eee}.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{margin:0;padding:0;top:100%;width:280px}.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:#fff;border-bottom:1px solid #f4f4f4;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;color:#444;font-size:14px;padding:7px 10px}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background-color:#fff;border-bottom:1px solid #eee;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0;color:#444!important;font-size:12px;padding:7px 10px;text-align:center}@media (max-width:991px){.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background:#fff!important;color:#444!important}}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{font-weight:400;text-decoration:none}.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{list-style:none;margin:0;max-height:200px;overflow-x:hidden;padding:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{border-bottom:1px solid #f4f4f4;display:block;white-space:nowrap}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{color:#444;overflow:hidden;padding:10px;text-overflow:ellipsis}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{width:20px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{margin:0;padding:10px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{height:40px;margin:auto 10px auto auto;width:40px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{color:#444;font-size:15px;margin:0 0 0 45px;padding:0;position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{color:#999;font-size:10px;position:absolute;right:0;top:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{color:#888;font-size:12px;margin:0 0 0 45px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before{content:" ";display:table}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{clear:both}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{padding:10px}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{color:#666;font-size:14px;margin:0 0 10px;padding:0}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{margin:0;padding:0}.navbar-nav>.user-menu>.dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;padding:1px 0 0;width:280px}.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{border:3px solid hsla(0,0%,100%,.2);height:90px;width:90px;z-index:5}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{color:#fff;color:hsla(0,0%,100%,.8);font-size:17px;margin-top:10px;z-index:5}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{display:block;font-size:12px}.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom:1px solid #f4f4f4;border-top:1px solid #ddd;padding:15px}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after,.navbar-nav>.user-menu>.dropdown-menu>.user-body:before{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:#444!important}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-body a{background:#fff!important;color:#444!important}}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f9f9f9;padding:10px}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#666}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav>.user-menu .user-image{border-radius:50%;float:left;height:25px;margin-right:10px;margin-top:-2px;width:25px}@media (max-width:767px){.navbar-nav>.user-menu .user-image{float:none;line-height:10px;margin-right:0;margin-top:-8px}}.open:not(.dropup)>.animated-dropdown-menu{-webkit-animation:flipInX .7s both;animation:flipInX .7s both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotateX(-20deg);transition-timing-function:ease-in}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px)}}.navbar-custom-menu>.navbar-nav>li{position:relative}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{left:auto;position:absolute;right:0}@media (max-width:991px){.navbar-custom-menu>.navbar-nav{float:right}.navbar-custom-menu>.navbar-nav>li{position:static}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background:#fff;border:1px solid #ddd;left:auto;position:absolute;right:5%}}.form-control{border-color:#d2d6de;border-radius:0;box-shadow:none}.form-control:focus{border-color:#3c8dbc;box-shadow:none}.form-control:-ms-input-placeholder,.form-control::-moz-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}.form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group.has-success label{color:#00a65a}.form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#00a65a;box-shadow:none}.form-group.has-success .help-block{color:#00a65a}.form-group.has-warning label{color:#f39c12}.form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#f39c12;box-shadow:none}.form-group.has-warning .help-block{color:#f39c12}.form-group.has-error label{color:#dd4b39}.form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#dd4b39;box-shadow:none}.form-group.has-error .help-block{color:#dd4b39}.input-group .input-group-addon{background-color:#fff;border-color:#d2d6de;border-radius:0}.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}.icheck>label{padding-left:0}.form-control-feedback.fa{line-height:34px}.form-group-lg .form-control+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fa,.input-lg+.form-control-feedback.fa{line-height:46px}.form-group-sm .form-control+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fa,.input-sm+.form-control-feedback.fa{line-height:30px}.progress,.progress>.progress-bar{box-shadow:none}.progress,.progress .progress-bar,.progress>.progress-bar,.progress>.progress-bar .progress-bar{border-radius:1px}.progress-sm,.progress.sm{height:10px}.progress-sm,.progress-sm .progress-bar,.progress.sm,.progress.sm .progress-bar{border-radius:1px}.progress-xs,.progress.xs{height:7px}.progress-xs,.progress-xs .progress-bar,.progress.xs,.progress.xs .progress-bar{border-radius:1px}.progress-xxs,.progress.xxs{height:3px}.progress-xxs,.progress-xxs .progress-bar,.progress.xxs,.progress.xxs .progress-bar{border-radius:1px}.progress.vertical{display:inline-block;height:200px;margin-right:10px;position:relative;width:30px}.progress.vertical>.progress-bar{bottom:0;position:absolute;width:100%}.progress.vertical.progress-sm,.progress.vertical.sm{width:20px}.progress.vertical.progress-xs,.progress.vertical.xs{width:10px}.progress.vertical.progress-xxs,.progress.vertical.xxs{width:3px}.progress-group .progress-text{font-weight:600}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-green,.progress-bar-success{background-color:#00a65a}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning,.progress-bar-yellow{background-color:#f39c12}.progress-striped .progress-bar-warning,.progress-striped .progress-bar-yellow{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger,.progress-bar-red{background-color:#dd4b39}.progress-striped .progress-bar-danger,.progress-striped .progress-bar-red{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.small-box{border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1);display:block;margin-bottom:20px;position:relative}.small-box>.inner{padding:10px}.small-box>.small-box-footer{background:rgba(0,0,0,.1);color:#fff;color:hsla(0,0%,100%,.8);display:block;padding:3px 0;position:relative;text-align:center;text-decoration:none;z-index:10}.small-box>.small-box-footer:hover{background:rgba(0,0,0,.15);color:#fff}.small-box h3{font-size:38px;font-weight:700;margin:0 0 10px;padding:0;white-space:nowrap}.small-box p{font-size:15px}.small-box p>small{color:#f9f9f9;display:block;font-size:13px;margin-top:5px}.small-box h3,.small-box p{z-index:5}.small-box .icon{color:rgba(0,0,0,.15);font-size:90px;position:absolute;right:10px;top:-10px;transition:all .3s linear;z-index:0}.small-box:hover{color:#f9f9f9;text-decoration:none}.small-box:hover .icon{font-size:95px}@media (max-width:767px){.small-box{text-align:center}.small-box .icon{display:none}.small-box p{font-size:12px}}.box{background:#fff;border-radius:3px;border-top:3px solid #d2d6de;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:20px;position:relative;width:100%}.box.box-primary{border-top-color:#3c8dbc}.box.box-info{border-top-color:#00c0ef}.box.box-danger{border-top-color:#dd4b39}.box.box-warning{border-top-color:#f39c12}.box.box-success{border-top-color:#00a65a}.box.box-default{border-top-color:#d2d6de}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}.box .nav-stacked>li:last-of-type{border-bottom:none}.box.height-control .box-body{max-height:300px;overflow:auto}.box .border-right{border-right:1px solid #f4f4f4}.box .border-left{border-left:1px solid #f4f4f4}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,.1)}.box.box-solid.box-default{border:1px solid #d2d6de}.box.box-solid.box-default>.box-header{background:#d2d6de;background-color:#d2d6de;color:#444}.box.box-solid.box-default>.box-header .btn,.box.box-solid.box-default>.box-header a{color:#444}.box.box-solid.box-primary{border:1px solid #3c8dbc}.box.box-solid.box-primary>.box-header{background:#3c8dbc;background-color:#3c8dbc;color:#fff}.box.box-solid.box-primary>.box-header .btn,.box.box-solid.box-primary>.box-header a{color:#fff}.box.box-solid.box-info{border:1px solid #00c0ef}.box.box-solid.box-info>.box-header{background:#00c0ef;background-color:#00c0ef;color:#fff}.box.box-solid.box-info>.box-header .btn,.box.box-solid.box-info>.box-header a{color:#fff}.box.box-solid.box-danger{border:1px solid #dd4b39}.box.box-solid.box-danger>.box-header{background:#dd4b39;background-color:#dd4b39;color:#fff}.box.box-solid.box-danger>.box-header .btn,.box.box-solid.box-danger>.box-header a{color:#fff}.box.box-solid.box-warning{border:1px solid #f39c12}.box.box-solid.box-warning>.box-header{background:#f39c12;background-color:#f39c12;color:#fff}.box.box-solid.box-warning>.box-header .btn,.box.box-solid.box-warning>.box-header a{color:#fff}.box.box-solid.box-success{border:1px solid #00a65a}.box.box-solid.box-success>.box-header{background:#00a65a;background-color:#00a65a;color:#fff}.box.box-solid.box-success>.box-header .btn,.box.box-solid.box-success>.box-header a{color:#fff}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*=bg]>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{color:#333;font-size:12px;font-weight:100;margin-bottom:.3em;text-align:center}.box>.loading-img,.box>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.box .overlay,.overlay-wrapper .overlay{background:hsla(0,0%,100%,.7);border-radius:3px;z-index:50}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{color:#000;font-size:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,.5)}.box-body:after,.box-body:before,.box-footer:after,.box-footer:before,.box-header:after,.box-header:before{content:" ";display:table}.box-body:after,.box-footer:after,.box-header:after{clear:both}.box-header{color:#444;display:block;padding:10px;position:relative}.box-header.with-border{border-bottom:1px solid #f4f4f4}.collapsed-box .box-header.with-border{border-bottom:none}.box-header .box-title,.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{display:inline-block;font-size:18px;line-height:1;margin:0}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}.box-header>.box-tools{float:right;margin-bottom:-5px;margin-top:-5px}.box-header>.box-tools [data-toggle=tooltip]{position:relative}.box-header>.box-tools.pull-right .dropdown-menu{left:auto;right:0}.box-header>.box-tools .dropdown-menu>li>a{color:#444!important}.btn-box-tool{background:transparent;color:#97a0b3;font-size:12px;padding:5px}.btn-box-tool:hover,.open .btn-box-tool{color:#606c84}.btn-box-tool.btn:active{box-shadow:none}.box-body{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:0;padding:10px}.no-header .box-body{border-top-left-radius:3px;border-top-right-radius:3px}.box-body>.table{margin-bottom:0}.box-body .fc{margin-top:5px}.box-body .full-width-chart{margin:-19px}.box-body.no-padding .full-width-chart{margin:-9px}.box-body .box-pane{border-bottom-left-radius:3px;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.box-body .box-pane-right{border-bottom-left-radius:0}.box-body .box-pane-right,.box-footer{border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:0}.box-footer{background-color:#fff;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px}.chart-legend{margin:10px 0}@media (max-width:991px){.chart-legend>li{float:left;margin-right:10px}}.box-comments{background:#f7f7f7}.box-comments .box-comment{border-bottom:1px solid #eee;padding:8px 0}.box-comments .box-comment:after,.box-comments .box-comment:before{content:" ";display:table}.box-comments .box-comment:after{clear:both}.box-comments .box-comment:last-of-type{border-bottom:0}.box-comments .box-comment:first-of-type{padding-top:0}.box-comments .box-comment img{float:left}.box-comments .comment-text{color:#555;margin-left:40px}.box-comments .username{color:#444;display:block;font-weight:600}.box-comments .text-muted{font-size:12px;font-weight:400}.todo-list{list-style:none;margin:0;overflow:auto;padding:0}.todo-list>li{background:#f4f4f4;border-left:2px solid #e6e7e8;border-radius:2px;color:#444;margin-bottom:2px;padding:10px}.todo-list>li:last-of-type{margin-bottom:0}.todo-list>li>input[type=checkbox]{margin:0 10px 0 5px}.todo-list>li .text{display:inline-block;font-weight:600;margin-left:5px}.todo-list>li .label{font-size:9px;margin-left:10px}.todo-list>li .tools{color:#dd4b39;display:none;float:right}.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion{cursor:pointer;margin-right:5px}.todo-list>li:hover .tools{display:inline-block}.todo-list>li.done{color:#999}.todo-list>li.done .text{font-weight:500;text-decoration:line-through}.todo-list>li.done .label{background:#d2d6de!important}.todo-list .danger{border-left-color:#dd4b39}.todo-list .warning{border-left-color:#f39c12}.todo-list .info{border-left-color:#00c0ef}.todo-list .success{border-left-color:#00a65a}.todo-list .primary{border-left-color:#3c8dbc}.todo-list .handle{cursor:move;display:inline-block;margin:0 5px}.chat{padding:5px 20px 5px 10px}.chat .item{margin-bottom:10px}.chat .item:after,.chat .item:before{content:" ";display:table}.chat .item:after{clear:both}.chat .item>img{border:2px solid transparent;border-radius:50%;height:40px;width:40px}.chat .item>.online{border:2px solid #00a65a}.chat .item>.offline{border:2px solid #dd4b39}.chat .item>.message{margin-left:55px;margin-top:-40px}.chat .item>.message>.name{display:block;font-weight:600}.chat .item>.attachment{background:#f4f4f4;border-radius:3px;margin-left:65px;margin-right:15px;padding:10px}.chat .item>.attachment>h4{font-size:14px;font-weight:600;margin:0 0 5px}.chat .item>.attachment>.filename,.chat .item>.attachment>p{font-size:13px;font-style:italic;font-weight:600;margin:0}.chat .item>.attachment:after,.chat .item>.attachment:before{content:" ";display:table}.chat .item>.attachment:after{clear:both}.box-input{max-width:200px}.modal .panel-body{color:#444}.info-box{background:#fff;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1);display:block;margin-bottom:15px;min-height:90px;width:100%}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,.2);height:2px;margin:5px -10px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{background:rgba(0,0,0,.2);border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;display:block;float:left;font-size:45px;height:90px;line-height:90px;text-align:center;width:90px}.info-box-icon>img{max-width:100%}.info-box-content{margin-left:90px;padding:5px 10px}.info-box-number{display:block;font-size:18px;font-weight:700}.info-box-text,.progress-description{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.timeline{list-style:none;margin:0 0 30px;padding:0;position:relative}.timeline:before{background:#ddd;border-radius:2px;bottom:0;content:"";left:31px;margin:0;position:absolute;top:0;width:4px}.timeline>li{margin-bottom:15px;margin-right:10px;position:relative}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-item{background:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#444;margin-left:60px;margin-right:15px;margin-top:0;padding:0;position:relative}.timeline>li>.timeline-item>.time{color:#999;float:right;font-size:12px;padding:10px}.timeline>li>.timeline-item>.timeline-header{border-bottom:1px solid #f4f4f4;color:#555;font-size:16px;line-height:1.1;margin:0;padding:10px}.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px}.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{background:#d2d6de;border-radius:50%;color:#666;font-size:15px;height:30px;left:18px;line-height:30px;position:absolute;text-align:center;top:0;width:30px}.timeline>.time-label>span{background-color:#fff;border-radius:4px;display:inline-block;font-weight:600;padding:5px}.timeline-inverse>li>.timeline-item{background:#f0f0f0;border:1px solid #ddd;box-shadow:none}.timeline-inverse>li>.timeline-item>.timeline-header{border-bottom-color:#ddd}.btn{border:1px solid transparent;border-radius:3px;box-shadow:none}.btn.uppercase{text-transform:uppercase}.btn.btn-flat{border-radius:0;border-width:1px;box-shadow:none}.btn:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn:focus{outline:none}.btn.btn-file{overflow:hidden;position:relative}.btn.btn-file>input[type=file]{background:#fff;cursor:inherit;display:block;filter:alpha(opacity=0);font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:none;position:absolute;right:0;text-align:right;top:0}.btn-default{background-color:#f4f4f4;border-color:#ddd;color:#444}.btn-default.hover,.btn-default:active,.btn-default:hover{background-color:#e7e7e7}.btn-primary{background-color:#3c8dbc;border-color:#367fa9}.btn-primary.hover,.btn-primary:active,.btn-primary:hover{background-color:#367fa9}.btn-success{background-color:#00a65a;border-color:#008d4c}.btn-success.hover,.btn-success:active,.btn-success:hover{background-color:#008d4c}.btn-info{background-color:#00c0ef;border-color:#00acd6}.btn-info.hover,.btn-info:active,.btn-info:hover{background-color:#00acd6}.btn-danger{background-color:#dd4b39;border-color:#d73925}.btn-danger.hover,.btn-danger:active,.btn-danger:hover{background-color:#d73925}.btn-warning{background-color:#f39c12;border-color:#e08e0b}.btn-warning.hover,.btn-warning:active,.btn-warning:hover{background-color:#e08e0b}.btn-outline{background:transparent;border:1px solid #fff;color:#fff}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{border-color:hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.btn-link{box-shadow:none}.btn[class*=bg-]:hover{box-shadow:inset 0 0 100px rgba(0,0,0,.2)}.btn-app{background-color:#f4f4f4;border:1px solid #ddd;border-radius:3px;color:#666;font-size:12px;height:60px;margin:0 0 10px 10px;min-width:80px;padding:15px 5px;position:relative;text-align:center}.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{display:block;font-size:20px}.btn-app:hover{background:#f4f4f4;border-color:#aaa;color:#444}.btn-app:active,.btn-app:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-app>.badge{font-size:10px;font-weight:400;position:absolute;right:-10px;top:-3px}.callout{border-left:5px solid #eee;border-radius:3px;margin:0 0 20px;padding:15px 30px 15px 15px}.callout a{color:#fff;text-decoration:underline}.callout a:hover{color:#eee}.callout h4{font-weight:600;margin-top:0}.callout p:last-child{margin-bottom:0}.callout .highlight,.callout code{background-color:#fff}.callout.callout-danger{border-color:#c23321}.callout.callout-warning{border-color:#c87f0a}.callout.callout-info{border-color:#0097bc}.callout.callout-success{border-color:#00733e}.alert{border-radius:3px}.alert h4{font-weight:600}.alert .icon{margin-right:10px}.alert .close{color:#000;filter:alpha(opacity=20);opacity:.2}.alert .close:hover{filter:alpha(opacity=50);opacity:.5}.alert a{color:#fff;text-decoration:underline}.alert-success{border-color:#008d4c}.alert-danger,.alert-error{border-color:#d73925}.alert-warning{border-color:#e08e0b}.alert-info{border-color:#00acd6}.nav>li>a:active,.nav>li>a:focus,.nav>li>a:hover{background:#f7f7f7;color:#444}.nav-pills>li>a{border-radius:0;border-top:3px solid transparent;color:#444}.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{margin-right:5px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{border-top-color:#3c8dbc}.nav-pills>li.active>a{font-weight:600}.nav-stacked>li>a{border-left:3px solid transparent;border-radius:0;border-top:0;color:#444}.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover{background:transparent;border-left-color:#3c8dbc;border-top:0;color:#444}.nav-stacked>li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.nav-tabs-custom{background:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:20px}.nav-tabs-custom>.nav-tabs{border-bottom-color:#f4f4f4;border-top-left-radius:3px;border-top-right-radius:3px;margin:0}.nav-tabs-custom>.nav-tabs>li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}.nav-tabs-custom>.nav-tabs>li.disabled>a{color:#777}.nav-tabs-custom>.nav-tabs>li>a{border-radius:0;color:#444}.nav-tabs-custom>.nav-tabs>li>a.text-muted{color:#999}.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{background:transparent;margin:0}.nav-tabs-custom>.nav-tabs>li>a:hover{color:#999}.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover{border-color:transparent}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{background-color:#fff;color:#444}.nav-tabs-custom>.nav-tabs>li.active>a{border-left-color:#f4f4f4;border-right-color:#f4f4f4;border-top-color:transparent}.nav-tabs-custom>.nav-tabs>li:first-of-type{margin-left:0}.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{border-left-color:transparent}.nav-tabs-custom>.nav-tabs.pull-right{float:none!important}.nav-tabs-custom>.nav-tabs.pull-right>li{float:right}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{margin-right:0}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{border-left-width:1px}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{border-left-color:#f4f4f4;border-right-color:transparent}.nav-tabs-custom>.nav-tabs>li.header{color:#444;font-size:20px;line-height:35px;padding:0 10px}.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{margin-right:5px}.nav-tabs-custom>.tab-content{background:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:10px}.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{background:transparent;color:#999}.nav-tabs-custom.tab-primary>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom.tab-info>.nav-tabs>li.active{border-top-color:#00c0ef}.nav-tabs-custom.tab-danger>.nav-tabs>li.active{border-top-color:#dd4b39}.nav-tabs-custom.tab-warning>.nav-tabs>li.active{border-top-color:#f39c12}.nav-tabs-custom.tab-success>.nav-tabs>li.active{border-top-color:#00a65a}.nav-tabs-custom.tab-default>.nav-tabs>li.active{border-top-color:#d2d6de}.pagination>li>a{background:#fafafa;color:#666}.pagination.pagination-flat>li>a{border-radius:0!important}.products-list{list-style:none;margin:0;padding:0}.products-list>.item{background:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:10px 0}.products-list>.item:after,.products-list>.item:before{content:" ";display:table}.products-list>.item:after{clear:both}.products-list .product-img{float:left}.products-list .product-img img{height:50px;width:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{color:#999;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list-in-box>.item{border-bottom:1px solid #f4f4f4;border-radius:0;box-shadow:none}.product-list-in-box>.item:last-of-type{border-bottom-width:0}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #f4f4f4}.table>thead>tr>th{border-bottom:2px solid #f4f4f4}.table tr td .progress{margin-top:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #f4f4f4}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table.no-border,.table.no-border td,.table.no-border th{border:0}table.text-center,table.text-center td,table.text-center th{text-align:center}.table.align th{text-align:left}.table.align td{text-align:right}.label-default{background-color:#d2d6de;color:#444}.direct-chat .box-body{border-bottom-left-radius:0;border-bottom-right-radius:0;overflow-x:hidden;padding:0;position:relative}.direct-chat-messages,.direct-chat.chat-pane-open .direct-chat-contacts{transform:translate(0)}.direct-chat-messages{height:250px;overflow:auto;padding:10px}.direct-chat-msg,.direct-chat-text{display:block}.direct-chat-msg{margin-bottom:10px}.direct-chat-msg:after,.direct-chat-msg:before{content:" ";display:table}.direct-chat-msg:after{clear:both}.direct-chat-contacts,.direct-chat-messages{transition:transform .5s ease-in-out}.direct-chat-text{background:#d2d6de;border:1px solid #d2d6de;border-radius:5px;color:#444;margin:5px 0 0 50px;padding:5px 10px;position:relative}.direct-chat-text:after,.direct-chat-text:before{border:solid transparent;border-right:solid #d2d6de;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:15px;width:0}.direct-chat-text:after{border-width:5px;margin-top:-5px}.direct-chat-text:before{border-width:6px;margin-top:-6px}.right .direct-chat-text{margin-left:0;margin-right:50px}.right .direct-chat-text:after,.right .direct-chat-text:before{border-left-color:#d2d6de;border-right-color:transparent;left:100%;right:auto}.direct-chat-img{border-radius:50%;float:left;height:40px;width:40px}.right .direct-chat-img{float:right}.direct-chat-info{display:block;font-size:12px;margin-bottom:2px}.direct-chat-name{font-weight:600}.direct-chat-timestamp{color:#999}.direct-chat-contacts-open .direct-chat-contacts{transform:translate(0)}.direct-chat-contacts{background:#222d32;bottom:0;color:#fff;height:250px;overflow:auto;position:absolute;top:0;transform:translate(101%);width:100%}.contacts-list>li{border-bottom:1px solid rgba(0,0,0,.2);margin:0;padding:10px}.contacts-list>li:after,.contacts-list>li:before{content:" ";display:table}.contacts-list>li:after{clear:both}.contacts-list>li:last-of-type{border-bottom:none}.contacts-list-img{border-radius:50%;float:left;width:40px}.contacts-list-info{color:#fff;margin-left:45px}.contacts-list-name,.contacts-list-status{display:block}.contacts-list-name{font-weight:600}.contacts-list-status{font-size:12px}.contacts-list-date{color:#aaa;font-weight:400}.contacts-list-msg{color:#999}.direct-chat-danger .right>.direct-chat-text{background:#dd4b39;border-color:#dd4b39;color:#fff}.direct-chat-danger .right>.direct-chat-text:after,.direct-chat-danger .right>.direct-chat-text:before{border-left-color:#dd4b39}.direct-chat-primary .right>.direct-chat-text{background:#3c8dbc;border-color:#3c8dbc;color:#fff}.direct-chat-primary .right>.direct-chat-text:after,.direct-chat-primary .right>.direct-chat-text:before{border-left-color:#3c8dbc}.direct-chat-warning .right>.direct-chat-text{background:#f39c12;border-color:#f39c12;color:#fff}.direct-chat-warning .right>.direct-chat-text:after,.direct-chat-warning .right>.direct-chat-text:before{border-left-color:#f39c12}.direct-chat-info .right>.direct-chat-text{background:#00c0ef;border-color:#00c0ef;color:#fff}.direct-chat-info .right>.direct-chat-text:after,.direct-chat-info .right>.direct-chat-text:before{border-left-color:#00c0ef}.direct-chat-success .right>.direct-chat-text{background:#00a65a;border-color:#00a65a;color:#fff}.direct-chat-success .right>.direct-chat-text:after,.direct-chat-success .right>.direct-chat-text:before{border-left-color:#00a65a}.users-list>li{float:left;padding:10px;text-align:center;width:25%}.users-list>li img{border-radius:50%;height:auto;max-width:100%}.users-list>li>a:hover,.users-list>li>a:hover .users-list-name{color:#999}.users-list-date,.users-list-name{display:block}.users-list-name{color:#444;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-date{color:#999;font-size:12px}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control>.fa{display:inline-block;font-size:40px;margin-top:-20px;position:absolute;top:50%;z-index:5}.modal{background:rgba(0,0,0,.3)}.modal-content{border:0;border-radius:0;box-shadow:0 2px 3px rgba(0,0,0,.125)}@media (min-width:768px){.modal-content{box-shadow:0 2px 3px rgba(0,0,0,.125)}}.modal-header{border-bottom-color:#f4f4f4}.modal-footer{border-top-color:#f4f4f4}.modal-primary .modal-footer,.modal-primary .modal-header{border-color:#307095}.modal-warning .modal-footer,.modal-warning .modal-header{border-color:#c87f0a}.modal-info .modal-footer,.modal-info .modal-header{border-color:#0097bc}.modal-success .modal-footer,.modal-success .modal-header{border-color:#00733e}.modal-danger .modal-footer,.modal-danger .modal-header{border-color:#c23321}.box-widget{border:none;position:relative}.widget-user .widget-user-header{border-top-left-radius:3px;border-top-right-radius:3px;height:120px;padding:20px}.widget-user .widget-user-username{font-size:25px;font-weight:300;margin-bottom:5px;margin-top:0;text-shadow:0 1px 1px rgba(0,0,0,.2)}.widget-user .widget-user-desc{margin-top:0}.widget-user .widget-user-image{left:50%;margin-left:-45px;position:absolute;top:65px}.widget-user .widget-user-image>img{border:3px solid #fff;height:auto;width:90px}.widget-user .box-footer{padding-top:30px}.widget-user-2 .widget-user-header{border-top-left-radius:3px;border-top-right-radius:3px;padding:20px}.widget-user-2 .widget-user-username{font-size:25px;font-weight:300;margin-bottom:5px;margin-top:5px}.widget-user-2 .widget-user-desc{margin-top:0}.widget-user-2 .widget-user-desc,.widget-user-2 .widget-user-username{margin-left:75px}.widget-user-2 .widget-user-image>img{float:left;height:auto;width:65px}.treeview-menu{display:none;list-style:none;margin:0;padding:0 0 0 5px}.treeview-menu .treeview-menu{padding-left:20px}.treeview-menu>li{margin:0}.treeview-menu>li>a{display:block;font-size:14px;padding:5px 5px 5px 15px}.treeview-menu>li>a>.fa,.treeview-menu>li>a>.glyphicon,.treeview-menu>li>a>.ion{width:20px}.treeview-menu>li>a>.fa-angle-down,.treeview-menu>li>a>.fa-angle-left,.treeview-menu>li>a>.pull-right-container>.fa-angle-down,.treeview-menu>li>a>.pull-right-container>.fa-angle-left{width:auto}.treeview>ul.treeview-menu{height:auto;overflow:hidden;padding-bottom:0!important;padding-top:0!important}.treeview.menu-open>ul.treeview-menu{height:auto;overflow:visible}.mailbox-messages>.table{margin:0}.mailbox-controls{padding:5px}.mailbox-controls.with-border,.mailbox-read-info{border-bottom:1px solid #f4f4f4}.mailbox-read-info{padding:10px}.mailbox-read-info h3{font-size:20px;margin:0}.mailbox-read-info h5{margin:0;padding:5px 0 0}.mailbox-read-time{color:#999;font-size:13px}.mailbox-read-message{padding:10px}.mailbox-attachments li{border:1px solid #eee;float:left;margin-bottom:10px;margin-right:10px;width:200px}.mailbox-attachment-name{color:#666;font-weight:700}.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}.mailbox-attachment-info{background:#f4f4f4;padding:10px}.mailbox-attachment-size{color:#999;font-size:12px}.mailbox-attachment-icon{color:#666;font-size:65px;padding:20px 10px;text-align:center}.mailbox-attachment-icon.has-img{padding:0}.mailbox-attachment-icon.has-img>img{height:auto;max-width:100%}.lockscreen{background:#d2d6de}.lockscreen-logo{font-size:35px;font-weight:300;margin-bottom:25px;text-align:center}.lockscreen-logo a{color:#444}.lockscreen-wrapper{margin:10% auto 0;max-width:400px}.lockscreen .lockscreen-name{font-weight:600;text-align:center}.lockscreen-item{background:#fff;border-radius:4px;margin:10px auto 30px;padding:0;position:relative;width:290px}.lockscreen-image{background:#fff;border-radius:50%;left:-10px;padding:5px;position:absolute;top:-25px;z-index:10}.lockscreen-image>img{border-radius:50%;height:70px;width:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .form-control{border:0}.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}.lockscreen-footer{margin-top:10px}.login-logo,.register-logo{font-size:35px;font-weight:300;margin-bottom:25px;text-align:center}.login-logo a,.register-logo a{color:#444}.login-page,.register-page{background:#d2d6de;height:auto}.login-box,.register-box{margin:7% auto;width:360px}@media (max-width:768px){.login-box,.register-box{margin-top:20px;width:90%}}.login-box-body,.register-box-body{background:#fff;border-top:0;color:#666;padding:20px}.login-box-body .form-control-feedback,.register-box-body .form-control-feedback{color:#777}.login-box-msg,.register-box-msg{margin:0;padding:0 20px 20px;text-align:center}.social-auth-links{margin:10px 0}.error-page{margin:20px auto 0;width:600px}@media (max-width:991px){.error-page{width:100%}}.error-page>.headline{float:left;font-size:100px;font-weight:300}@media (max-width:991px){.error-page>.headline{float:none;text-align:center}}.error-page>.error-content{display:block;margin-left:190px}@media (max-width:991px){.error-page>.error-content{margin-left:0}}.error-page>.error-content>h3{font-size:25px;font-weight:300}@media (max-width:991px){.error-page>.error-content>h3{text-align:center}}.invoice{background:#fff;border:1px solid #f4f4f4;margin:10px 25px;padding:20px;position:relative}.invoice-title{margin-top:0}.profile-user-img{border:3px solid #d2d6de;margin:0 auto;padding:3px;width:100px}.profile-username{font-size:21px;margin-top:5px}.post{border-bottom:1px solid #d2d6de;color:#666;margin-bottom:15px;padding-bottom:15px}.post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.post .user-block{margin-bottom:15px}.btn-social{overflow:hidden;padding-left:44px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.btn-social>:first-child{border-right:1px solid rgba(0,0,0,.2);bottom:0;font-size:1.6em;left:0;line-height:34px;position:absolute;text-align:center;top:0;width:32px}.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{font-size:1.8em;line-height:45px;width:45px}.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{font-size:1.4em;line-height:28px;width:28px}.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{font-size:1.2em;line-height:20px;width:20px}.btn-social-icon{height:34px;overflow:hidden;padding:0;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:34px}.btn-social-icon>:first-child{border-right:1px solid rgba(0,0,0,.2);bottom:0;font-size:1.6em;left:0;line-height:34px;position:absolute;top:0;width:32px}.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{font-size:1.8em;line-height:45px;width:45px}.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{font-size:1.4em;line-height:28px;width:28px}.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{font-size:1.2em;line-height:20px;width:20px}.btn-social-icon>:first-child{border:none;text-align:center;width:100%}.btn-social-icon.btn-lg{height:45px;padding-left:0;padding-right:0;width:45px}.btn-social-icon.btn-sm{height:30px;padding-left:0;padding-right:0;width:30px}.btn-social-icon.btn-xs{height:22px;padding-left:0;padding-right:0;width:22px}.btn-adn{background-color:#d87a68;border-color:rgba(0,0,0,.2);color:#fff}.btn-adn.active,.btn-adn.focus,.btn-adn:active,.btn-adn:focus,.btn-adn:hover,.open>.dropdown-toggle.btn-adn{background-color:#ce563f;border-color:rgba(0,0,0,.2);color:#fff}.btn-adn.active.focus,.btn-adn.active:focus,.btn-adn.active:hover,.btn-adn:active.focus,.btn-adn:active:focus,.btn-adn:active:hover,.open>.dropdown-toggle.btn-adn.focus,.open>.dropdown-toggle.btn-adn:focus,.open>.dropdown-toggle.btn-adn:hover{background-color:#b94630;border-color:rgba(0,0,0,.2);color:#fff}.btn-adn.active,.btn-adn:active,.open>.dropdown-toggle.btn-adn{background-image:none}.btn-adn.disabled.focus,.btn-adn.disabled:focus,.btn-adn.disabled:hover,.btn-adn[disabled].focus,.btn-adn[disabled]:focus,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn.focus,fieldset[disabled] .btn-adn:focus,fieldset[disabled] .btn-adn:hover{background-color:#d87a68;border-color:rgba(0,0,0,.2)}.btn-adn .badge{background-color:#fff;color:#d87a68}.btn-bitbucket{background-color:#205081;border-color:rgba(0,0,0,.2);color:#fff}.btn-bitbucket.active,.btn-bitbucket.focus,.btn-bitbucket:active,.btn-bitbucket:focus,.btn-bitbucket:hover,.open>.dropdown-toggle.btn-bitbucket{background-color:#163758;border-color:rgba(0,0,0,.2);color:#fff}.btn-bitbucket.active.focus,.btn-bitbucket.active:focus,.btn-bitbucket.active:hover,.btn-bitbucket:active.focus,.btn-bitbucket:active:focus,.btn-bitbucket:active:hover,.open>.dropdown-toggle.btn-bitbucket.focus,.open>.dropdown-toggle.btn-bitbucket:focus,.open>.dropdown-toggle.btn-bitbucket:hover{background-color:#0f253c;border-color:rgba(0,0,0,.2);color:#fff}.btn-bitbucket.active,.btn-bitbucket:active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}.btn-bitbucket.disabled.focus,.btn-bitbucket.disabled:focus,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled].focus,.btn-bitbucket[disabled]:focus,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket.focus,fieldset[disabled] .btn-bitbucket:focus,fieldset[disabled] .btn-bitbucket:hover{background-color:#205081;border-color:rgba(0,0,0,.2)}.btn-bitbucket .badge{background-color:#fff;color:#205081}.btn-dropbox{background-color:#1087dd;border-color:rgba(0,0,0,.2);color:#fff}.btn-dropbox.active,.btn-dropbox.focus,.btn-dropbox:active,.btn-dropbox:focus,.btn-dropbox:hover,.open>.dropdown-toggle.btn-dropbox{background-color:#0d6aad;border-color:rgba(0,0,0,.2);color:#fff}.btn-dropbox.active.focus,.btn-dropbox.active:focus,.btn-dropbox.active:hover,.btn-dropbox:active.focus,.btn-dropbox:active:focus,.btn-dropbox:active:hover,.open>.dropdown-toggle.btn-dropbox.focus,.open>.dropdown-toggle.btn-dropbox:focus,.open>.dropdown-toggle.btn-dropbox:hover{background-color:#0a568c;border-color:rgba(0,0,0,.2);color:#fff}.btn-dropbox.active,.btn-dropbox:active,.open>.dropdown-toggle.btn-dropbox{background-image:none}.btn-dropbox.disabled.focus,.btn-dropbox.disabled:focus,.btn-dropbox.disabled:hover,.btn-dropbox[disabled].focus,.btn-dropbox[disabled]:focus,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox.focus,fieldset[disabled] .btn-dropbox:focus,fieldset[disabled] .btn-dropbox:hover{background-color:#1087dd;border-color:rgba(0,0,0,.2)}.btn-dropbox .badge{background-color:#fff;color:#1087dd}.btn-facebook{background-color:#3b5998;border-color:rgba(0,0,0,.2);color:#fff}.btn-facebook.active,.btn-facebook.focus,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.open>.dropdown-toggle.btn-facebook{background-color:#2d4373;border-color:rgba(0,0,0,.2);color:#fff}.btn-facebook.active.focus,.btn-facebook.active:focus,.btn-facebook.active:hover,.btn-facebook:active.focus,.btn-facebook:active:focus,.btn-facebook:active:hover,.open>.dropdown-toggle.btn-facebook.focus,.open>.dropdown-toggle.btn-facebook:focus,.open>.dropdown-toggle.btn-facebook:hover{background-color:#23345a;border-color:rgba(0,0,0,.2);color:#fff}.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle.btn-facebook{background-image:none}.btn-facebook.disabled.focus,.btn-facebook.disabled:focus,.btn-facebook.disabled:hover,.btn-facebook[disabled].focus,.btn-facebook[disabled]:focus,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook.focus,fieldset[disabled] .btn-facebook:focus,fieldset[disabled] .btn-facebook:hover{background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook .badge{background-color:#fff;color:#3b5998}.btn-flickr{background-color:#ff0084;border-color:rgba(0,0,0,.2);color:#fff}.btn-flickr.active,.btn-flickr.focus,.btn-flickr:active,.btn-flickr:focus,.btn-flickr:hover,.open>.dropdown-toggle.btn-flickr{background-color:#cc006a;border-color:rgba(0,0,0,.2);color:#fff}.btn-flickr.active.focus,.btn-flickr.active:focus,.btn-flickr.active:hover,.btn-flickr:active.focus,.btn-flickr:active:focus,.btn-flickr:active:hover,.open>.dropdown-toggle.btn-flickr.focus,.open>.dropdown-toggle.btn-flickr:focus,.open>.dropdown-toggle.btn-flickr:hover{background-color:#a80057;border-color:rgba(0,0,0,.2);color:#fff}.btn-flickr.active,.btn-flickr:active,.open>.dropdown-toggle.btn-flickr{background-image:none}.btn-flickr.disabled.focus,.btn-flickr.disabled:focus,.btn-flickr.disabled:hover,.btn-flickr[disabled].focus,.btn-flickr[disabled]:focus,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr.focus,fieldset[disabled] .btn-flickr:focus,fieldset[disabled] .btn-flickr:hover{background-color:#ff0084;border-color:rgba(0,0,0,.2)}.btn-flickr .badge{background-color:#fff;color:#ff0084}.btn-foursquare{background-color:#f94877;border-color:rgba(0,0,0,.2);color:#fff}.btn-foursquare.active,.btn-foursquare.focus,.btn-foursquare:active,.btn-foursquare:focus,.btn-foursquare:hover,.open>.dropdown-toggle.btn-foursquare{background-color:#f71752;border-color:rgba(0,0,0,.2);color:#fff}.btn-foursquare.active.focus,.btn-foursquare.active:focus,.btn-foursquare.active:hover,.btn-foursquare:active.focus,.btn-foursquare:active:focus,.btn-foursquare:active:hover,.open>.dropdown-toggle.btn-foursquare.focus,.open>.dropdown-toggle.btn-foursquare:focus,.open>.dropdown-toggle.btn-foursquare:hover{background-color:#e30742;border-color:rgba(0,0,0,.2);color:#fff}.btn-foursquare.active,.btn-foursquare:active,.open>.dropdown-toggle.btn-foursquare{background-image:none}.btn-foursquare.disabled.focus,.btn-foursquare.disabled:focus,.btn-foursquare.disabled:hover,.btn-foursquare[disabled].focus,.btn-foursquare[disabled]:focus,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare.focus,fieldset[disabled] .btn-foursquare:focus,fieldset[disabled] .btn-foursquare:hover{background-color:#f94877;border-color:rgba(0,0,0,.2)}.btn-foursquare .badge{background-color:#fff;color:#f94877}.btn-github{background-color:#444;border-color:rgba(0,0,0,.2);color:#fff}.btn-github.active,.btn-github.focus,.btn-github:active,.btn-github:focus,.btn-github:hover,.open>.dropdown-toggle.btn-github{background-color:#2b2b2b;border-color:rgba(0,0,0,.2);color:#fff}.btn-github.active.focus,.btn-github.active:focus,.btn-github.active:hover,.btn-github:active.focus,.btn-github:active:focus,.btn-github:active:hover,.open>.dropdown-toggle.btn-github.focus,.open>.dropdown-toggle.btn-github:focus,.open>.dropdown-toggle.btn-github:hover{background-color:#191919;border-color:rgba(0,0,0,.2);color:#fff}.btn-github.active,.btn-github:active,.open>.dropdown-toggle.btn-github{background-image:none}.btn-github.disabled.focus,.btn-github.disabled:focus,.btn-github.disabled:hover,.btn-github[disabled].focus,.btn-github[disabled]:focus,.btn-github[disabled]:hover,fieldset[disabled] .btn-github.focus,fieldset[disabled] .btn-github:focus,fieldset[disabled] .btn-github:hover{background-color:#444;border-color:rgba(0,0,0,.2)}.btn-github .badge{background-color:#fff;color:#444}.btn-google{background-color:#dd4b39;border-color:rgba(0,0,0,.2);color:#fff}.btn-google.active,.btn-google.focus,.btn-google:active,.btn-google:focus,.btn-google:hover,.open>.dropdown-toggle.btn-google{background-color:#c23321;border-color:rgba(0,0,0,.2);color:#fff}.btn-google.active.focus,.btn-google.active:focus,.btn-google.active:hover,.btn-google:active.focus,.btn-google:active:focus,.btn-google:active:hover,.open>.dropdown-toggle.btn-google.focus,.open>.dropdown-toggle.btn-google:focus,.open>.dropdown-toggle.btn-google:hover{background-color:#a32b1c;border-color:rgba(0,0,0,.2);color:#fff}.btn-google.active,.btn-google:active,.open>.dropdown-toggle.btn-google{background-image:none}.btn-google.disabled.focus,.btn-google.disabled:focus,.btn-google.disabled:hover,.btn-google[disabled].focus,.btn-google[disabled]:focus,.btn-google[disabled]:hover,fieldset[disabled] .btn-google.focus,fieldset[disabled] .btn-google:focus,fieldset[disabled] .btn-google:hover{background-color:#dd4b39;border-color:rgba(0,0,0,.2)}.btn-google .badge{background-color:#fff;color:#dd4b39}.btn-instagram{background-color:#3f729b;border-color:rgba(0,0,0,.2);color:#fff}.btn-instagram.active,.btn-instagram.focus,.btn-instagram:active,.btn-instagram:focus,.btn-instagram:hover,.open>.dropdown-toggle.btn-instagram{background-color:#305777;border-color:rgba(0,0,0,.2);color:#fff}.btn-instagram.active.focus,.btn-instagram.active:focus,.btn-instagram.active:hover,.btn-instagram:active.focus,.btn-instagram:active:focus,.btn-instagram:active:hover,.open>.dropdown-toggle.btn-instagram.focus,.open>.dropdown-toggle.btn-instagram:focus,.open>.dropdown-toggle.btn-instagram:hover{background-color:#26455d;border-color:rgba(0,0,0,.2);color:#fff}.btn-instagram.active,.btn-instagram:active,.open>.dropdown-toggle.btn-instagram{background-image:none}.btn-instagram.disabled.focus,.btn-instagram.disabled:focus,.btn-instagram.disabled:hover,.btn-instagram[disabled].focus,.btn-instagram[disabled]:focus,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram.focus,fieldset[disabled] .btn-instagram:focus,fieldset[disabled] .btn-instagram:hover{background-color:#3f729b;border-color:rgba(0,0,0,.2)}.btn-instagram .badge{background-color:#fff;color:#3f729b}.btn-linkedin{background-color:#007bb6;border-color:rgba(0,0,0,.2);color:#fff}.btn-linkedin.active,.btn-linkedin.focus,.btn-linkedin:active,.btn-linkedin:focus,.btn-linkedin:hover,.open>.dropdown-toggle.btn-linkedin{background-color:#005983;border-color:rgba(0,0,0,.2);color:#fff}.btn-linkedin.active.focus,.btn-linkedin.active:focus,.btn-linkedin.active:hover,.btn-linkedin:active.focus,.btn-linkedin:active:focus,.btn-linkedin:active:hover,.open>.dropdown-toggle.btn-linkedin.focus,.open>.dropdown-toggle.btn-linkedin:focus,.open>.dropdown-toggle.btn-linkedin:hover{background-color:#00405f;border-color:rgba(0,0,0,.2);color:#fff}.btn-linkedin.active,.btn-linkedin:active,.open>.dropdown-toggle.btn-linkedin{background-image:none}.btn-linkedin.disabled.focus,.btn-linkedin.disabled:focus,.btn-linkedin.disabled:hover,.btn-linkedin[disabled].focus,.btn-linkedin[disabled]:focus,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin.focus,fieldset[disabled] .btn-linkedin:focus,fieldset[disabled] .btn-linkedin:hover{background-color:#007bb6;border-color:rgba(0,0,0,.2)}.btn-linkedin .badge{background-color:#fff;color:#007bb6}.btn-microsoft{background-color:#2672ec;border-color:rgba(0,0,0,.2);color:#fff}.btn-microsoft.active,.btn-microsoft.focus,.btn-microsoft:active,.btn-microsoft:focus,.btn-microsoft:hover,.open>.dropdown-toggle.btn-microsoft{background-color:#125acd;border-color:rgba(0,0,0,.2);color:#fff}.btn-microsoft.active.focus,.btn-microsoft.active:focus,.btn-microsoft.active:hover,.btn-microsoft:active.focus,.btn-microsoft:active:focus,.btn-microsoft:active:hover,.open>.dropdown-toggle.btn-microsoft.focus,.open>.dropdown-toggle.btn-microsoft:focus,.open>.dropdown-toggle.btn-microsoft:hover{background-color:#0f4bac;border-color:rgba(0,0,0,.2);color:#fff}.btn-microsoft.active,.btn-microsoft:active,.open>.dropdown-toggle.btn-microsoft{background-image:none}.btn-microsoft.disabled.focus,.btn-microsoft.disabled:focus,.btn-microsoft.disabled:hover,.btn-microsoft[disabled].focus,.btn-microsoft[disabled]:focus,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft.focus,fieldset[disabled] .btn-microsoft:focus,fieldset[disabled] .btn-microsoft:hover{background-color:#2672ec;border-color:rgba(0,0,0,.2)}.btn-microsoft .badge{background-color:#fff;color:#2672ec}.btn-openid{background-color:#f7931e;border-color:rgba(0,0,0,.2);color:#fff}.btn-openid.active,.btn-openid.focus,.btn-openid:active,.btn-openid:focus,.btn-openid:hover,.open>.dropdown-toggle.btn-openid{background-color:#da7908;border-color:rgba(0,0,0,.2);color:#fff}.btn-openid.active.focus,.btn-openid.active:focus,.btn-openid.active:hover,.btn-openid:active.focus,.btn-openid:active:focus,.btn-openid:active:hover,.open>.dropdown-toggle.btn-openid.focus,.open>.dropdown-toggle.btn-openid:focus,.open>.dropdown-toggle.btn-openid:hover{background-color:#b86607;border-color:rgba(0,0,0,.2);color:#fff}.btn-openid.active,.btn-openid:active,.open>.dropdown-toggle.btn-openid{background-image:none}.btn-openid.disabled.focus,.btn-openid.disabled:focus,.btn-openid.disabled:hover,.btn-openid[disabled].focus,.btn-openid[disabled]:focus,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid.focus,fieldset[disabled] .btn-openid:focus,fieldset[disabled] .btn-openid:hover{background-color:#f7931e;border-color:rgba(0,0,0,.2)}.btn-openid .badge{background-color:#fff;color:#f7931e}.btn-pinterest{background-color:#cb2027;border-color:rgba(0,0,0,.2);color:#fff}.btn-pinterest.active,.btn-pinterest.focus,.btn-pinterest:active,.btn-pinterest:focus,.btn-pinterest:hover,.open>.dropdown-toggle.btn-pinterest{background-color:#9f191f;border-color:rgba(0,0,0,.2);color:#fff}.btn-pinterest.active.focus,.btn-pinterest.active:focus,.btn-pinterest.active:hover,.btn-pinterest:active.focus,.btn-pinterest:active:focus,.btn-pinterest:active:hover,.open>.dropdown-toggle.btn-pinterest.focus,.open>.dropdown-toggle.btn-pinterest:focus,.open>.dropdown-toggle.btn-pinterest:hover{background-color:#801419;border-color:rgba(0,0,0,.2);color:#fff}.btn-pinterest.active,.btn-pinterest:active,.open>.dropdown-toggle.btn-pinterest{background-image:none}.btn-pinterest.disabled.focus,.btn-pinterest.disabled:focus,.btn-pinterest.disabled:hover,.btn-pinterest[disabled].focus,.btn-pinterest[disabled]:focus,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest.focus,fieldset[disabled] .btn-pinterest:focus,fieldset[disabled] .btn-pinterest:hover{background-color:#cb2027;border-color:rgba(0,0,0,.2)}.btn-pinterest .badge{background-color:#fff;color:#cb2027}.btn-reddit{background-color:#eff7ff;border-color:rgba(0,0,0,.2);color:#000}.btn-reddit.active,.btn-reddit.focus,.btn-reddit:active,.btn-reddit:focus,.btn-reddit:hover,.open>.dropdown-toggle.btn-reddit{background-color:#bcddff;border-color:rgba(0,0,0,.2);color:#000}.btn-reddit.active.focus,.btn-reddit.active:focus,.btn-reddit.active:hover,.btn-reddit:active.focus,.btn-reddit:active:focus,.btn-reddit:active:hover,.open>.dropdown-toggle.btn-reddit.focus,.open>.dropdown-toggle.btn-reddit:focus,.open>.dropdown-toggle.btn-reddit:hover{background-color:#98ccff;border-color:rgba(0,0,0,.2);color:#000}.btn-reddit.active,.btn-reddit:active,.open>.dropdown-toggle.btn-reddit{background-image:none}.btn-reddit.disabled.focus,.btn-reddit.disabled:focus,.btn-reddit.disabled:hover,.btn-reddit[disabled].focus,.btn-reddit[disabled]:focus,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit.focus,fieldset[disabled] .btn-reddit:focus,fieldset[disabled] .btn-reddit:hover{background-color:#eff7ff;border-color:rgba(0,0,0,.2)}.btn-reddit .badge{background-color:#000;color:#eff7ff}.btn-soundcloud{background-color:#f50;border-color:rgba(0,0,0,.2);color:#fff}.btn-soundcloud.active,.btn-soundcloud.focus,.btn-soundcloud:active,.btn-soundcloud:focus,.btn-soundcloud:hover,.open>.dropdown-toggle.btn-soundcloud{background-color:#c40;border-color:rgba(0,0,0,.2);color:#fff}.btn-soundcloud.active.focus,.btn-soundcloud.active:focus,.btn-soundcloud.active:hover,.btn-soundcloud:active.focus,.btn-soundcloud:active:focus,.btn-soundcloud:active:hover,.open>.dropdown-toggle.btn-soundcloud.focus,.open>.dropdown-toggle.btn-soundcloud:focus,.open>.dropdown-toggle.btn-soundcloud:hover{background-color:#a83800;border-color:rgba(0,0,0,.2);color:#fff}.btn-soundcloud.active,.btn-soundcloud:active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}.btn-soundcloud.disabled.focus,.btn-soundcloud.disabled:focus,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled].focus,.btn-soundcloud[disabled]:focus,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud.focus,fieldset[disabled] .btn-soundcloud:focus,fieldset[disabled] .btn-soundcloud:hover{background-color:#f50;border-color:rgba(0,0,0,.2)}.btn-soundcloud .badge{background-color:#fff;color:#f50}.btn-tumblr{background-color:#2c4762;border-color:rgba(0,0,0,.2);color:#fff}.btn-tumblr.active,.btn-tumblr.focus,.btn-tumblr:active,.btn-tumblr:focus,.btn-tumblr:hover,.open>.dropdown-toggle.btn-tumblr{background-color:#1c2d3f;border-color:rgba(0,0,0,.2);color:#fff}.btn-tumblr.active.focus,.btn-tumblr.active:focus,.btn-tumblr.active:hover,.btn-tumblr:active.focus,.btn-tumblr:active:focus,.btn-tumblr:active:hover,.open>.dropdown-toggle.btn-tumblr.focus,.open>.dropdown-toggle.btn-tumblr:focus,.open>.dropdown-toggle.btn-tumblr:hover{background-color:#111c26;border-color:rgba(0,0,0,.2);color:#fff}.btn-tumblr.active,.btn-tumblr:active,.open>.dropdown-toggle.btn-tumblr{background-image:none}.btn-tumblr.disabled.focus,.btn-tumblr.disabled:focus,.btn-tumblr.disabled:hover,.btn-tumblr[disabled].focus,.btn-tumblr[disabled]:focus,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr.focus,fieldset[disabled] .btn-tumblr:focus,fieldset[disabled] .btn-tumblr:hover{background-color:#2c4762;border-color:rgba(0,0,0,.2)}.btn-tumblr .badge{background-color:#fff;color:#2c4762}.btn-twitter{background-color:#55acee;border-color:rgba(0,0,0,.2);color:#fff}.btn-twitter.active,.btn-twitter.focus,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.open>.dropdown-toggle.btn-twitter{background-color:#2795e9;border-color:rgba(0,0,0,.2);color:#fff}.btn-twitter.active.focus,.btn-twitter.active:focus,.btn-twitter.active:hover,.btn-twitter:active.focus,.btn-twitter:active:focus,.btn-twitter:active:hover,.open>.dropdown-toggle.btn-twitter.focus,.open>.dropdown-toggle.btn-twitter:focus,.open>.dropdown-toggle.btn-twitter:hover{background-color:#1583d7;border-color:rgba(0,0,0,.2);color:#fff}.btn-twitter.active,.btn-twitter:active,.open>.dropdown-toggle.btn-twitter{background-image:none}.btn-twitter.disabled.focus,.btn-twitter.disabled:focus,.btn-twitter.disabled:hover,.btn-twitter[disabled].focus,.btn-twitter[disabled]:focus,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter.focus,fieldset[disabled] .btn-twitter:focus,fieldset[disabled] .btn-twitter:hover{background-color:#55acee;border-color:rgba(0,0,0,.2)}.btn-twitter .badge{background-color:#fff;color:#55acee}.btn-vimeo{background-color:#1ab7ea;border-color:rgba(0,0,0,.2);color:#fff}.btn-vimeo.active,.btn-vimeo.focus,.btn-vimeo:active,.btn-vimeo:focus,.btn-vimeo:hover,.open>.dropdown-toggle.btn-vimeo{background-color:#1295bf;border-color:rgba(0,0,0,.2);color:#fff}.btn-vimeo.active.focus,.btn-vimeo.active:focus,.btn-vimeo.active:hover,.btn-vimeo:active.focus,.btn-vimeo:active:focus,.btn-vimeo:active:hover,.open>.dropdown-toggle.btn-vimeo.focus,.open>.dropdown-toggle.btn-vimeo:focus,.open>.dropdown-toggle.btn-vimeo:hover{background-color:#0f7b9f;border-color:rgba(0,0,0,.2);color:#fff}.btn-vimeo.active,.btn-vimeo:active,.open>.dropdown-toggle.btn-vimeo{background-image:none}.btn-vimeo.disabled.focus,.btn-vimeo.disabled:focus,.btn-vimeo.disabled:hover,.btn-vimeo[disabled].focus,.btn-vimeo[disabled]:focus,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo.focus,fieldset[disabled] .btn-vimeo:focus,fieldset[disabled] .btn-vimeo:hover{background-color:#1ab7ea;border-color:rgba(0,0,0,.2)}.btn-vimeo .badge{background-color:#fff;color:#1ab7ea}.btn-vk{background-color:#587ea3;border-color:rgba(0,0,0,.2);color:#fff}.btn-vk.active,.btn-vk.focus,.btn-vk:active,.btn-vk:focus,.btn-vk:hover,.open>.dropdown-toggle.btn-vk{background-color:#466482;border-color:rgba(0,0,0,.2);color:#fff}.btn-vk.active.focus,.btn-vk.active:focus,.btn-vk.active:hover,.btn-vk:active.focus,.btn-vk:active:focus,.btn-vk:active:hover,.open>.dropdown-toggle.btn-vk.focus,.open>.dropdown-toggle.btn-vk:focus,.open>.dropdown-toggle.btn-vk:hover{background-color:#3a526b;border-color:rgba(0,0,0,.2);color:#fff}.btn-vk.active,.btn-vk:active,.open>.dropdown-toggle.btn-vk{background-image:none}.btn-vk.disabled.focus,.btn-vk.disabled:focus,.btn-vk.disabled:hover,.btn-vk[disabled].focus,.btn-vk[disabled]:focus,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk.focus,fieldset[disabled] .btn-vk:focus,fieldset[disabled] .btn-vk:hover{background-color:#587ea3;border-color:rgba(0,0,0,.2)}.btn-vk .badge{background-color:#fff;color:#587ea3}.btn-yahoo{background-color:#720e9e;border-color:rgba(0,0,0,.2);color:#fff}.btn-yahoo.active,.btn-yahoo.focus,.btn-yahoo:active,.btn-yahoo:focus,.btn-yahoo:hover,.open>.dropdown-toggle.btn-yahoo{background-color:#500a6f;border-color:rgba(0,0,0,.2);color:#fff}.btn-yahoo.active.focus,.btn-yahoo.active:focus,.btn-yahoo.active:hover,.btn-yahoo:active.focus,.btn-yahoo:active:focus,.btn-yahoo:active:hover,.open>.dropdown-toggle.btn-yahoo.focus,.open>.dropdown-toggle.btn-yahoo:focus,.open>.dropdown-toggle.btn-yahoo:hover{background-color:#39074e;border-color:rgba(0,0,0,.2);color:#fff}.btn-yahoo.active,.btn-yahoo:active,.open>.dropdown-toggle.btn-yahoo{background-image:none}.btn-yahoo.disabled.focus,.btn-yahoo.disabled:focus,.btn-yahoo.disabled:hover,.btn-yahoo[disabled].focus,.btn-yahoo[disabled]:focus,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo.focus,fieldset[disabled] .btn-yahoo:focus,fieldset[disabled] .btn-yahoo:hover{background-color:#720e9e;border-color:rgba(0,0,0,.2)}.btn-yahoo .badge{background-color:#fff;color:#720e9e}.fc-button{background:#f4f4f4;background-image:none;border-color:#ddd;color:#444}.fc-button.hover,.fc-button:active,.fc-button:hover{background-color:#e9e9e9}.fc-header-title h2{color:#666;font-size:15px;line-height:1.6em;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{border:0;width:100%}.fc-widget-content:first-of-type,.fc-widget-header:first-of-type{border-left:0;border-right:0}.fc-widget-content:last-of-type,.fc-widget-header:last-of-type{border-right:0}.fc-toolbar{margin:0;padding:10px}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;line-height:30px;margin-right:5px}.fc-color-picker>li .fa{transition:transform .3s linear}.fc-color-picker>li .fa:hover{transform:rotate(30deg)}#add-new-event{transition:all .3s linear}.external-event{border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);cursor:move;font-weight:700;margin-bottom:4px;padding:5px 10px;text-shadow:0 1px 1px rgba(0,0,0,.1)}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,.2)}.select2-container--default.select2-container--focus,.select2-container--default:active,.select2-container--default:focus,.select2-selection.select2-container--focus,.select2-selection:active,.select2-selection:focus{outline:none}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;height:34px;padding:6px 12px}.select2-container--default.select2-container--open{border-color:#3c8dbc}.select2-dropdown{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3c8dbc;color:#fff}.select2-results__option{padding:6px 12px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{height:auto;margin-top:-4px;padding-left:0;padding-right:0}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-left:20px;padding-right:6px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none}.select2-container--default .select2-search--dropdown .select2-search__field,.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#3c8dbc!important}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;color:#fff;padding:1px 10px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:hsla(0,0%,100%,.7);margin-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.box .datepicker-inline,.box .datepicker-inline .datepicker-days,.box .datepicker-inline .datepicker-days>table,.box .datepicker-inline>table{width:100%}.box .datepicker-inline .datepicker-days td:hover,.box .datepicker-inline .datepicker-days>table td:hover,.box .datepicker-inline td:hover,.box .datepicker-inline>table td:hover{background-color:hsla(0,0%,100%,.3)}.box .datepicker-inline .datepicker-days td.day.new,.box .datepicker-inline .datepicker-days td.day.old,.box .datepicker-inline .datepicker-days>table td.day.new,.box .datepicker-inline .datepicker-days>table td.day.old,.box .datepicker-inline td.day.new,.box .datepicker-inline td.day.old,.box .datepicker-inline>table td.day.new,.box .datepicker-inline>table td.day.old{color:#777}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block>.description-header{font-size:16px;font-weight:600;margin:0;padding:0}.description-block>.description-text{text-transform:uppercase}.alert-danger,.alert-error,.alert-info,.alert-success,.alert-warning,.bg-aqua,.bg-aqua-active,.bg-black,.bg-black-active,.bg-blue,.bg-blue-active,.bg-fuchsia,.bg-fuchsia-active,.bg-green,.bg-green-active,.bg-light-blue,.bg-light-blue-active,.bg-lime,.bg-lime-active,.bg-maroon,.bg-maroon-active,.bg-navy,.bg-navy-active,.bg-olive,.bg-olive-active,.bg-orange,.bg-orange-active,.bg-purple,.bg-purple-active,.bg-red,.bg-red-active,.bg-teal,.bg-teal-active,.bg-yellow,.bg-yellow-active,.callout.callout-danger,.callout.callout-info,.callout.callout-success,.callout.callout-warning,.label-danger,.label-info,.label-primary,.label-success,.label-warning,.modal-danger .modal-body,.modal-danger .modal-footer,.modal-danger .modal-header,.modal-info .modal-body,.modal-info .modal-footer,.modal-info .modal-header,.modal-primary .modal-body,.modal-primary .modal-footer,.modal-primary .modal-header,.modal-success .modal-body,.modal-success .modal-footer,.modal-success .modal-header,.modal-warning .modal-body,.modal-warning .modal-footer,.modal-warning .modal-header{color:#fff!important}.bg-gray{background-color:#d2d6de!important;color:#000}.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#111!important}.alert-danger,.alert-error,.bg-red,.callout.callout-danger,.label-danger,.modal-danger .modal-body{background-color:#dd4b39!important}.alert-warning,.bg-yellow,.callout.callout-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12!important}.alert-info,.bg-aqua,.callout.callout-info,.label-info,.modal-info .modal-body{background-color:#00c0ef!important}.bg-blue{background-color:#0073b7!important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc!important}.alert-success,.bg-green,.callout.callout-success,.label-success,.modal-success .modal-body{background-color:#00a65a!important}.bg-navy{background-color:#001f3f!important}.bg-teal{background-color:#39cccc!important}.bg-olive{background-color:#3d9970!important}.bg-lime{background-color:#01ff70!important}.bg-orange{background-color:#ff851b!important}.bg-fuchsia{background-color:#f012be!important}.bg-purple{background-color:#605ca8!important}.bg-maroon{background-color:#d81b60!important}.bg-gray-active{background-color:#b5bbc8!important;color:#000}.bg-black-active{background-color:#000!important}.bg-red-active,.modal-danger .modal-footer,.modal-danger .modal-header{background-color:#d33724!important}.bg-yellow-active,.modal-warning .modal-footer,.modal-warning .modal-header{background-color:#db8b0b!important}.bg-aqua-active,.modal-info .modal-footer,.modal-info .modal-header{background-color:#00a7d0!important}.bg-blue-active{background-color:#005384!important}.bg-light-blue-active,.modal-primary .modal-footer,.modal-primary .modal-header{background-color:#357ca5!important}.bg-green-active,.modal-success .modal-footer,.modal-success .modal-header{background-color:#008d4c!important}.bg-navy-active{background-color:#001a35!important}.bg-teal-active{background-color:#30bbbb!important}.bg-olive-active{background-color:#368763!important}.bg-lime-active{background-color:#00e765!important}.bg-orange-active{background-color:#ff7701!important}.bg-fuchsia-active{background-color:#db0ead!important}.bg-purple-active{background-color:#555299!important}.bg-maroon-active{background-color:#ca195a!important}[class^=bg-].disabled{filter:alpha(opacity=65);opacity:.65}.text-red{color:#dd4b39!important}.text-yellow{color:#f39c12!important}.text-aqua{color:#00c0ef!important}.text-blue{color:#0073b7!important}.text-black{color:#111!important}.text-light-blue{color:#3c8dbc!important}.text-green{color:#00a65a!important}.text-gray{color:#d2d6de!important}.text-navy{color:#001f3f!important}.text-teal{color:#39cccc!important}.text-olive{color:#3d9970!important}.text-lime{color:#01ff70!important}.text-orange{color:#ff851b!important}.text-fuchsia{color:#f012be!important}.text-purple{color:#605ca8!important}.text-maroon{color:#d81b60!important}.link-muted{color:#7a869d}.link-muted:focus,.link-muted:hover{color:#606c84}.link-black{color:#666}.link-black:focus,.link-black:hover{color:#999}.hide{display:none!important}.no-border{border:0!important}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-shadow{box-shadow:none!important}.chart-legend,.contacts-list,.list-unstyled,.mailbox-attachments,.users-list{list-style:none;margin:0;padding:0}.list-group-unbordered>.list-group-item{border-left:0;border-radius:0;border-right:0;padding-left:0;padding-right:0}.flat{border-radius:0!important}.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}.text-sm{font-size:12px}.jqstooltip{height:auto!important;padding:5px!important;width:auto!important}.bg-teal-gradient{background:#39cccc!important;background:-o-linear-gradient(#7adddd,#39cccc)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7adddd",endColorstr="#39CCCC",GradientType=0)!important}.bg-light-blue-gradient{background:#3c8dbc!important;background:-o-linear-gradient(#67a8ce,#3c8dbc)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#67a8ce",endColorstr="#3c8dbc",GradientType=0)!important}.bg-blue-gradient{background:#0073b7!important;background:-o-linear-gradient(#0089db,#0073b7)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089db",endColorstr="#0073b7",GradientType=0)!important}.bg-aqua-gradient{background:#00c0ef!important;background:-o-linear-gradient(#14d1ff,#00c0ef)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#14d1ff",endColorstr="#00c0ef",GradientType=0)!important}.bg-yellow-gradient{background:#f39c12!important;background:-o-linear-gradient(#f7bc60,#f39c12)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7bc60",endColorstr="#f39c12",GradientType=0)!important}.bg-purple-gradient{background:#605ca8!important;background:-o-linear-gradient(#9491c4,#605ca8)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9491c4",endColorstr="#605ca8",GradientType=0)!important}.bg-green-gradient{background:#00a65a!important;background:-o-linear-gradient(#00ca6d,#00a65a)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ca6d",endColorstr="#00a65a",GradientType=0)!important}.bg-red-gradient{background:#dd4b39!important;background:-o-linear-gradient(#e47365,#dd4b39)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e47365",endColorstr="#dd4b39",GradientType=0)!important}.bg-black-gradient{background:#111!important;background:-o-linear-gradient(#2b2b2b,#111)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#111",GradientType=0)!important}.bg-maroon-gradient{background:#d81b60!important;background:-o-linear-gradient(#e73f7c,#d81b60)!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e73f7c",endColorstr="#D81B60",GradientType=0)!important}.description-block .description-icon{font-size:16px}.no-pad-top{padding-top:0}.position-static{position:static!important}.list-header{color:#666;font-size:15px;font-weight:700;padding:10px 4px}.list-seperator{background:#f4f4f4;height:1px;margin:15px 0 9px}.list-link>a{color:#777;padding:4px}.list-link>a:hover{color:#222}.font-light{font-weight:300}.user-block:after,.user-block:before{content:" ";display:table}.user-block:after{clear:both}.user-block img{float:left;height:40px;width:40px}.user-block .comment,.user-block .description,.user-block .username{display:block;margin-left:50px}.user-block .username{font-size:16px;font-weight:600}.user-block .description{color:#999;font-size:13px}.user-block.user-block-sm .comment,.user-block.user-block-sm .description,.user-block.user-block-sm .username{margin-left:40px}.user-block.user-block-sm .username{font-size:14px}.box-comments .box-comment img,.img-lg,.img-md,.img-sm,.user-block.user-block-sm img{float:left}.box-comments .box-comment img,.img-sm,.user-block.user-block-sm img{height:30px!important;width:30px!important}.img-sm+.img-push{margin-left:40px}.img-md{height:60px;width:60px}.img-md+.img-push{margin-left:70px}.img-lg{height:100px;width:100px}.img-lg+.img-push{margin-left:110px}.img-bordered{border:3px solid #d2d6de;padding:3px}.img-bordered-sm{border:2px solid #d2d6de;padding:2px}.attachment-block{background:#f7f7f7;border:1px solid #f4f4f4;margin-bottom:10px;padding:5px}.attachment-block .attachment-img{float:left;height:auto;max-height:100px;max-width:100px}.attachment-block .attachment-pushed{margin-left:110px}.attachment-block .attachment-heading{margin:0}.attachment-block .attachment-text{color:#555}.connectedSortable{min-height:100px}.ui-helper-hidden-accessible{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px}.full-opacity-hover{filter:alpha(opacity=65);opacity:.65}.full-opacity-hover:hover{filter:alpha(opacity=100);opacity:1}.chart{overflow:hidden;position:relative;width:100%}.chart canvas,.chart svg{width:100%!important}hr{border-top:1px solid #555}#red .slider-selection{background:#f56954}#blue .slider-selection{background:#3c8dbc}#green .slider-selection{background:#00a65a}#yellow .slider-selection{background:#f39c12}#aqua .slider-selection{background:#00c0ef}#purple .slider-selection{background:#932ab6}@media print{.content-header,.left-side,.main-header,.main-sidebar,.no-print{display:none!important}.content-wrapper,.main-footer,.right-side{margin-left:0!important;min-height:0!important;transform:translate(0)!important}.fixed .content-wrapper,.fixed .right-side{padding-top:0!important}.invoice{border:0;margin:0;padding:0;width:100%}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr td,.table-responsive>.table tr th{white-space:normal!important}} /*! * Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker) @@ -21498,1151 +16063,7 @@ div.fixed-table-scroll-outer { } } -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} -@media (max-width: 400px) { - .navbar-left { - margin: 2px; - } - .nav::after { - clear: none; - } -} -.skin-blue .main-header .logo { - background-color: inherit !important; -} -.main-header .logo { - width: 100% !important; - white-space: nowrap; - text-align: left; - display: block; - clear: both; -} -.huge { - font-size: 40px; -} -.btn-file { - position: relative; - overflow: hidden; -} -.dropdown-menu > li > a { - color: #354044; -} -#sort tr.cansort { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 3px; - border-left: 2px solid #e6e7e8; - color: #444; - cursor: move; -} -.user-image-inline { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; -} -.input-group .input-group-addon { - background-color: #f4f4f4; -} -a.accordion-header { - color: #333; -} -.dynamic-form-row { - padding: 10px; - margin: 20px; -} -.handle { - padding-left: 10px; -} -.btn-file input[type="file"] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; -} -.main-footer { - font-size: 13px; -} -.main-header { - max-height: 150px; -} -.navbar-nav > .user-menu > .dropdown-menu { - width: inherit; -} -.main-header .logo { - padding: 0px 5px 0px 15px; -} -.sidebar-toggle { - margin-left: -48px; - z-index: 100; - background-color: inherit; -} -.sidebar-toggle-mobile { - z-index: 100; - width: 50px; - padding-top: 10px; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; -} -.direct-chat-contacts { - padding: 10px; - height: 150px; -} -.select2-container { - width: 100%; -} -.error input { - color: #a94442; - border: 2px solid #a94442 !important; -} -.error label, -.alert-msg { - color: #a94442; - display: block; -} -.input-group[class*="col-"] { - padding-right: 15px; - padding-left: 15px; -} -.control-label.multiline { - padding-top: 10px; -} -.btn-outline { - color: inherit; - background-color: transparent; - transition: all 0.5s; -} -.btn-primary.btn-outline { - color: #428bca; -} -.btn-success.btn-outline { - color: #5cb85c; -} -.btn-info.btn-outline { - color: #5bc0de; -} -.btn-warning.btn-outline { - color: #f0ad4e; -} -.btn-danger.btn-outline { - color: #d9534f; -} -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover { - color: #fff; -} -.slideout-menu { - position: fixed; - top: 0; - right: -250px; - width: 250px; - height: 100%; - background: #333; - z-index: 100; - margin-top: 100px; - color: white; - padding: 10px; -} -.slideout-menu h3 { - position: relative; - padding: 5px 5px; - color: #fff; - font-size: 1.2em; - font-weight: 400; - border-bottom: 4px solid #222; -} -.slideout-menu .slideout-menu-toggle { - position: absolute; - top: 12px; - right: 10px; - display: inline-block; - padding: 6px 9px 5px; - font-family: Arial, sans-serif; - font-weight: bold; - line-height: 1; - background: #222; - color: #999; - text-decoration: none; - vertical-align: top; -} -.slideout-menu .slideout-menu-toggle:hover { - color: #fff; -} -.slideout-menu ul { - list-style: none; - font-weight: 300; - border-top: 1px solid #151515; - border-bottom: 1px solid #454545; -} -.slideout-menu ul li { - border-top: 1px solid #454545; - border-bottom: 1px solid #151515; -} -.slideout-menu ul li a { - position: relative; - display: block; - padding: 10px; - color: #999; - text-decoration: none; -} -.slideout-menu ul li a:hover { - background: #000; - color: #fff; -} -.slideout-menu ul li a i { - position: absolute; - top: 15px; - right: 10px; - opacity: 0.5; -} -.btn-box-tool-lg { - font-size: 16px; - color: orange; -} -/*Form Wizard*/ -.bs-wizard { - margin-top: 20px; - border-bottom: solid 1px #e0e0e0; - padding: 0 0 10px 0; -} -.bs-wizard > .bs-wizard-step { - padding: 0; - position: relative; -} -.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { - color: #595959; - font-size: 16px; - margin-bottom: 5px; -} -.bs-wizard > .bs-wizard-step .bs-wizard-info { - color: #999; - font-size: 14px; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot { - position: absolute; - width: 30px; - height: 30px; - display: block; - background: #fbe8aa; - top: 45px; - left: 50%; - margin-top: -15px; - margin-left: -15px; - border-radius: 50%; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { - content: " "; - width: 14px; - height: 14px; - background: #fbbd19; - border-radius: 50px; - position: absolute; - top: 8px; - left: 8px; -} -.bs-wizard > .bs-wizard-step > .progress { - position: relative; - border-radius: 0px; - height: 8px; - box-shadow: none; - margin: 20px 0; -} -.bs-wizard > .bs-wizard-step > .progress > .progress-bar { - width: 0px; - box-shadow: none; - background: #fbe8aa; -} -.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { - width: 50%; -} -.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { - width: 0%; -} -.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { - background-color: #f5f5f5; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { - opacity: 0; -} -.bs-wizard > .bs-wizard-step:first-child > .progress { - left: 50%; - width: 50%; -} -.bs-wizard > .bs-wizard-step:last-child > .progress { - width: 50%; -} -.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { - pointer-events: none; -} -/*END Form Wizard*/ -.left-navblock { - display: inline-block; - text-align: left; - color: white; - padding: 0px; - /* adjust based on your layout */ -} -.skin-blue .main-header .navbar .dropdown-menu li a { - color: #333; -} -a.logo.no-hover a:hover { - background-color: transparent; -} -.required { - border-right: 6px solid orange; -} -.sidebar-menu { - font-size: 14px; - white-space: normal; -} -@media print { - a[href]:after { - content: none; - } - .tab-content > .tab-pane { - display: block !important; - opacity: 1 !important; - visibility: visible !important; - } -} -img.navbar-brand-img, -.navbar-brand > img { - float: left; - padding: 5px 5px 5px 0; - max-height: 50px; -} -.input-daterange { - border-radius: 0px; -} -.btn.bg-maroon, -.btn.bg-purple { - min-width: 90px; -} -[hidden] { - display: none !important; -} -#toolbar { - margin-top: 10px; -} -#uploadPreview { - border-color: grey; - border-width: 1px; - border-style: solid; -} -.icon-med { - font-size: 20px; - color: #889195; -} -#login-logo { - padding-top: 20px; - padding-bottom: 10px; - max-width: 200px; -} -.left-navblock { - max-width: 500px; -} -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo { - background-color: inherit; -} -.main-header .logo { - width: 100% !important; - white-space: nowrap; - text-align: left; - display: block; - clear: both; -} -.main-header .logoa:link, -.main-header .logo a:hover, -.main-header .logo a:visited { - color: #fff; -} -.huge { - font-size: 40px; -} -.btn-file { - position: relative; - overflow: hidden; -} -.dropdown-menu > li > a { - color: #354044; -} -#sort tr.cansort { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 3px; - border-left: 2px solid #e6e7e8; - color: #444; - cursor: move; -} -.user-image-inline { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; -} -.input-group .input-group-addon { - background-color: #f4f4f4; -} -a.accordion-header { - color: #333; -} -.dynamic-form-row { - padding: 10px; - margin: 20px; -} -.handle { - padding-left: 10px; -} -.btn-file input[type=file] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; -} -.main-footer { - font-size: 13px; -} -.main-header { - max-height: 150px; -} -.navbar-nav > .user-menu > .dropdown-menu { - width: inherit; -} -.main-header .logo { - padding: 0px 5px 0px 15px; -} -.sidebar-toggle { - margin-left: -48px; - z-index: 100; - background-color: inherit; -} -.sidebar-toggle-mobile { - z-index: 100; - width: 50px; - padding-top: 10px; -} -.pull-text-right { - text-align: right !important; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; - font-weight: 900; - font-family: 'Font Awesome\ 5 Free'; -} -.direct-chat-contacts { - padding: 10px; - height: 150px; -} -.select2-container { - width: 100%; -} -.error input { - color: #a94442; - border: 2px solid #a94442 !important; -} -.error label, -.alert-msg { - color: #a94442; - display: block; -} -.input-group[class*="col-"] { - padding-right: 15px; - padding-left: 15px; -} -.control-label.multiline { - padding-top: 10px; -} -.btn-outline { - color: inherit; - background-color: transparent; - transition: all 0.5s; -} -.btn-primary.btn-outline { - color: #428bca; -} -.btn-success.btn-outline { - color: #5cb85c; -} -.btn-info.btn-outline { - color: #5bc0de; -} -.btn-warning { - background-color: #f39c12 !important; -} -.btn-warning.btn-outline { - color: #f0ad4e; -} -.btn-danger.btn-outline, -a.link-danger:link, -a.link-danger:visited, -a.link-danger:hover { - color: #dd4b39; -} -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover { - color: #fff; -} -.slideout-menu { - position: fixed; - top: 0; - right: -250px; - width: 250px; - height: 100%; - background: #333; - z-index: 100; - margin-top: 100px; - color: white; - padding: 10px; -} -.slideout-menu h3 { - position: relative; - padding: 5px 5px; - color: #fff; - font-size: 1.2em; - font-weight: 400; - border-bottom: 4px solid #222; -} -.slideout-menu .slideout-menu-toggle { - position: absolute; - top: 12px; - right: 10px; - display: inline-block; - padding: 6px 9px 5px; - font-family: Arial, sans-serif; - font-weight: bold; - line-height: 1; - background: #222; - color: #999; - text-decoration: none; - vertical-align: top; -} -.slideout-menu .slideout-menu-toggle:hover { - color: #fff; -} -.slideout-menu ul { - list-style: none; - font-weight: 300; - border-top: 1px solid #151515; - border-bottom: 1px solid #454545; -} -.slideout-menu ul li { - border-top: 1px solid #454545; - border-bottom: 1px solid #151515; -} -.slideout-menu ul li a { - position: relative; - display: block; - padding: 10px; - color: #999; - text-decoration: none; -} -.slideout-menu ul li a:hover { - background: #000; - color: #fff; -} -.slideout-menu ul li a i { - position: absolute; - top: 15px; - right: 10px; - opacity: 0.5; -} -.btn-box-tool-lg { - font-size: 16px; - color: orange; -} -.bs-wizard { - margin-top: 20px; -} -/*Form Wizard*/ -.bs-wizard { - border-bottom: solid 1px #e0e0e0; - padding: 0 0 10px 0; -} -.bs-wizard > .bs-wizard-step { - padding: 0; - position: relative; -} -.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { - color: #595959; - font-size: 16px; - margin-bottom: 5px; -} -.bs-wizard > .bs-wizard-step .bs-wizard-info { - color: #999; - font-size: 14px; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot { - position: absolute; - width: 30px; - height: 30px; - display: block; - background: #fbe8aa; - top: 45px; - left: 50%; - margin-top: -15px; - margin-left: -15px; - border-radius: 50%; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { - content: ' '; - width: 14px; - height: 14px; - background: #fbbd19; - border-radius: 50px; - position: absolute; - top: 8px; - left: 8px; -} -.bs-wizard > .bs-wizard-step > .progress { - position: relative; - border-radius: 0px; - height: 8px; - box-shadow: none; - margin: 20px 0; -} -.bs-wizard > .bs-wizard-step > .progress > .progress-bar { - width: 0px; - box-shadow: none; - background: #fbe8aa; -} -.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { - width: 50%; -} -.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { - width: 0%; -} -.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { - background-color: #f5f5f5; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { - opacity: 0; -} -.bs-wizard > .bs-wizard-step:first-child > .progress { - left: 50%; - width: 50%; -} -.bs-wizard > .bs-wizard-step:last-child > .progress { - width: 50%; -} -.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { - pointer-events: none; -} -/*END Form Wizard*/ -.left-navblock { - display: inline-block; - float: left; - text-align: left; - color: white; - padding: 0px; - /* adjust based on your layout */ -} -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a { - color: #333; -} -a.logo.no-hover a:hover { - background-color: transparent; -} -.required { - border-right: 6px solid orange; -} -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} -.sidebar-menu { - font-size: 14px; - white-space: normal; -} -@media print { - a[href]:after { - content: none; - } - .tab-content > .tab-pane { - display: block !important; - opacity: 1 !important; - visibility: visible !important; - } -} -img.navbar-brand-img, -.navbar-brand > img { - float: left; - padding: 5px 5px 5px 0; - max-height: 50px; -} -.input-daterange { - border-radius: 0px; -} -.btn.bg-maroon, -.btn.bg-purple { - min-width: 90px; -} -[hidden] { - display: none !important; -} -#toolbar { - margin-top: 10px; -} -#uploadPreview { - border-color: grey; - border-width: 1px; - border-style: solid; -} -.icon-med { - font-size: 14px; - color: #889195; -} -#login-logo { - padding-top: 20px; - padding-bottom: 10px; - max-width: 200px; -} -a.skip-main { - left: -999px; - position: absolute; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - z-index: -999; -} -a.skip-main:focus, -a.skip-main:active { - color: #fff; - background-color: #000; - left: auto; - top: auto; - width: 30%; - height: auto; - overflow: auto; - margin: 10px 35%; - padding: 5px; - border-radius: 15px; - border: 4px solid yellow; - text-align: center; - font-size: 1.2em; - z-index: 999; -} -h2 { - font-size: 22px; -} -h2.task_menu { - font-size: 14px; -} -h2 small { - font-size: 85%; -} -h3 { - font-size: 20px; -} -h4 { - font-size: 16px; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: #f9f9f9; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - display: table; - width: 100%; - padding-right: 20px; -} -/** -* NEW STRIPING -* This section is for the new row striping for nicer -* display for non-table data as of v6 -**/ -.row-new-striped > .row:nth-of-type(even) { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: #F8F8F8; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div[class^="col"]:first-child { - font-weight: bold; -} -/** -* This just adds a little extra padding on mobile -**/ -@media only screen and (max-width: 520px) { - h1.pagetitle { - padding-top: 15px; - padding-bottom: 15px; - } - .firstnav { - padding-top: 120px !important; - } - .product { - width: 400px; - } - .product img { - min-width: 400px; - } -} -.card-view-title { - min-width: 40% !important; - line-height: 3 !important; - padding-right: 20px; -} -.card-view { - display: table-row; - flex-direction: column; -} -/** - - COLUMN SELECTOR ICONS - ----------------------------- - This is kind of weird, but it is necessary to prevent the column-selector code from barfing, since - any HTML used in the UserPresenter "title" attribute breaks the column selector HTML. - - Instead, we use CSS to add the icon into the table header, which leaves the column selector - "title" text as-is. - - See https://github.com/snipe/snipe-it/issues/7989 - - */ -th.css-barcode > .th-inner, -th.css-license > .th-inner, -th.css-consumable > .th-inner, -th.css-envelope > .th-inner, -th.css-accessory > .th-inner { - font-size: 0px; - line-height: 0.75 !important; - text-align: left; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -th.css-padlock > .th-inner::before, -th.css-barcode > .th-inner::before, -th.css-license > .th-inner::before, -th.css-consumable > .th-inner::before, -th.css-envelope > .th-inner::before, -th.css-accessory > .th-inner::before { - display: inline-block; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-padlock > .th-inner::before { - content: "\f023"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - padding-right: 4px; - font-size: 12px; -} -/** -Set the font-weight css property as 900 (For Solid), 400 (Regular or Brands), 300 (Light for pro icons). -**/ -th.css-barcode > .th-inner::before { - content: "\f02a"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-license > .th-inner::before { - content: "\f0c7"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-consumable > .th-inner::before { - content: "\f043"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-envelope > .th-inner::before { - content: "\f0e0"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-accessory > .th-inner::before { - content: "\f11c"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -.small-box .inner { - padding-left: 15px; - padding-right: 15px; - padding-top: 15px; - color: #fff; -} -.small-box > a:link, -.small-box > a:visited, -.small-box > a:hover { - color: #fff; -} -.select2-container--default .select2-selection--single, -.select2-selection .select2-selection--single { - border: 1px solid #d2d6de; - border-radius: 0; - padding: 6px 12px; - height: 34px; -} -.form-group.has-error label { - color: #a94442; -} -.select2-container--default .select2-selection--multiple { - border-radius: 0px; -} -@media screen and (max-width: 511px) { - .tab-content .tab-pane .alert-block { - margin-top: 120px; - } - .sidebar-menu { - margin-top: 160px; - } -} -@media screen and (max-width: 912px) and (min-width: 512px) { - .sidebar-menu { - margin-top: 100px; - } -} -@media screen and (max-width: 1268px) and (min-width: 912px) { - .sidebar-menu { - margin-top: 50px; - } -} -.ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -/** Form-stuff overrides for checkboxes and stuff **/ -label.form-control { - display: grid; - grid-template-columns: 1.8em auto; - gap: 0.5em; - border: 0px; - padding-left: 0px; - background-color: inherit; - color: inherit; - font-size: inherit; - font-weight: inherit; -} -label.form-control--disabled { - color: #959495; - pointer-events: none; - cursor: not-allowed; -} -/** --------------------------------------- **/ -/** Start checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -input[type="checkbox"] { - /* Add if not using autoprefixer */ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - /* For iOS < 15 to remove gradient background */ - background-color: #fff; - /* Not removed via appearance */ - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 0em; - transform: translateY(-0.075em); - display: grid; - place-content: center; - /*Windows High Contrast Mode*/ -} -/** This sets the display of a checkbox, and what the "fill" checkmark should look like */ -input[type="checkbox"]::before { - /** If you want to use the non-checkbox, filled square, use this instead **/ - box-shadow: inset 1em 1em #d3d3d3; - content: ""; - width: 1em; - height: 1em; - -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - transform: scale(0); - transform-origin: bottom left; - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; - /* Windows High Contrast Mode */ - background-color: CanvasText; -} -/** This sets the size of the scale up for the shape we defined above **/ -input[type="checkbox"]:checked::before { - transform: scale(1); -} -/** This sets the scale and color of the DISABLED but CHECKED checkbox */ -input[type=checkbox]:disabled::before, -input[type=radio]:disabled::before { - content: ""; - width: 1em; - height: 1em; - transform: scale(1); - box-shadow: inset 1em 1em #d3d3d3; -} -/* This sets the scale and style of a DISABLED checkbox that is NOT checked */ -input[type=checkbox]:disabled:not(:checked)::before, -input[type=radio]:disabled:not(:checked)::before { - content: ""; - transform: scale(0); - cursor: not-allowed; - pointer-events: none; -} -/** this is the color of the checkbox and content on a disabled, checked box **/ -input[type=checkbox]:disabled, -input[type=radio]:disabled { - --form-control-color: #d3d3d3; - color: #959495; - cursor: not-allowed; - pointer-events: none; -} -/** Radio styles to replace iCheck **/ -input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 50%; - transform: translateY(-0.075em); - display: grid; - place-content: center; -} -input[type="radio"]::before { - content: ""; - width: 1em; - height: 1em; - border-radius: 50%; - transform: scale(0); - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; -} -input[type="radio"]:checked::before { - transform: scale(1); -} -/** -* This addresses the column selector in bootstrap-table. Without these two lines, the -* checkbox and the with the label text that BS tables generates will -* end up on two different lines and it looks assy. - */ -.dropdown-item-marker input[type=checkbox] { - font-size: 10px; -} -.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label { - font-weight: normal; - display: grid; - grid-template-columns: 0.1em auto; - gap: 1.5em; -} -.container.row-striped .col-md-6 { - overflow-wrap: anywhere; -} -.nav-tabs-custom > .nav-tabs > li { - z-index: 1; -} -.select2-container .select2-search--inline .select2-search__field { - padding-left: 15px; -} -/** --------------------------------------- **/ -/** End checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -/** -/** Separator styles with text in the middle. Currently only used by the login page but -/** could be used elsewhere. - */ -.separator { - display: flex; - align-items: center; - text-align: center; - padding-top: 20px; - color: #959495; -} -.separator::before, -.separator::after { - content: ''; - flex: 1; - border-bottom: 1px solid #959495; -} -.separator:not(:empty)::before { - margin-right: 0.25em; -} -.separator:not(:empty)::after { - margin-left: 0.25em; -} - +@media (max-width:400px){.navbar-left{margin:2px}.nav:after{clear:none}}.skin-blue .main-header .logo{background-color:inherit!important}.btn-danger.btn-outline{color:#d9534f}.skin-blue .main-header .navbar .dropdown-menu li a{color:#333}.icon-med{font-size:20px}.left-navblock{max-width:500px}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{clear:both;display:block;text-align:left;white-space:nowrap;width:100%!important}.main-header .logo a:hover,.main-header .logo a:visited,.main-header .logoa:link{color:#fff}.huge{font-size:40px}.btn-file{overflow:hidden;position:relative}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{background:#f4f4f4;border-left:2px solid #e6e7e8;border-radius:2px;color:#444;cursor:move;margin-bottom:3px;padding:10px}.user-image-inline{border-radius:50%;float:left;height:25px;margin-right:10px;width:25px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{margin:20px;padding:10px}.handle{padding-left:10px}.btn-file input[type=file]{background:#fff;cursor:inherit;display:block;filter:alpha(opacity=0);font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:none;position:absolute;right:0;text-align:right;top:0}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{background-color:inherit;margin-left:-48px;z-index:100}.sidebar-toggle-mobile{padding-top:10px;width:50px;z-index:100}.pull-text-right{text-align:right!important}.main-header .sidebar-toggle:before{content:"\f0c9";font-family:"Font Awesome\ 5 Free";font-weight:900}.direct-chat-contacts{height:150px;padding:10px}.select2-container{width:100%}.error input{border:2px solid #a94442!important;color:#a94442}.alert-msg,.error label{color:#a94442;display:block}.input-group[class*=col-]{padding-left:15px;padding-right:15px}.control-label.multiline{padding-top:10px}.btn-outline{background-color:transparent;color:inherit;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning{background-color:#f39c12!important}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline,a.link-danger:hover,a.link-danger:link,a.link-danger:visited{color:#dd4b39}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{background:#333;color:#fff;height:100%;margin-top:100px;padding:10px;position:fixed;right:-250px;top:0;width:250px;z-index:100}.slideout-menu h3{border-bottom:4px solid #222;color:#fff;font-size:1.2em;font-weight:400;padding:5px;position:relative}.slideout-menu .slideout-menu-toggle{background:#222;color:#999;display:inline-block;font-family:Arial,sans-serif;font-weight:700;line-height:1;padding:6px 9px 5px;position:absolute;right:10px;text-decoration:none;top:12px;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{border-bottom:1px solid #454545;border-top:1px solid #151515;font-weight:300;list-style:none}.slideout-menu ul li{border-bottom:1px solid #151515;border-top:1px solid #454545}.slideout-menu ul li a{color:#999;display:block;padding:10px;position:relative;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{opacity:.5;position:absolute;right:10px;top:15px}.btn-box-tool-lg{color:orange;font-size:16px}.bs-wizard{border-bottom:1px solid #e0e0e0;margin-top:20px;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{background:#fbe8aa;border-radius:50%;display:block;height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:45px;width:30px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{background:#fbbd19;border-radius:50px;content:" ";height:14px;left:8px;position:absolute;top:8px;width:14px}.bs-wizard>.bs-wizard-step>.progress{border-radius:0;box-shadow:none;height:8px;margin:20px 0;position:relative}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{background:#fbe8aa;box-shadow:none;width:0}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{color:#fff;display:inline-block;float:left;padding:0;text-align:left}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;max-height:50px;padding:5px 5px 5px 0}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{color:#889195;font-size:14px}#login-logo{max-width:200px;padding-bottom:10px;padding-top:20px}a.skip-main{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px;z-index:-999}a.skip-main:active,a.skip-main:focus{background-color:#000;border:4px solid #ff0;border-radius:15px;color:#fff;font-size:1.2em;height:auto;left:auto;margin:10px 35%;overflow:auto;padding:5px;text-align:center;top:auto;width:30%;z-index:999}h2{font-size:22px}h2.task_menu{font-size:14px}h2 small{font-size:85%}h3{font-size:20px}h4{font-size:16px}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(odd) div{background-color:#f9f9f9;border-top:1px solid #ddd;display:table-cell}.row-striped .row:nth-of-type(2n) div{background:#fff;border-top:1px solid #ddd;display:table-cell}.row-new-striped{display:table;line-height:2.6;margin-left:20px;padding:0 20px 0 0;vertical-align:top;width:100%}.row-new-striped>.row:nth-of-type(2n){background:#fff;border-top:1px solid #ddd;display:table-row}.row-new-striped>.row:nth-of-type(odd){background-color:#f8f8f8;border-top:1px solid #ddd;display:table-row}.row-new-striped div{border-top:1px solid #ddd;display:table-cell}.row-new-striped div[class^=col]:first-child{font-weight:700}@media only screen and (max-width:520px){h1.pagetitle{padding-bottom:15px;padding-top:15px}.firstnav{padding-top:120px!important}.product{width:400px}.product img{min-width:400px}}.card-view-title{line-height:3!important;min-width:40%!important;padding-right:20px}.card-view{display:table-row;flex-direction:column}th.css-accessory>.th-inner,th.css-barcode>.th-inner,th.css-consumable>.th-inner,th.css-envelope>.th-inner,th.css-license>.th-inner{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0;line-height:.75!important;text-align:left}th.css-accessory>.th-inner:before,th.css-barcode>.th-inner:before,th.css-consumable>.th-inner:before,th.css-envelope>.th-inner:before,th.css-license>.th-inner:before,th.css-padlock>.th-inner:before{display:inline-block;font-family:Font Awesome\ 5 Free;font-size:20px;font-weight:900}th.css-padlock>.th-inner:before{content:"\f023";font-family:Font Awesome\ 5 Free;font-size:12px;font-weight:900;padding-right:4px}th.css-barcode>.th-inner:before{content:"\f02a";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-license>.th-inner:before{content:"\f0c7";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-consumable>.th-inner:before{content:"\f043";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-envelope>.th-inner:before{content:"\f0e0";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-accessory>.th-inner:before{content:"\f11c";font-family:Font Awesome\ 5 Free;font-weight:400}.small-box .inner{color:#fff;padding-left:15px;padding-right:15px;padding-top:15px}.small-box>a:hover,.small-box>a:link,.small-box>a:visited{color:#fff}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;height:34px;padding:6px 12px}.form-group.has-error label{color:#a94442}.select2-container--default .select2-selection--multiple{border-radius:0}@media screen and (max-width:511px){.tab-content .tab-pane .alert-block{margin-top:120px}.sidebar-menu{margin-top:160px}}@media screen and (max-width:912px) and (min-width:512px){.sidebar-menu{margin-top:100px}}@media screen and (max-width:1268px) and (min-width:912px){.sidebar-menu{margin-top:50px}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label.form-control{background-color:inherit;border:0;color:inherit;display:grid;font-size:inherit;font-weight:inherit;gap:.5em;grid-template-columns:1.8em auto;padding-left:0}label.form-control--disabled{color:#959495;cursor:not-allowed;pointer-events:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:0;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=checkbox]:before{background-color:CanvasText;box-shadow:inset 1em 1em #d3d3d3;box-shadow:inset 1em 1em #428bca;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:1em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:1em}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled:before,input[type=radio]:disabled:before{box-shadow:inset 1em 1em #d3d3d3;content:"";height:1em;transform:scale(1);width:1em}input[type=checkbox]:disabled:not(:checked):before,input[type=radio]:disabled:not(:checked):before{content:"";cursor:not-allowed;pointer-events:none;transform:scale(0)}input[type=checkbox]:disabled,input[type=radio]:disabled{--form-control-color:#d3d3d3;color:#959495;cursor:not-allowed;pointer-events:none}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:50%;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #428bca;content:"";height:1em;transform:scale(0);transition:transform .12s ease-in-out;width:1em}input[type=radio]:checked:before{transform:scale(1)}.dropdown-item-marker input[type=checkbox]{font-size:10px}.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label{display:grid;font-weight:400;gap:1.5em;grid-template-columns:.1em auto}.container.row-striped .col-md-6{overflow-wrap:anywhere}.nav-tabs-custom>.nav-tabs>li{z-index:1}.select2-container .select2-search--inline .select2-search__field{padding-left:15px}.separator{align-items:center;color:#959495;display:flex;padding-top:20px;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #959495;content:"";flex:1}.separator:not(:empty):before{margin-right:.25em}.separator:not(:empty):after{margin-left:.25em} .select2-container { box-sizing: border-box; @@ -23126,781 +16547,4 @@ input[type="radio"]:checked::before { .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo { - background-color: inherit; -} -.main-header .logo { - width: 100% !important; - white-space: nowrap; - text-align: left; - display: block; - clear: both; -} -.main-header .logoa:link, -.main-header .logo a:hover, -.main-header .logo a:visited { - color: #fff; -} -.huge { - font-size: 40px; -} -.btn-file { - position: relative; - overflow: hidden; -} -.dropdown-menu > li > a { - color: #354044; -} -#sort tr.cansort { - border-radius: 2px; - padding: 10px; - background: #f4f4f4; - margin-bottom: 3px; - border-left: 2px solid #e6e7e8; - color: #444; - cursor: move; -} -.user-image-inline { - float: left; - width: 25px; - height: 25px; - border-radius: 50%; - margin-right: 10px; -} -.input-group .input-group-addon { - background-color: #f4f4f4; -} -a.accordion-header { - color: #333; -} -.dynamic-form-row { - padding: 10px; - margin: 20px; -} -.handle { - padding-left: 10px; -} -.btn-file input[type=file] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; -} -.main-footer { - font-size: 13px; -} -.main-header { - max-height: 150px; -} -.navbar-nav > .user-menu > .dropdown-menu { - width: inherit; -} -.main-header .logo { - padding: 0px 5px 0px 15px; -} -.sidebar-toggle { - margin-left: -48px; - z-index: 100; - background-color: inherit; -} -.sidebar-toggle-mobile { - z-index: 100; - width: 50px; - padding-top: 10px; -} -.pull-text-right { - text-align: right !important; -} -.main-header .sidebar-toggle:before { - content: "\f0c9"; - font-weight: 900; - font-family: 'Font Awesome\ 5 Free'; -} -.direct-chat-contacts { - padding: 10px; - height: 150px; -} -.select2-container { - width: 100%; -} -.error input { - color: #a94442; - border: 2px solid #a94442 !important; -} -.error label, -.alert-msg { - color: #a94442; - display: block; -} -.input-group[class*="col-"] { - padding-right: 15px; - padding-left: 15px; -} -.control-label.multiline { - padding-top: 10px; -} -.btn-outline { - color: inherit; - background-color: transparent; - transition: all 0.5s; -} -.btn-primary.btn-outline { - color: #428bca; -} -.btn-success.btn-outline { - color: #5cb85c; -} -.btn-info.btn-outline { - color: #5bc0de; -} -.btn-warning { - background-color: #f39c12 !important; -} -.btn-warning.btn-outline { - color: #f0ad4e; -} -.btn-danger.btn-outline, -a.link-danger:link, -a.link-danger:visited, -a.link-danger:hover { - color: #dd4b39; -} -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover { - color: #fff; -} -.slideout-menu { - position: fixed; - top: 0; - right: -250px; - width: 250px; - height: 100%; - background: #333; - z-index: 100; - margin-top: 100px; - color: white; - padding: 10px; -} -.slideout-menu h3 { - position: relative; - padding: 5px 5px; - color: #fff; - font-size: 1.2em; - font-weight: 400; - border-bottom: 4px solid #222; -} -.slideout-menu .slideout-menu-toggle { - position: absolute; - top: 12px; - right: 10px; - display: inline-block; - padding: 6px 9px 5px; - font-family: Arial, sans-serif; - font-weight: bold; - line-height: 1; - background: #222; - color: #999; - text-decoration: none; - vertical-align: top; -} -.slideout-menu .slideout-menu-toggle:hover { - color: #fff; -} -.slideout-menu ul { - list-style: none; - font-weight: 300; - border-top: 1px solid #151515; - border-bottom: 1px solid #454545; -} -.slideout-menu ul li { - border-top: 1px solid #454545; - border-bottom: 1px solid #151515; -} -.slideout-menu ul li a { - position: relative; - display: block; - padding: 10px; - color: #999; - text-decoration: none; -} -.slideout-menu ul li a:hover { - background: #000; - color: #fff; -} -.slideout-menu ul li a i { - position: absolute; - top: 15px; - right: 10px; - opacity: 0.5; -} -.btn-box-tool-lg { - font-size: 16px; - color: orange; -} -.bs-wizard { - margin-top: 20px; -} -/*Form Wizard*/ -.bs-wizard { - border-bottom: solid 1px #e0e0e0; - padding: 0 0 10px 0; -} -.bs-wizard > .bs-wizard-step { - padding: 0; - position: relative; -} -.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { - color: #595959; - font-size: 16px; - margin-bottom: 5px; -} -.bs-wizard > .bs-wizard-step .bs-wizard-info { - color: #999; - font-size: 14px; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot { - position: absolute; - width: 30px; - height: 30px; - display: block; - background: #fbe8aa; - top: 45px; - left: 50%; - margin-top: -15px; - margin-left: -15px; - border-radius: 50%; -} -.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { - content: ' '; - width: 14px; - height: 14px; - background: #fbbd19; - border-radius: 50px; - position: absolute; - top: 8px; - left: 8px; -} -.bs-wizard > .bs-wizard-step > .progress { - position: relative; - border-radius: 0px; - height: 8px; - box-shadow: none; - margin: 20px 0; -} -.bs-wizard > .bs-wizard-step > .progress > .progress-bar { - width: 0px; - box-shadow: none; - background: #fbe8aa; -} -.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { - width: 50%; -} -.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { - width: 0%; -} -.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { - width: 100%; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { - background-color: #f5f5f5; -} -.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { - opacity: 0; -} -.bs-wizard > .bs-wizard-step:first-child > .progress { - left: 50%; - width: 50%; -} -.bs-wizard > .bs-wizard-step:last-child > .progress { - width: 50%; -} -.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { - pointer-events: none; -} -/*END Form Wizard*/ -.left-navblock { - display: inline-block; - float: left; - text-align: left; - color: white; - padding: 0px; - /* adjust based on your layout */ -} -.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a { - color: #333; -} -a.logo.no-hover a:hover { - background-color: transparent; -} -.required { - border-right: 6px solid orange; -} -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} -.sidebar-menu { - font-size: 14px; - white-space: normal; -} -@media print { - a[href]:after { - content: none; - } - .tab-content > .tab-pane { - display: block !important; - opacity: 1 !important; - visibility: visible !important; - } -} -img.navbar-brand-img, -.navbar-brand > img { - float: left; - padding: 5px 5px 5px 0; - max-height: 50px; -} -.input-daterange { - border-radius: 0px; -} -.btn.bg-maroon, -.btn.bg-purple { - min-width: 90px; -} -[hidden] { - display: none !important; -} -#toolbar { - margin-top: 10px; -} -#uploadPreview { - border-color: grey; - border-width: 1px; - border-style: solid; -} -.icon-med { - font-size: 14px; - color: #889195; -} -#login-logo { - padding-top: 20px; - padding-bottom: 10px; - max-width: 200px; -} -a.skip-main { - left: -999px; - position: absolute; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - z-index: -999; -} -a.skip-main:focus, -a.skip-main:active { - color: #fff; - background-color: #000; - left: auto; - top: auto; - width: 30%; - height: auto; - overflow: auto; - margin: 10px 35%; - padding: 5px; - border-radius: 15px; - border: 4px solid yellow; - text-align: center; - font-size: 1.2em; - z-index: 999; -} -h2 { - font-size: 22px; -} -h2.task_menu { - font-size: 14px; -} -h2 small { - font-size: 85%; -} -h3 { - font-size: 20px; -} -h4 { - font-size: 16px; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: #f9f9f9; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - display: table; - width: 100%; - padding-right: 20px; -} -/** -* NEW STRIPING -* This section is for the new row striping for nicer -* display for non-table data as of v6 -**/ -.row-new-striped > .row:nth-of-type(even) { - background: #FFFFFF; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: #F8F8F8; - border-top: 1px solid #dddddd; - display: table-row; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div { - display: table-cell; - border-top: 1px solid #dddddd; -} -.row-new-striped div[class^="col"]:first-child { - font-weight: bold; -} -/** -* This just adds a little extra padding on mobile -**/ -@media only screen and (max-width: 520px) { - h1.pagetitle { - padding-top: 15px; - padding-bottom: 15px; - } - .firstnav { - padding-top: 120px !important; - } - .product { - width: 400px; - } - .product img { - min-width: 400px; - } -} -.card-view-title { - min-width: 40% !important; - line-height: 3 !important; - padding-right: 20px; -} -.card-view { - display: table-row; - flex-direction: column; -} -/** - - COLUMN SELECTOR ICONS - ----------------------------- - This is kind of weird, but it is necessary to prevent the column-selector code from barfing, since - any HTML used in the UserPresenter "title" attribute breaks the column selector HTML. - - Instead, we use CSS to add the icon into the table header, which leaves the column selector - "title" text as-is. - - See https://github.com/snipe/snipe-it/issues/7989 - - */ -th.css-barcode > .th-inner, -th.css-license > .th-inner, -th.css-consumable > .th-inner, -th.css-envelope > .th-inner, -th.css-accessory > .th-inner { - font-size: 0px; - line-height: 0.75 !important; - text-align: left; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -th.css-padlock > .th-inner::before, -th.css-barcode > .th-inner::before, -th.css-license > .th-inner::before, -th.css-consumable > .th-inner::before, -th.css-envelope > .th-inner::before, -th.css-accessory > .th-inner::before { - display: inline-block; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-padlock > .th-inner::before { - content: "\f023"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - padding-right: 4px; - font-size: 12px; -} -/** -Set the font-weight css property as 900 (For Solid), 400 (Regular or Brands), 300 (Light for pro icons). -**/ -th.css-barcode > .th-inner::before { - content: "\f02a"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-license > .th-inner::before { - content: "\f0c7"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-consumable > .th-inner::before { - content: "\f043"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; -} -th.css-envelope > .th-inner::before { - content: "\f0e0"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -th.css-accessory > .th-inner::before { - content: "\f11c"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; -} -.small-box .inner { - padding-left: 15px; - padding-right: 15px; - padding-top: 15px; - color: #fff; -} -.small-box > a:link, -.small-box > a:visited, -.small-box > a:hover { - color: #fff; -} -.select2-container--default .select2-selection--single, -.select2-selection .select2-selection--single { - border: 1px solid #d2d6de; - border-radius: 0; - padding: 6px 12px; - height: 34px; -} -.form-group.has-error label { - color: #a94442; -} -.select2-container--default .select2-selection--multiple { - border-radius: 0px; -} -@media screen and (max-width: 511px) { - .tab-content .tab-pane .alert-block { - margin-top: 120px; - } - .sidebar-menu { - margin-top: 160px; - } -} -@media screen and (max-width: 912px) and (min-width: 512px) { - .sidebar-menu { - margin-top: 100px; - } -} -@media screen and (max-width: 1268px) and (min-width: 912px) { - .sidebar-menu { - margin-top: 50px; - } -} -.ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -/** Form-stuff overrides for checkboxes and stuff **/ -label.form-control { - display: grid; - grid-template-columns: 1.8em auto; - gap: 0.5em; - border: 0px; - padding-left: 0px; - background-color: inherit; - color: inherit; - font-size: inherit; - font-weight: inherit; -} -label.form-control--disabled { - color: #959495; - pointer-events: none; - cursor: not-allowed; -} -/** --------------------------------------- **/ -/** Start checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -input[type="checkbox"] { - /* Add if not using autoprefixer */ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - /* For iOS < 15 to remove gradient background */ - background-color: #fff; - /* Not removed via appearance */ - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 0em; - transform: translateY(-0.075em); - display: grid; - place-content: center; - /*Windows High Contrast Mode*/ -} -/** This sets the display of a checkbox, and what the "fill" checkmark should look like */ -input[type="checkbox"]::before { - /** If you want to use the non-checkbox, filled square, use this instead **/ - box-shadow: inset 1em 1em #d3d3d3; - content: ""; - width: 1em; - height: 1em; - -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); - transform: scale(0); - transform-origin: bottom left; - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; - /* Windows High Contrast Mode */ - background-color: CanvasText; -} -/** This sets the size of the scale up for the shape we defined above **/ -input[type="checkbox"]:checked::before { - transform: scale(1); -} -/** This sets the scale and color of the DISABLED but CHECKED checkbox */ -input[type=checkbox]:disabled::before, -input[type=radio]:disabled::before { - content: ""; - width: 1em; - height: 1em; - transform: scale(1); - box-shadow: inset 1em 1em #d3d3d3; -} -/* This sets the scale and style of a DISABLED checkbox that is NOT checked */ -input[type=checkbox]:disabled:not(:checked)::before, -input[type=radio]:disabled:not(:checked)::before { - content: ""; - transform: scale(0); - cursor: not-allowed; - pointer-events: none; -} -/** this is the color of the checkbox and content on a disabled, checked box **/ -input[type=checkbox]:disabled, -input[type=radio]:disabled { - --form-control-color: #d3d3d3; - color: #959495; - cursor: not-allowed; - pointer-events: none; -} -/** Radio styles to replace iCheck **/ -input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - margin: 0; - font: inherit; - color: #959495; - width: 1.8em; - height: 1.8em; - border: 0.05em solid; - border-radius: 50%; - transform: translateY(-0.075em); - display: grid; - place-content: center; -} -input[type="radio"]::before { - content: ""; - width: 1em; - height: 1em; - border-radius: 50%; - transform: scale(0); - transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em #428bca; -} -input[type="radio"]:checked::before { - transform: scale(1); -} -/** -* This addresses the column selector in bootstrap-table. Without these two lines, the -* checkbox and the with the label text that BS tables generates will -* end up on two different lines and it looks assy. - */ -.dropdown-item-marker input[type=checkbox] { - font-size: 10px; -} -.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label { - font-weight: normal; - display: grid; - grid-template-columns: 0.1em auto; - gap: 1.5em; -} -.container.row-striped .col-md-6 { - overflow-wrap: anywhere; -} -.nav-tabs-custom > .nav-tabs > li { - z-index: 1; -} -.select2-container .select2-search--inline .select2-search__field { - padding-left: 15px; -} -/** --------------------------------------- **/ -/** End checkbox styles to replace iCheck **/ -/** --------------------------------------- **/ -/** -/** Separator styles with text in the middle. Currently only used by the login page but -/** could be used elsewhere. - */ -.separator { - display: flex; - align-items: center; - text-align: center; - padding-top: 20px; - color: #959495; -} -.separator::before, -.separator::after { - content: ''; - flex: 1; - border-bottom: 1px solid #959495; -} -.separator:not(:empty)::before { - margin-right: 0.25em; -} -.separator:not(:empty)::after { - margin-left: 0.25em; -} - +.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{clear:both;display:block;text-align:left;white-space:nowrap;width:100%!important}.main-header .logo a:hover,.main-header .logo a:visited,.main-header .logoa:link{color:#fff}.huge{font-size:40px}.btn-file{overflow:hidden;position:relative}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{background:#f4f4f4;border-left:2px solid #e6e7e8;border-radius:2px;color:#444;cursor:move;margin-bottom:3px;padding:10px}.user-image-inline{border-radius:50%;float:left;height:25px;margin-right:10px;width:25px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{margin:20px;padding:10px}.handle{padding-left:10px}.btn-file input[type=file]{background:#fff;cursor:inherit;display:block;filter:alpha(opacity=0);font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:none;position:absolute;right:0;text-align:right;top:0}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{background-color:inherit;margin-left:-48px;z-index:100}.sidebar-toggle-mobile{padding-top:10px;width:50px;z-index:100}.pull-text-right{text-align:right!important}.main-header .sidebar-toggle:before{content:"\f0c9";font-family:"Font Awesome\ 5 Free";font-weight:900}.direct-chat-contacts{height:150px;padding:10px}.select2-container{width:100%}.error input{border:2px solid #a94442!important;color:#a94442}.alert-msg,.error label{color:#a94442;display:block}.input-group[class*=col-]{padding-left:15px;padding-right:15px}.control-label.multiline{padding-top:10px}.btn-outline{background-color:transparent;color:inherit;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning{background-color:#f39c12!important}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline,a.link-danger:hover,a.link-danger:link,a.link-danger:visited{color:#dd4b39}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{background:#333;color:#fff;height:100%;margin-top:100px;padding:10px;position:fixed;right:-250px;top:0;width:250px;z-index:100}.slideout-menu h3{border-bottom:4px solid #222;color:#fff;font-size:1.2em;font-weight:400;padding:5px;position:relative}.slideout-menu .slideout-menu-toggle{background:#222;color:#999;display:inline-block;font-family:Arial,sans-serif;font-weight:700;line-height:1;padding:6px 9px 5px;position:absolute;right:10px;text-decoration:none;top:12px;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{border-bottom:1px solid #454545;border-top:1px solid #151515;font-weight:300;list-style:none}.slideout-menu ul li{border-bottom:1px solid #151515;border-top:1px solid #454545}.slideout-menu ul li a{color:#999;display:block;padding:10px;position:relative;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{opacity:.5;position:absolute;right:10px;top:15px}.btn-box-tool-lg{color:orange;font-size:16px}.bs-wizard{border-bottom:1px solid #e0e0e0;margin-top:20px;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{background:#fbe8aa;border-radius:50%;display:block;height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:45px;width:30px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{background:#fbbd19;border-radius:50px;content:" ";height:14px;left:8px;position:absolute;top:8px;width:14px}.bs-wizard>.bs-wizard-step>.progress{border-radius:0;box-shadow:none;height:8px;margin:20px 0;position:relative}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{background:#fbe8aa;box-shadow:none;width:0}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{color:#fff;display:inline-block;float:left;padding:0;text-align:left}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;max-height:50px;padding:5px 5px 5px 0}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{color:#889195;font-size:14px}#login-logo{max-width:200px;padding-bottom:10px;padding-top:20px}a.skip-main{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px;z-index:-999}a.skip-main:active,a.skip-main:focus{background-color:#000;border:4px solid #ff0;border-radius:15px;color:#fff;font-size:1.2em;height:auto;left:auto;margin:10px 35%;overflow:auto;padding:5px;text-align:center;top:auto;width:30%;z-index:999}h2{font-size:22px}h2.task_menu{font-size:14px}h2 small{font-size:85%}h3{font-size:20px}h4{font-size:16px}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(odd) div{background-color:#f9f9f9;border-top:1px solid #ddd;display:table-cell}.row-striped .row:nth-of-type(2n) div{background:#fff;border-top:1px solid #ddd;display:table-cell}.row-new-striped{display:table;line-height:2.6;margin-left:20px;padding:0 20px 0 0;vertical-align:top;width:100%}.row-new-striped>.row:nth-of-type(2n){background:#fff;border-top:1px solid #ddd;display:table-row}.row-new-striped>.row:nth-of-type(odd){background-color:#f8f8f8;border-top:1px solid #ddd;display:table-row}.row-new-striped div{border-top:1px solid #ddd;display:table-cell}.row-new-striped div[class^=col]:first-child{font-weight:700}@media only screen and (max-width:520px){h1.pagetitle{padding-bottom:15px;padding-top:15px}.firstnav{padding-top:120px!important}.product{width:400px}.product img{min-width:400px}}.card-view-title{line-height:3!important;min-width:40%!important;padding-right:20px}.card-view{display:table-row;flex-direction:column}th.css-accessory>.th-inner,th.css-barcode>.th-inner,th.css-consumable>.th-inner,th.css-envelope>.th-inner,th.css-license>.th-inner{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0;line-height:.75!important;text-align:left}th.css-accessory>.th-inner:before,th.css-barcode>.th-inner:before,th.css-consumable>.th-inner:before,th.css-envelope>.th-inner:before,th.css-license>.th-inner:before,th.css-padlock>.th-inner:before{display:inline-block;font-family:Font Awesome\ 5 Free;font-size:20px;font-weight:900}th.css-padlock>.th-inner:before{content:"\f023";font-family:Font Awesome\ 5 Free;font-size:12px;font-weight:900;padding-right:4px}th.css-barcode>.th-inner:before{content:"\f02a";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-license>.th-inner:before{content:"\f0c7";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-consumable>.th-inner:before{content:"\f043";font-family:Font Awesome\ 5 Free;font-weight:900}th.css-envelope>.th-inner:before{content:"\f0e0";font-family:Font Awesome\ 5 Free;font-weight:400}th.css-accessory>.th-inner:before{content:"\f11c";font-family:Font Awesome\ 5 Free;font-weight:400}.small-box .inner{color:#fff;padding-left:15px;padding-right:15px;padding-top:15px}.small-box>a:hover,.small-box>a:link,.small-box>a:visited{color:#fff}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;height:34px;padding:6px 12px}.form-group.has-error label{color:#a94442}.select2-container--default .select2-selection--multiple{border-radius:0}@media screen and (max-width:511px){.tab-content .tab-pane .alert-block{margin-top:120px}.sidebar-menu{margin-top:160px}}@media screen and (max-width:912px) and (min-width:512px){.sidebar-menu{margin-top:100px}}@media screen and (max-width:1268px) and (min-width:912px){.sidebar-menu{margin-top:50px}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label.form-control{background-color:inherit;border:0;color:inherit;display:grid;font-size:inherit;font-weight:inherit;gap:.5em;grid-template-columns:1.8em auto;padding-left:0}label.form-control--disabled{color:#959495;cursor:not-allowed;pointer-events:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:0;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=checkbox]:before{background-color:CanvasText;box-shadow:inset 1em 1em #d3d3d3;box-shadow:inset 1em 1em #428bca;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:1em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:1em}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled:before,input[type=radio]:disabled:before{box-shadow:inset 1em 1em #d3d3d3;content:"";height:1em;transform:scale(1);width:1em}input[type=checkbox]:disabled:not(:checked):before,input[type=radio]:disabled:not(:checked):before{content:"";cursor:not-allowed;pointer-events:none;transform:scale(0)}input[type=checkbox]:disabled,input[type=radio]:disabled{--form-control-color:#d3d3d3;color:#959495;cursor:not-allowed;pointer-events:none}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.05em solid;border-radius:50%;color:#959495;display:grid;font:inherit;height:1.8em;margin:0;place-content:center;transform:translateY(-.075em);width:1.8em}input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #428bca;content:"";height:1em;transform:scale(0);transition:transform .12s ease-in-out;width:1em}input[type=radio]:checked:before{transform:scale(1)}.dropdown-item-marker input[type=checkbox]{font-size:10px}.bootstrap-table .fixed-table-toolbar li.dropdown-item-marker label{display:grid;font-weight:400;gap:1.5em;grid-template-columns:.1em auto}.container.row-striped .col-md-6{overflow-wrap:anywhere}.nav-tabs-custom>.nav-tabs>li{z-index:1}.select2-container .select2-search--inline .select2-search__field{padding-left:15px}.separator{align-items:center;color:#959495;display:flex;padding-top:20px;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #959495;content:"";flex:1}.separator:not(:empty):before{margin-right:.25em}.separator:not(:empty):after{margin-left:.25em} diff --git a/public/css/dist/skins/skin-black-dark.css b/public/css/dist/skins/skin-black-dark.css index f12332df6..bdab8393c 100644 --- a/public/css/dist/skins/skin-black-dark.css +++ b/public/css/dist/skins/skin-black-dark.css @@ -1,554 +1 @@ -/* - * Skin: black dark - * ---------- - */ -.skin-black-dark .main-header .navbar { - background-color: #111; -} -.skin-black-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-black-dark .main-header .navbar .nav > li > a:hover, -.skin-black-dark .main-header .navbar .nav > li > a:active, -.skin-black-dark .main-header .navbar .nav > li > a:focus, -.skin-black-dark .main-header .navbar .nav .open > a, -.skin-black-dark .main-header .navbar .nav .open > a:hover, -.skin-black-dark .main-header .navbar .nav .open > a:focus, -.skin-black-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-black-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-black-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #040404; -} -@media (max-width: 767px) { - .skin-black-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-black-dark .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-black-dark .main-header .navbar .dropdown-menu li a:hover { - background: #040404; - color: #fff; - } -} -@media (max-width: 991px) { - .skin-black-dark .main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-sub); - } -} -.skin-black-dark .main-header li.user-header { - background-color: #111; -} -.skin-black-dark .content-header { - background: transparent; -} -.skin-black-dark .wrapper, -.skin-black-dark .main-sidebar, -.skin-black-dark .left-side { - background-color: #222d32; -} -.skin-black-dark .user-panel > .info, -.skin-black-dark .user-panel > .info > a { - color: #fff; -} -.skin-black-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-black-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-black-dark .sidebar-menu > li:hover > a, -.skin-black-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #111; -} -.skin-black-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-black-dark .sidebar a { - color: #b8c7ce; -} -.skin-black-dark .sidebar a:hover { - text-decoration: none; -} -.skin-black-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-black-dark .treeview-menu > li.active > a, -.skin-black-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-black-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-black-dark .sidebar-form input[type="text"], -.skin-black-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-black-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-black-dark .sidebar-form input[type="text"]:focus, -.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-black-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-black-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #000000; - border-color: #000000; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #000000; - border-color: #000000; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #000000; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000000; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: #fff; -} -a:visited { - color: #fff; -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #000000; - --button-primary: #000000; - --button-hover: #000000; - --header: #111; - /* Use same as Header picker */ - --text-main: #fff; - --text-sub: #9b9b9b; - --link: #fff; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #fff; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #949494; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -a:hover > h2.task_menu { - color: var(--header); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li.header { - background-color: var(--header); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -a:link.btn-default { - color: var(--nav-link); -} -/* Trying to figure out a way of having links different shades based on what row they are on (even/odd). -a unique challenge for this dark mode skin. -Probably writing the specificity for this incorrectly. --Godfrey Martinez 02/04/21 - -.table-striped>tbody>tr:nth-of-type(even)>a:link{ - color:#000d07; -} -.table-striped>tbody>tr:nth-of-type(odd)>a:link{ - color:#bfbfbf; - -}*/ -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-black { - color: var(--nav-link) !important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: var(--back-sub) !important; -} -.input-group, -.input-group-addon { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--nav-link); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--back-sub); - color: var(--visited-link); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-black-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-black-dark .sidebar-menu > li.active > a, -.skin-black .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -div.container.row-new-striped { - background-color: var(--back-sub); -} -.table > thead > tr > td.danger, -.table > tbody > tr > td.danger, -.table > tfoot > tr > td.danger, -.table > thead > tr > th.danger, -.table > tbody > tr > th.danger, -.table > tfoot > tr > th.danger, -.table > thead > tr.danger > td, -.table > tbody > tr.danger > td, -.table > tfoot > tr.danger > td, -.table > thead > tr.danger > th, -.table > tbody > tr.danger > th, -.table > tfoot > tr.danger > th { - background-color: var(--back-sub); -} - +.skin-black-dark .main-header .navbar{background-color:#111}.skin-black-dark .main-header .navbar .nav>li>a{color:#fff}.skin-black-dark .main-header .navbar .nav .open>a,.skin-black-dark .main-header .navbar .nav .open>a:focus,.skin-black-dark .main-header .navbar .nav .open>a:hover,.skin-black-dark .main-header .navbar .nav>.active>a,.skin-black-dark .main-header .navbar .nav>li>a:active,.skin-black-dark .main-header .navbar .nav>li>a:focus,.skin-black-dark .main-header .navbar .nav>li>a:hover,.skin-black-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-black-dark .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-black-dark .main-header .navbar .dropdown-menu li a{color:#333}.skin-black-dark .main-header .navbar .dropdown-menu li a:hover{background:#040404;color:#fff}}@media (max-width:991px){.skin-black-dark .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-sub)}}.skin-black-dark .main-header li.user-header{background-color:#111}.skin-black-dark .content-header{background:transparent}.skin-black-dark .left-side,.skin-black-dark .main-sidebar,.skin-black-dark .wrapper{background-color:#222d32}.skin-black-dark .user-panel>.info,.skin-black-dark .user-panel>.info>a{color:#fff}.skin-black-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-black-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black-dark .sidebar-menu>li.active>a,.skin-black-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#111;color:#fff}.skin-black-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-black-dark .sidebar a{color:#b8c7ce}.skin-black-dark .sidebar a:hover{text-decoration:none}.skin-black-dark .treeview-menu>li>a{color:#8aa4af}.skin-black-dark .treeview-menu>li.active>a,.skin-black-dark .treeview-menu>li>a:hover{color:#fff}.skin-black-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-black-dark .sidebar-form .btn,.skin-black-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-black-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-black-dark .sidebar-form input[type=text]:focus,.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-black-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#000;border-color:#000;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#000;border-color:#000;color:#fff}.btn.btn-white:hover,.btn.btn-white:link,.btn:hover.btn-white:hover,.btn:hover.btn-white:link{background-color:#000;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary,a:hover,a:visited{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#000;--button-primary:#000;--button-hover:#000;--header:#111;--text-main:#fff;--text-sub:#9b9b9b;--link:#fff;--visited-link:#fff;--hover-link:#949494;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}a:hover>h2.task_menu{color:var(--header)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu>li.header{background-color:var(--header);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.far fa-life-ring{color:var(--link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}a:link.btn-default{color:var(--nav-link)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--nav-link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-black{color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:var(--back-sub)!important}.input-group,.input-group-addon{background-color:var(--back-sub);color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--nav-link)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--back-sub);color:var(--visited-link)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-black-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-black .sidebar-menu>li:hover>a,.skin-black-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.search-highlight,.search-highlight:hover{background-color:#e9d15b}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger,div.container.row-new-striped{background-color:var(--back-sub)} diff --git a/public/css/dist/skins/skin-black-dark.min.css b/public/css/dist/skins/skin-black-dark.min.css index f12332df6..bdab8393c 100644 --- a/public/css/dist/skins/skin-black-dark.min.css +++ b/public/css/dist/skins/skin-black-dark.min.css @@ -1,554 +1 @@ -/* - * Skin: black dark - * ---------- - */ -.skin-black-dark .main-header .navbar { - background-color: #111; -} -.skin-black-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-black-dark .main-header .navbar .nav > li > a:hover, -.skin-black-dark .main-header .navbar .nav > li > a:active, -.skin-black-dark .main-header .navbar .nav > li > a:focus, -.skin-black-dark .main-header .navbar .nav .open > a, -.skin-black-dark .main-header .navbar .nav .open > a:hover, -.skin-black-dark .main-header .navbar .nav .open > a:focus, -.skin-black-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-black-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-black-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #040404; -} -@media (max-width: 767px) { - .skin-black-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-black-dark .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-black-dark .main-header .navbar .dropdown-menu li a:hover { - background: #040404; - color: #fff; - } -} -@media (max-width: 991px) { - .skin-black-dark .main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-sub); - } -} -.skin-black-dark .main-header li.user-header { - background-color: #111; -} -.skin-black-dark .content-header { - background: transparent; -} -.skin-black-dark .wrapper, -.skin-black-dark .main-sidebar, -.skin-black-dark .left-side { - background-color: #222d32; -} -.skin-black-dark .user-panel > .info, -.skin-black-dark .user-panel > .info > a { - color: #fff; -} -.skin-black-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-black-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-black-dark .sidebar-menu > li:hover > a, -.skin-black-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #111; -} -.skin-black-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-black-dark .sidebar a { - color: #b8c7ce; -} -.skin-black-dark .sidebar a:hover { - text-decoration: none; -} -.skin-black-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-black-dark .treeview-menu > li.active > a, -.skin-black-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-black-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-black-dark .sidebar-form input[type="text"], -.skin-black-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-black-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-black-dark .sidebar-form input[type="text"]:focus, -.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-black-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-black-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #000000; - border-color: #000000; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #000000; - border-color: #000000; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #000000; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000000; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: #fff; -} -a:visited { - color: #fff; -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #000000; - --button-primary: #000000; - --button-hover: #000000; - --header: #111; - /* Use same as Header picker */ - --text-main: #fff; - --text-sub: #9b9b9b; - --link: #fff; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #fff; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #949494; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -a:hover > h2.task_menu { - color: var(--header); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li.header { - background-color: var(--header); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -a:link.btn-default { - color: var(--nav-link); -} -/* Trying to figure out a way of having links different shades based on what row they are on (even/odd). -a unique challenge for this dark mode skin. -Probably writing the specificity for this incorrectly. --Godfrey Martinez 02/04/21 - -.table-striped>tbody>tr:nth-of-type(even)>a:link{ - color:#000d07; -} -.table-striped>tbody>tr:nth-of-type(odd)>a:link{ - color:#bfbfbf; - -}*/ -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-black { - color: var(--nav-link) !important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: var(--back-sub) !important; -} -.input-group, -.input-group-addon { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--nav-link); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--back-sub); - color: var(--visited-link); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-black-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-black-dark .sidebar-menu > li.active > a, -.skin-black .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -div.container.row-new-striped { - background-color: var(--back-sub); -} -.table > thead > tr > td.danger, -.table > tbody > tr > td.danger, -.table > tfoot > tr > td.danger, -.table > thead > tr > th.danger, -.table > tbody > tr > th.danger, -.table > tfoot > tr > th.danger, -.table > thead > tr.danger > td, -.table > tbody > tr.danger > td, -.table > tfoot > tr.danger > td, -.table > thead > tr.danger > th, -.table > tbody > tr.danger > th, -.table > tfoot > tr.danger > th { - background-color: var(--back-sub); -} - +.skin-black-dark .main-header .navbar{background-color:#111}.skin-black-dark .main-header .navbar .nav>li>a{color:#fff}.skin-black-dark .main-header .navbar .nav .open>a,.skin-black-dark .main-header .navbar .nav .open>a:focus,.skin-black-dark .main-header .navbar .nav .open>a:hover,.skin-black-dark .main-header .navbar .nav>.active>a,.skin-black-dark .main-header .navbar .nav>li>a:active,.skin-black-dark .main-header .navbar .nav>li>a:focus,.skin-black-dark .main-header .navbar .nav>li>a:hover,.skin-black-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-black-dark .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-black-dark .main-header .navbar .dropdown-menu li a{color:#333}.skin-black-dark .main-header .navbar .dropdown-menu li a:hover{background:#040404;color:#fff}}@media (max-width:991px){.skin-black-dark .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-sub)}}.skin-black-dark .main-header li.user-header{background-color:#111}.skin-black-dark .content-header{background:transparent}.skin-black-dark .left-side,.skin-black-dark .main-sidebar,.skin-black-dark .wrapper{background-color:#222d32}.skin-black-dark .user-panel>.info,.skin-black-dark .user-panel>.info>a{color:#fff}.skin-black-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-black-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black-dark .sidebar-menu>li.active>a,.skin-black-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#111;color:#fff}.skin-black-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-black-dark .sidebar a{color:#b8c7ce}.skin-black-dark .sidebar a:hover{text-decoration:none}.skin-black-dark .treeview-menu>li>a{color:#8aa4af}.skin-black-dark .treeview-menu>li.active>a,.skin-black-dark .treeview-menu>li>a:hover{color:#fff}.skin-black-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-black-dark .sidebar-form .btn,.skin-black-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-black-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-black-dark .sidebar-form input[type=text]:focus,.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-black-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#000;border-color:#000;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#000;border-color:#000;color:#fff}.btn.btn-white:hover,.btn.btn-white:link,.btn:hover.btn-white:hover,.btn:hover.btn-white:link{background-color:#000;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary,a:hover,a:visited{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#000;--button-primary:#000;--button-hover:#000;--header:#111;--text-main:#fff;--text-sub:#9b9b9b;--link:#fff;--visited-link:#fff;--hover-link:#949494;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}a:hover>h2.task_menu{color:var(--header)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu>li.header{background-color:var(--header);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.far fa-life-ring{color:var(--link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}a:link.btn-default{color:var(--nav-link)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--nav-link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-black{color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:var(--back-sub)!important}.input-group,.input-group-addon{background-color:var(--back-sub);color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--nav-link)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--back-sub);color:var(--visited-link)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-black-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-black .sidebar-menu>li:hover>a,.skin-black-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.search-highlight,.search-highlight:hover{background-color:#e9d15b}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger,div.container.row-new-striped{background-color:var(--back-sub)} diff --git a/public/css/dist/skins/skin-black.css b/public/css/dist/skins/skin-black.css index ab4d845e2..2d3d0edc3 100644 --- a/public/css/dist/skins/skin-black.css +++ b/public/css/dist/skins/skin-black.css @@ -1,219 +1 @@ -/* - * Skin: Black - * ---------- - */ -.skin-black .main-header .navbar { - background-color: #111; -} -.skin-black .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-black .main-header .navbar .nav > li > a:hover, -.skin-black .main-header .navbar .nav > li > a:active, -.skin-black .main-header .navbar .nav > li > a:focus, -.skin-black .main-header .navbar .nav .open > a, -.skin-black .main-header .navbar .nav .open > a:hover, -.skin-black .main-header .navbar .nav .open > a:focus, -.skin-black .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-black .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-black .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black .main-header .navbar .sidebar-toggle:hover { - background-color: #040404; -} -@media (max-width: 767px) { - .skin-black .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-black .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-black .main-header .navbar .dropdown-menu li a:hover { - background: #040404; - } -} -.skin-black .main-header li.user-header { - background-color: #111; -} -.skin-black .content-header { - background: transparent; -} -.skin-black .wrapper, -.skin-black .main-sidebar, -.skin-black .left-side { - background-color: #222d32; -} -.skin-black .user-panel > .info, -.skin-black .user-panel > .info > a { - color: #fff; -} -.skin-black .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-black .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-black .sidebar-menu > li:hover > a, -.skin-black .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #111; -} -.skin-black .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-black .sidebar a { - color: #b8c7ce; -} -.skin-black .sidebar a:hover { - text-decoration: none; -} -.skin-black .treeview-menu > li > a { - color: #8aa4af; -} -.skin-black .treeview-menu > li.active > a, -.skin-black .treeview-menu > li > a:hover { - color: #fff; -} -.skin-black .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-black .sidebar-form input[type="text"], -.skin-black .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-black .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-black .sidebar-form input[type="text"]:focus, -.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-black .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-black.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #000; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #505156; - border-color: #FFF; - color: #FFF; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #111; - border-color: #1f1f21; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - color: #fff; -} -.btn.btn-white:visited, -.btn:hover.btn-white:visited { - color: #fff; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #000000; -} -:root { - --button-default: #000000; - --button-primary: #000000; - --button-hover: #000000; - --header: #111; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #black; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #111; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #999999; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.btn-danger.btn-sm.disabled { - color: #FFF; -} -.far fa-life-ring { - color: var(--link); -} -.sidebar-toggle-mobile { - color: #FFF !important; -} -.skin-black .main-header .navbar .nav > li > a, -.skin-black .main-header .navbar .nav > li > a { - text-decoration: none; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #111; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-black .main-header .navbar{background-color:#111}.skin-black .main-header .navbar .nav>li>a{color:#fff}.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav>.active>a,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black .main-header .navbar .sidebar-toggle{color:#fff}.skin-black .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-black .main-header .navbar .dropdown-menu li a{color:#333}.skin-black .main-header .navbar .dropdown-menu li a:hover{background:#040404}}.skin-black .main-header li.user-header{background-color:#111}.skin-black .content-header{background:transparent}.skin-black .left-side,.skin-black .main-sidebar,.skin-black .wrapper{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#111;color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-black .sidebar-form .btn,.skin-black .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-black .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-black .sidebar-form input[type=text]:focus,.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-black.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#000}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#505156;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#111;border-color:#1f1f21;color:#fff}.btn.btn-white:hover,.btn.btn-white:link,.btn.btn-white:visited,.btn:hover.btn-white:hover,.btn:hover.btn-white:link,.btn:hover.btn-white:visited{color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#000}:root{--button-default:#000;--button-primary:#000;--button-hover:#000;--header:#111;--text-main:#bbb;--text-sub:#9b9b9b;--link:#black;--visited-link:#111;--hover-link:#999;--nav-link:#fff;--light-link:#fff}.btn-danger.btn-sm.disabled,a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.far fa-life-ring{color:var(--link)}.sidebar-toggle-mobile{color:#fff!important}.skin-black .main-header .navbar .nav>li>a{text-decoration:none}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#111}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-black.min.css b/public/css/dist/skins/skin-black.min.css index ab4d845e2..2d3d0edc3 100644 --- a/public/css/dist/skins/skin-black.min.css +++ b/public/css/dist/skins/skin-black.min.css @@ -1,219 +1 @@ -/* - * Skin: Black - * ---------- - */ -.skin-black .main-header .navbar { - background-color: #111; -} -.skin-black .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-black .main-header .navbar .nav > li > a:hover, -.skin-black .main-header .navbar .nav > li > a:active, -.skin-black .main-header .navbar .nav > li > a:focus, -.skin-black .main-header .navbar .nav .open > a, -.skin-black .main-header .navbar .nav .open > a:hover, -.skin-black .main-header .navbar .nav .open > a:focus, -.skin-black .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-black .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-black .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-black .main-header .navbar .sidebar-toggle:hover { - background-color: #040404; -} -@media (max-width: 767px) { - .skin-black .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-black .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-black .main-header .navbar .dropdown-menu li a:hover { - background: #040404; - } -} -.skin-black .main-header li.user-header { - background-color: #111; -} -.skin-black .content-header { - background: transparent; -} -.skin-black .wrapper, -.skin-black .main-sidebar, -.skin-black .left-side { - background-color: #222d32; -} -.skin-black .user-panel > .info, -.skin-black .user-panel > .info > a { - color: #fff; -} -.skin-black .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-black .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-black .sidebar-menu > li:hover > a, -.skin-black .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #111; -} -.skin-black .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-black .sidebar a { - color: #b8c7ce; -} -.skin-black .sidebar a:hover { - text-decoration: none; -} -.skin-black .treeview-menu > li > a { - color: #8aa4af; -} -.skin-black .treeview-menu > li.active > a, -.skin-black .treeview-menu > li > a:hover { - color: #fff; -} -.skin-black .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-black .sidebar-form input[type="text"], -.skin-black .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-black .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-black .sidebar-form input[type="text"]:focus, -.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-black .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-black.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #000; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #505156; - border-color: #FFF; - color: #FFF; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #111; - border-color: #1f1f21; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - color: #fff; -} -.btn.btn-white:visited, -.btn:hover.btn-white:visited { - color: #fff; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #000000; -} -:root { - --button-default: #000000; - --button-primary: #000000; - --button-hover: #000000; - --header: #111; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #black; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #111; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #999999; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.btn-danger.btn-sm.disabled { - color: #FFF; -} -.far fa-life-ring { - color: var(--link); -} -.sidebar-toggle-mobile { - color: #FFF !important; -} -.skin-black .main-header .navbar .nav > li > a, -.skin-black .main-header .navbar .nav > li > a { - text-decoration: none; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #111; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-black .main-header .navbar{background-color:#111}.skin-black .main-header .navbar .nav>li>a{color:#fff}.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav>.active>a,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black .main-header .navbar .sidebar-toggle{color:#fff}.skin-black .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-black .main-header .navbar .dropdown-menu li a{color:#333}.skin-black .main-header .navbar .dropdown-menu li a:hover{background:#040404}}.skin-black .main-header li.user-header{background-color:#111}.skin-black .content-header{background:transparent}.skin-black .left-side,.skin-black .main-sidebar,.skin-black .wrapper{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#111;color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-black .sidebar-form .btn,.skin-black .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-black .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-black .sidebar-form input[type=text]:focus,.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-black.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#000}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#505156;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#111;border-color:#1f1f21;color:#fff}.btn.btn-white:hover,.btn.btn-white:link,.btn.btn-white:visited,.btn:hover.btn-white:hover,.btn:hover.btn-white:link,.btn:hover.btn-white:visited{color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#000}:root{--button-default:#000;--button-primary:#000;--button-hover:#000;--header:#111;--text-main:#bbb;--text-sub:#9b9b9b;--link:#black;--visited-link:#111;--hover-link:#999;--nav-link:#fff;--light-link:#fff}.btn-danger.btn-sm.disabled,a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.far fa-life-ring{color:var(--link)}.sidebar-toggle-mobile{color:#fff!important}.skin-black .main-header .navbar .nav>li>a{text-decoration:none}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#111}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-blue-dark.css b/public/css/dist/skins/skin-blue-dark.css index c4f267293..9c1e13051 100644 --- a/public/css/dist/skins/skin-blue-dark.css +++ b/public/css/dist/skins/skin-blue-dark.css @@ -1,526 +1 @@ -/* - * Skin: blue dark - * ---------- - */ -.skin-blue-dark .main-header .navbar { - background-color: #3c8dbc; -} -.skin-blue-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-blue-dark .main-header .navbar .nav > li > a:hover, -.skin-blue-dark .main-header .navbar .nav > li > a:active, -.skin-blue-dark .main-header .navbar .nav > li > a:focus, -.skin-blue-dark .main-header .navbar .nav .open > a, -.skin-blue-dark .main-header .navbar .nav .open > a:hover, -.skin-blue-dark .main-header .navbar .nav .open > a:focus, -.skin-blue-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-blue-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-blue-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #367fa9; -} -@media (max-width: 767px) { - .skin-blue-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-blue-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-blue-dark .main-header .navbar .dropdown-menu li a:hover { - background: #367fa9; - color: #fff; - } -} -.skin-blue-dark .main-header li.user-header { - background-color: #3c8dbc; -} -.skin-blue-dark .content-header { - background: transparent; -} -.skin-blue-dark .wrapper, -.skin-blue-dark .main-sidebar, -.skin-blue-dark .left-side { - background-color: #222d32; -} -.skin-blue-dark .user-panel > .info, -.skin-blue-dark .user-panel > .info > a { - color: #fff; -} -.skin-blue-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-blue-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-blue-dark .sidebar-menu > li:hover > a, -.skin-blue-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #3c8dbc; -} -.skin-blue-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-blue-dark .sidebar a { - color: #b8c7ce; -} -.skin-blue-dark .sidebar a:hover { - text-decoration: none; -} -.skin-blue-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-blue-dark .treeview-menu > li.active > a, -.skin-blue-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-blue-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-blue-dark .sidebar-form input[type="text"], -.skin-blue-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-blue-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-blue-dark .sidebar-form input[type="text"]:focus, -.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-blue-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-blue-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #307095; - border-color: #FFF; - color: #FFF; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #23536f; - border-color: #23536f; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #307095; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #173648; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #272727; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #296282; - --button-primary: #1d455b; - --button-hover: #173648; - --header: #3c8dbc; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #00BFFF; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #4dd2ff; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #99e5ff; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-blue { - color: var(--text-main); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-blue-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-blue-dark .sidebar-menu > li.active > a, -.skin-blue .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -a:visited { - color: var(--visited-link); -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-blue-dark .main-header .navbar{background-color:#3c8dbc}.skin-blue-dark .main-header .navbar .nav>li>a{color:#fff}.skin-blue-dark .main-header .navbar .nav .open>a,.skin-blue-dark .main-header .navbar .nav .open>a:focus,.skin-blue-dark .main-header .navbar .nav .open>a:hover,.skin-blue-dark .main-header .navbar .nav>.active>a,.skin-blue-dark .main-header .navbar .nav>li>a:active,.skin-blue-dark .main-header .navbar .nav>li>a:focus,.skin-blue-dark .main-header .navbar .nav>li>a:hover,.skin-blue-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-dark .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-dark .main-header .navbar .dropdown-menu li a:hover{background:#367fa9;color:#fff}}.skin-blue-dark .main-header li.user-header{background-color:#3c8dbc}.skin-blue-dark .content-header{background:transparent}.skin-blue-dark .left-side,.skin-blue-dark .main-sidebar,.skin-blue-dark .wrapper{background-color:#222d32}.skin-blue-dark .user-panel>.info,.skin-blue-dark .user-panel>.info>a{color:#fff}.skin-blue-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-blue-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#3c8dbc;color:#fff}.skin-blue-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-blue-dark .sidebar a{color:#b8c7ce}.skin-blue-dark .sidebar a:hover{text-decoration:none}.skin-blue-dark .treeview-menu>li>a{color:#8aa4af}.skin-blue-dark .treeview-menu>li.active>a,.skin-blue-dark .treeview-menu>li>a:hover{color:#fff}.skin-blue-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-blue-dark .sidebar-form .btn,.skin-blue-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-blue-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-blue-dark .sidebar-form input[type=text]:focus,.skin-blue-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-blue-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#307095;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#23536f;border-color:#23536f;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#307095;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#173648;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#272727;--back-sub-alt:rgba(0,0,0,.36);--button-default:#296282;--button-primary:#1d455b;--button-hover:#173648;--header:#3c8dbc;--text-main:#bbb;--text-sub:#9b9b9b;--link:#00bfff;--visited-link:#4dd2ff;--hover-link:#99e5ff;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable,.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.far fa-life-ring{color:var(--link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-blue .sidebar-menu>li:hover>a,.skin-blue-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}a:visited{color:var(--visited-link)}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-blue-dark.min.css b/public/css/dist/skins/skin-blue-dark.min.css index c4f267293..9c1e13051 100644 --- a/public/css/dist/skins/skin-blue-dark.min.css +++ b/public/css/dist/skins/skin-blue-dark.min.css @@ -1,526 +1 @@ -/* - * Skin: blue dark - * ---------- - */ -.skin-blue-dark .main-header .navbar { - background-color: #3c8dbc; -} -.skin-blue-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-blue-dark .main-header .navbar .nav > li > a:hover, -.skin-blue-dark .main-header .navbar .nav > li > a:active, -.skin-blue-dark .main-header .navbar .nav > li > a:focus, -.skin-blue-dark .main-header .navbar .nav .open > a, -.skin-blue-dark .main-header .navbar .nav .open > a:hover, -.skin-blue-dark .main-header .navbar .nav .open > a:focus, -.skin-blue-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-blue-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-blue-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #367fa9; -} -@media (max-width: 767px) { - .skin-blue-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-blue-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-blue-dark .main-header .navbar .dropdown-menu li a:hover { - background: #367fa9; - color: #fff; - } -} -.skin-blue-dark .main-header li.user-header { - background-color: #3c8dbc; -} -.skin-blue-dark .content-header { - background: transparent; -} -.skin-blue-dark .wrapper, -.skin-blue-dark .main-sidebar, -.skin-blue-dark .left-side { - background-color: #222d32; -} -.skin-blue-dark .user-panel > .info, -.skin-blue-dark .user-panel > .info > a { - color: #fff; -} -.skin-blue-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-blue-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-blue-dark .sidebar-menu > li:hover > a, -.skin-blue-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #3c8dbc; -} -.skin-blue-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-blue-dark .sidebar a { - color: #b8c7ce; -} -.skin-blue-dark .sidebar a:hover { - text-decoration: none; -} -.skin-blue-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-blue-dark .treeview-menu > li.active > a, -.skin-blue-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-blue-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-blue-dark .sidebar-form input[type="text"], -.skin-blue-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-blue-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-blue-dark .sidebar-form input[type="text"]:focus, -.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-blue-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-blue-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #307095; - border-color: #FFF; - color: #FFF; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #23536f; - border-color: #23536f; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #307095; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #173648; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #272727; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #296282; - --button-primary: #1d455b; - --button-hover: #173648; - --header: #3c8dbc; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #00BFFF; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #4dd2ff; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #99e5ff; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-blue { - color: var(--text-main); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-blue-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-blue-dark .sidebar-menu > li.active > a, -.skin-blue .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -a:visited { - color: var(--visited-link); -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-blue-dark .main-header .navbar{background-color:#3c8dbc}.skin-blue-dark .main-header .navbar .nav>li>a{color:#fff}.skin-blue-dark .main-header .navbar .nav .open>a,.skin-blue-dark .main-header .navbar .nav .open>a:focus,.skin-blue-dark .main-header .navbar .nav .open>a:hover,.skin-blue-dark .main-header .navbar .nav>.active>a,.skin-blue-dark .main-header .navbar .nav>li>a:active,.skin-blue-dark .main-header .navbar .nav>li>a:focus,.skin-blue-dark .main-header .navbar .nav>li>a:hover,.skin-blue-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-dark .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-dark .main-header .navbar .dropdown-menu li a:hover{background:#367fa9;color:#fff}}.skin-blue-dark .main-header li.user-header{background-color:#3c8dbc}.skin-blue-dark .content-header{background:transparent}.skin-blue-dark .left-side,.skin-blue-dark .main-sidebar,.skin-blue-dark .wrapper{background-color:#222d32}.skin-blue-dark .user-panel>.info,.skin-blue-dark .user-panel>.info>a{color:#fff}.skin-blue-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-blue-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#3c8dbc;color:#fff}.skin-blue-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-blue-dark .sidebar a{color:#b8c7ce}.skin-blue-dark .sidebar a:hover{text-decoration:none}.skin-blue-dark .treeview-menu>li>a{color:#8aa4af}.skin-blue-dark .treeview-menu>li.active>a,.skin-blue-dark .treeview-menu>li>a:hover{color:#fff}.skin-blue-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-blue-dark .sidebar-form .btn,.skin-blue-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-blue-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-blue-dark .sidebar-form input[type=text]:focus,.skin-blue-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-blue-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#307095;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#23536f;border-color:#23536f;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#307095;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#173648;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#272727;--back-sub-alt:rgba(0,0,0,.36);--button-default:#296282;--button-primary:#1d455b;--button-hover:#173648;--header:#3c8dbc;--text-main:#bbb;--text-sub:#9b9b9b;--link:#00bfff;--visited-link:#4dd2ff;--hover-link:#99e5ff;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable,.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.far fa-life-ring{color:var(--link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-blue .sidebar-menu>li:hover>a,.skin-blue-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}a:visited{color:var(--visited-link)}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-blue.css b/public/css/dist/skins/skin-blue.css index cac900017..cdc62766e 100644 --- a/public/css/dist/skins/skin-blue.css +++ b/public/css/dist/skins/skin-blue.css @@ -1,239 +1 @@ -/* - * Skin: Blue - * ---------- - */ -.skin-blue .main-header .navbar { - background-color: #3c8dbc; -} -.skin-blue .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-blue .main-header .navbar .nav > li > a:hover, -.skin-blue .main-header .navbar .nav > li > a:active, -.skin-blue .main-header .navbar .nav > li > a:focus, -.skin-blue .main-header .navbar .nav .open > a, -.skin-blue .main-header .navbar .nav .open > a:hover, -.skin-blue .main-header .navbar .nav .open > a:focus, -.skin-blue .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-blue .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-blue .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue .main-header .navbar .sidebar-toggle:hover { - background-color: #367fa9; -} -@media (max-width: 767px) { - .skin-blue .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-blue .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-blue .main-header .navbar .dropdown-menu li a:hover { - background: #367fa9; - } -} -.skin-blue .main-header li.user-header { - background-color: #3c8dbc; -} -.skin-blue .content-header { - background: transparent; -} -.skin-blue .wrapper, -.skin-blue .main-sidebar, -.skin-blue .left-side { - background-color: #222d32; -} -.skin-blue .user-panel > .info, -.skin-blue .user-panel > .info > a { - color: #fff; -} -.skin-blue .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-blue .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-blue .sidebar-menu > li:hover > a, -.skin-blue .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #3c8dbc; -} -.skin-blue .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-blue .sidebar a { - color: #b8c7ce; -} -.skin-blue .sidebar a:hover { - text-decoration: none; -} -.skin-blue .treeview-menu > li > a { - color: #8aa4af; -} -.skin-blue .treeview-menu > li.active > a, -.skin-blue .treeview-menu > li > a:hover { - color: #fff; -} -.skin-blue .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-blue .sidebar-form input[type="text"], -.skin-blue .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-blue .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-blue .sidebar-form input[type="text"]:focus, -.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-blue .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-blue.layout-top-nav .main-header > .logo .logo-variant { - background-color: unset; -} -.btn.btn-primary, -btn-sm.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -btn-sm .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #307095; - border-color: #23536f; - color: #fff !important; -} -.btna.btn-primary:hover, -btn-sma.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #23536f; - border-color: #23536f; - color: #fff; -} -.btn.btn-white:link, -btn-sm.btn-white:link, -.btn:hover.btn-white:link { - background-color: #307095; - color: #fff; -} -.btn.btn-white:hover, -btn-sm.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #173648; - color: #fff; -} -.btn.btn-white:visited, -btn-sm.btn-white:visited, -.btn:hover.btn-white:visited { - background-color: #173648; - color: #fff; -} -.btn-warning, -.btn-warning:link, -a.btn-warning:hover, -.btn-warning:link, -.btn-warning:visited, -.btn-danger, -.btn-danger:link, -a.btn-danger:hover, -.btn-danger:link, -.btn-danger:visited { - color: #fff; -} -.btn-default:link, -a.btn-default:hover, -.btn-default:visited { - color: #505156; -} -:root { - --button-default: #505156; - --button-primary: #1d455b; - --button-hover: #173648; - --header: #3c8dbc; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #296282; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #5fa4cc; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #86bad8; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a:hover { - color: var(--hover-link); -} -.text-primary { - color: #23536f; -} -.far fa-life-ring { - color: var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3c8dbc; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -a.settings_button:link, -a.settings_button:visited, -a.settings_button:hover { - color: #3c8dbc; -} - +.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav>.active>a,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#333}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#3c8dbc;color:#fff}.skin-blue .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-blue .sidebar-form .btn,.skin-blue .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-blue .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-blue .sidebar-form input[type=text]:focus,.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-blue.layout-top-nav .main-header>.logo .logo-variant{background-color:unset}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary,btn-sm .btn-primary:link,btn-sm.btn-primary{background-color:#307095;border-color:#23536f;color:#fff!important}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover,btn-sma.btn-primary:hover{background-color:#23536f;border-color:#23536f;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link,btn-sm.btn-white:link{background-color:#307095;color:#fff}.btn.btn-white:hover,.btn.btn-white:visited,.btn:hover.btn-white:hover,.btn:hover.btn-white:visited,btn-sm.btn-white:hover,btn-sm.btn-white:visited{background-color:#173648;color:#fff}.btn-danger,.btn-danger:link,.btn-danger:visited,.btn-warning,.btn-warning:link,.btn-warning:visited,a.btn-danger:hover,a.btn-warning:hover{color:#fff}.btn-default:link,.btn-default:visited,a.btn-default:hover{color:#505156}:root{--button-default:#505156;--button-primary:#1d455b;--button-hover:#173648;--header:#3c8dbc;--text-main:#bbb;--text-sub:#9b9b9b;--link:#296282;--visited-link:#5fa4cc;--hover-link:#86bad8;--nav-link:#fff;--light-link:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a:hover{color:var(--hover-link)}.text-primary{color:#23536f}.far fa-life-ring{color:var(--link)}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc}.search-highlight,.search-highlight:hover{background-color:#e9d15b}a.settings_button:hover,a.settings_button:link,a.settings_button:visited{color:#3c8dbc} diff --git a/public/css/dist/skins/skin-blue.min.css b/public/css/dist/skins/skin-blue.min.css index cac900017..cdc62766e 100644 --- a/public/css/dist/skins/skin-blue.min.css +++ b/public/css/dist/skins/skin-blue.min.css @@ -1,239 +1 @@ -/* - * Skin: Blue - * ---------- - */ -.skin-blue .main-header .navbar { - background-color: #3c8dbc; -} -.skin-blue .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-blue .main-header .navbar .nav > li > a:hover, -.skin-blue .main-header .navbar .nav > li > a:active, -.skin-blue .main-header .navbar .nav > li > a:focus, -.skin-blue .main-header .navbar .nav .open > a, -.skin-blue .main-header .navbar .nav .open > a:hover, -.skin-blue .main-header .navbar .nav .open > a:focus, -.skin-blue .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-blue .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-blue .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue .main-header .navbar .sidebar-toggle:hover { - background-color: #367fa9; -} -@media (max-width: 767px) { - .skin-blue .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-blue .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-blue .main-header .navbar .dropdown-menu li a:hover { - background: #367fa9; - } -} -.skin-blue .main-header li.user-header { - background-color: #3c8dbc; -} -.skin-blue .content-header { - background: transparent; -} -.skin-blue .wrapper, -.skin-blue .main-sidebar, -.skin-blue .left-side { - background-color: #222d32; -} -.skin-blue .user-panel > .info, -.skin-blue .user-panel > .info > a { - color: #fff; -} -.skin-blue .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-blue .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-blue .sidebar-menu > li:hover > a, -.skin-blue .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #3c8dbc; -} -.skin-blue .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-blue .sidebar a { - color: #b8c7ce; -} -.skin-blue .sidebar a:hover { - text-decoration: none; -} -.skin-blue .treeview-menu > li > a { - color: #8aa4af; -} -.skin-blue .treeview-menu > li.active > a, -.skin-blue .treeview-menu > li > a:hover { - color: #fff; -} -.skin-blue .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-blue .sidebar-form input[type="text"], -.skin-blue .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-blue .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-blue .sidebar-form input[type="text"]:focus, -.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-blue .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-blue.layout-top-nav .main-header > .logo .logo-variant { - background-color: unset; -} -.btn.btn-primary, -btn-sm.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -btn-sm .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #307095; - border-color: #23536f; - color: #fff !important; -} -.btna.btn-primary:hover, -btn-sma.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #23536f; - border-color: #23536f; - color: #fff; -} -.btn.btn-white:link, -btn-sm.btn-white:link, -.btn:hover.btn-white:link { - background-color: #307095; - color: #fff; -} -.btn.btn-white:hover, -btn-sm.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #173648; - color: #fff; -} -.btn.btn-white:visited, -btn-sm.btn-white:visited, -.btn:hover.btn-white:visited { - background-color: #173648; - color: #fff; -} -.btn-warning, -.btn-warning:link, -a.btn-warning:hover, -.btn-warning:link, -.btn-warning:visited, -.btn-danger, -.btn-danger:link, -a.btn-danger:hover, -.btn-danger:link, -.btn-danger:visited { - color: #fff; -} -.btn-default:link, -a.btn-default:hover, -.btn-default:visited { - color: #505156; -} -:root { - --button-default: #505156; - --button-primary: #1d455b; - --button-hover: #173648; - --header: #3c8dbc; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #296282; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #5fa4cc; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #86bad8; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a:hover { - color: var(--hover-link); -} -.text-primary { - color: #23536f; -} -.far fa-life-ring { - color: var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3c8dbc; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -a.settings_button:link, -a.settings_button:visited, -a.settings_button:hover { - color: #3c8dbc; -} - +.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav>.active>a,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#333}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#3c8dbc;color:#fff}.skin-blue .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-blue .sidebar-form .btn,.skin-blue .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-blue .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-blue .sidebar-form input[type=text]:focus,.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-blue.layout-top-nav .main-header>.logo .logo-variant{background-color:unset}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary,btn-sm .btn-primary:link,btn-sm.btn-primary{background-color:#307095;border-color:#23536f;color:#fff!important}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover,btn-sma.btn-primary:hover{background-color:#23536f;border-color:#23536f;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link,btn-sm.btn-white:link{background-color:#307095;color:#fff}.btn.btn-white:hover,.btn.btn-white:visited,.btn:hover.btn-white:hover,.btn:hover.btn-white:visited,btn-sm.btn-white:hover,btn-sm.btn-white:visited{background-color:#173648;color:#fff}.btn-danger,.btn-danger:link,.btn-danger:visited,.btn-warning,.btn-warning:link,.btn-warning:visited,a.btn-danger:hover,a.btn-warning:hover{color:#fff}.btn-default:link,.btn-default:visited,a.btn-default:hover{color:#505156}:root{--button-default:#505156;--button-primary:#1d455b;--button-hover:#173648;--header:#3c8dbc;--text-main:#bbb;--text-sub:#9b9b9b;--link:#296282;--visited-link:#5fa4cc;--hover-link:#86bad8;--nav-link:#fff;--light-link:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a:hover{color:var(--hover-link)}.text-primary{color:#23536f}.far fa-life-ring{color:var(--link)}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc}.search-highlight,.search-highlight:hover{background-color:#e9d15b}a.settings_button:hover,a.settings_button:link,a.settings_button:visited{color:#3c8dbc} diff --git a/public/css/dist/skins/skin-contrast.css b/public/css/dist/skins/skin-contrast.css index 50dfc577e..8f5c99c01 100644 --- a/public/css/dist/skins/skin-contrast.css +++ b/public/css/dist/skins/skin-contrast.css @@ -1,227 +1 @@ -/* - * Skin: Contrast - * ---------- - */ -.skin-contrast .main-header .navbar { - background-color: #001F3F; -} -.skin-contrast .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-contrast .main-header .navbar .nav > li > a:hover, -.skin-contrast .main-header .navbar .nav > li > a:active, -.skin-contrast .main-header .navbar .nav > li > a:focus, -.skin-contrast .main-header .navbar .nav .open > a, -.skin-contrast .main-header .navbar .nav .open > a:hover, -.skin-contrast .main-header .navbar .nav .open > a:focus, -.skin-contrast .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-contrast .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-contrast .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-contrast .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-contrast .main-header .navbar .sidebar-toggle:hover { - background-color: #001226; -} -@media (max-width: 767px) { - .skin-contrast .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-contrast .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-contrast .main-header .navbar .dropdown-menu li a:hover { - background: #001226; - } -} -.skin-contrast .main-header li.user-header { - background-color: #001F3F; -} -.skin-contrast .content-header { - background: transparent; -} -.skin-contrast .wrapper, -.skin-contrast .main-sidebar, -.skin-contrast .left-side { - background-color: #222d32; -} -.skin-contrast .user-panel > .info, -.skin-contrast .user-panel > .info > a { - color: #fff; -} -.skin-contrast .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-contrast .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-contrast .sidebar-menu > li:hover > a, -.skin-contrast .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #001F3F; -} -.skin-contrast .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-contrast .sidebar a { - color: #b8c7ce; -} -.skin-contrast .sidebar a:hover { - text-decoration: none; -} -.skin-contrast .treeview-menu > li > a { - color: #8aa4af; -} -.skin-contrast .treeview-menu > li.active > a, -.skin-contrast .treeview-menu > li > a:hover { - color: #fff; -} -.skin-contrast .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-contrast .sidebar-form input[type="text"], -.skin-contrast .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-contrast .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-contrast .sidebar-form input[type="text"]:focus, -.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-contrast .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-contrast.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #00060c; - border-color: #000000; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #000000; - border-color: #000000; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #00060c; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000000; - color: #fff; -} -a.btn.btn-link.text-left { - color: #001F3F; - border: 1px solid #000; -} -a.btn.btn-link.text-left:hover { - color: #001F3F; -} -a { - color: #001F3F; -} -a:hover { - color: #001F3F; - text-decoration: underline; -} -a:visited { - color: #001F3F; -} -a.btn:hover { - color: #fff; - text-decoration: underline; -} -.text-primary { - color: #000000; -} -.skin-contrast .treeview-menu > li > a { - color: #FFF; -} -.bg-teal { - background-color: #1b6a6a !important; -} -.bg-orange { - background-color: #995400 !important; -} -.bg-purple { - background-color: #3a3767 !important; -} -.bg-maroon { - background-color: #7d1038 !important; -} -.pagination > li > a { - color: #00060c !important; -} -.pagination > .active > a { - background-color: #001F3F; - color: #FFF !important; -} -btn-success { - background-color: #000d07; -} -input::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: #b5bbc8 !important; -} -input::-moz-placeholder { - /* Firefox 19+ */ - color: #b5bbc8 !important; -} -input::-ms-input-placeholder { - /* IE 10+ */ - color: #b5bbc8 !important; -} -.select2-default, -.select2-selection__placeholder { - color: #37383c !important; -} -.callout.callout-info { - background-color: #23536f !important; -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-contrast .main-header .navbar{background-color:#001f3f}.skin-contrast .main-header .navbar .nav>li>a{color:#fff}.skin-contrast .main-header .navbar .nav .open>a,.skin-contrast .main-header .navbar .nav .open>a:focus,.skin-contrast .main-header .navbar .nav .open>a:hover,.skin-contrast .main-header .navbar .nav>.active>a,.skin-contrast .main-header .navbar .nav>li>a:active,.skin-contrast .main-header .navbar .nav>li>a:focus,.skin-contrast .main-header .navbar .nav>li>a:hover,.skin-contrast .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-contrast .main-header .navbar .sidebar-toggle{color:#fff}.skin-contrast .main-header .navbar .sidebar-toggle:hover{background-color:#001226}@media (max-width:767px){.skin-contrast .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-contrast .main-header .navbar .dropdown-menu li a{color:#fff}.skin-contrast .main-header .navbar .dropdown-menu li a:hover{background:#001226}}.skin-contrast .main-header li.user-header{background-color:#001f3f}.skin-contrast .content-header{background:transparent}.skin-contrast .left-side,.skin-contrast .main-sidebar,.skin-contrast .wrapper{background-color:#222d32}.skin-contrast .user-panel>.info,.skin-contrast .user-panel>.info>a{color:#fff}.skin-contrast .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-contrast .sidebar-menu>li>a{border-left:3px solid transparent}.skin-contrast .sidebar-menu>li.active>a,.skin-contrast .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#001f3f;color:#fff}.skin-contrast .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-contrast .sidebar a{color:#b8c7ce}.skin-contrast .sidebar a:hover{text-decoration:none}.skin-contrast .treeview-menu>li>a{color:#8aa4af}.skin-contrast .treeview-menu>li.active>a,.skin-contrast .treeview-menu>li>a:hover{color:#fff}.skin-contrast .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-contrast .sidebar-form .btn,.skin-contrast .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-contrast .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-contrast .sidebar-form input[type=text]:focus,.skin-contrast .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-contrast .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-contrast .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-contrast.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#00060c;border-color:#000;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#000;border-color:#000;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00060c;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000;color:#fff}a.btn.btn-link.text-left{border:1px solid #000;color:#001f3f}a,a.btn.btn-link.text-left:hover,a:hover{color:#001f3f}a:hover{text-decoration:underline}a:visited{color:#001f3f}a.btn:hover{color:#fff;text-decoration:underline}.text-primary{color:#000}.skin-contrast .treeview-menu>li>a{color:#fff}.bg-teal{background-color:#1b6a6a!important}.bg-orange{background-color:#995400!important}.bg-purple{background-color:#3a3767!important}.bg-maroon{background-color:#7d1038!important}.pagination>li>a{color:#00060c!important}.pagination>.active>a{background-color:#001f3f;color:#fff!important}btn-success{background-color:#000d07}input::-webkit-input-placeholder{color:#b5bbc8!important}input::-moz-placeholder{color:#b5bbc8!important}input::-ms-input-placeholder{color:#b5bbc8!important}.select2-default,.select2-selection__placeholder{color:#37383c!important}.callout.callout-info{background-color:#23536f!important}.fixed-table-container tbody .selected td{background-color:#fff8af}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-contrast.min.css b/public/css/dist/skins/skin-contrast.min.css index 50dfc577e..8f5c99c01 100644 --- a/public/css/dist/skins/skin-contrast.min.css +++ b/public/css/dist/skins/skin-contrast.min.css @@ -1,227 +1 @@ -/* - * Skin: Contrast - * ---------- - */ -.skin-contrast .main-header .navbar { - background-color: #001F3F; -} -.skin-contrast .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-contrast .main-header .navbar .nav > li > a:hover, -.skin-contrast .main-header .navbar .nav > li > a:active, -.skin-contrast .main-header .navbar .nav > li > a:focus, -.skin-contrast .main-header .navbar .nav .open > a, -.skin-contrast .main-header .navbar .nav .open > a:hover, -.skin-contrast .main-header .navbar .nav .open > a:focus, -.skin-contrast .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-contrast .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-contrast .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-contrast .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-contrast .main-header .navbar .sidebar-toggle:hover { - background-color: #001226; -} -@media (max-width: 767px) { - .skin-contrast .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-contrast .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-contrast .main-header .navbar .dropdown-menu li a:hover { - background: #001226; - } -} -.skin-contrast .main-header li.user-header { - background-color: #001F3F; -} -.skin-contrast .content-header { - background: transparent; -} -.skin-contrast .wrapper, -.skin-contrast .main-sidebar, -.skin-contrast .left-side { - background-color: #222d32; -} -.skin-contrast .user-panel > .info, -.skin-contrast .user-panel > .info > a { - color: #fff; -} -.skin-contrast .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-contrast .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-contrast .sidebar-menu > li:hover > a, -.skin-contrast .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #001F3F; -} -.skin-contrast .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-contrast .sidebar a { - color: #b8c7ce; -} -.skin-contrast .sidebar a:hover { - text-decoration: none; -} -.skin-contrast .treeview-menu > li > a { - color: #8aa4af; -} -.skin-contrast .treeview-menu > li.active > a, -.skin-contrast .treeview-menu > li > a:hover { - color: #fff; -} -.skin-contrast .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-contrast .sidebar-form input[type="text"], -.skin-contrast .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-contrast .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-contrast .sidebar-form input[type="text"]:focus, -.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-contrast .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-contrast.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #00060c; - border-color: #000000; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #000000; - border-color: #000000; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #00060c; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000000; - color: #fff; -} -a.btn.btn-link.text-left { - color: #001F3F; - border: 1px solid #000; -} -a.btn.btn-link.text-left:hover { - color: #001F3F; -} -a { - color: #001F3F; -} -a:hover { - color: #001F3F; - text-decoration: underline; -} -a:visited { - color: #001F3F; -} -a.btn:hover { - color: #fff; - text-decoration: underline; -} -.text-primary { - color: #000000; -} -.skin-contrast .treeview-menu > li > a { - color: #FFF; -} -.bg-teal { - background-color: #1b6a6a !important; -} -.bg-orange { - background-color: #995400 !important; -} -.bg-purple { - background-color: #3a3767 !important; -} -.bg-maroon { - background-color: #7d1038 !important; -} -.pagination > li > a { - color: #00060c !important; -} -.pagination > .active > a { - background-color: #001F3F; - color: #FFF !important; -} -btn-success { - background-color: #000d07; -} -input::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: #b5bbc8 !important; -} -input::-moz-placeholder { - /* Firefox 19+ */ - color: #b5bbc8 !important; -} -input::-ms-input-placeholder { - /* IE 10+ */ - color: #b5bbc8 !important; -} -.select2-default, -.select2-selection__placeholder { - color: #37383c !important; -} -.callout.callout-info { - background-color: #23536f !important; -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-contrast .main-header .navbar{background-color:#001f3f}.skin-contrast .main-header .navbar .nav>li>a{color:#fff}.skin-contrast .main-header .navbar .nav .open>a,.skin-contrast .main-header .navbar .nav .open>a:focus,.skin-contrast .main-header .navbar .nav .open>a:hover,.skin-contrast .main-header .navbar .nav>.active>a,.skin-contrast .main-header .navbar .nav>li>a:active,.skin-contrast .main-header .navbar .nav>li>a:focus,.skin-contrast .main-header .navbar .nav>li>a:hover,.skin-contrast .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-contrast .main-header .navbar .sidebar-toggle{color:#fff}.skin-contrast .main-header .navbar .sidebar-toggle:hover{background-color:#001226}@media (max-width:767px){.skin-contrast .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-contrast .main-header .navbar .dropdown-menu li a{color:#fff}.skin-contrast .main-header .navbar .dropdown-menu li a:hover{background:#001226}}.skin-contrast .main-header li.user-header{background-color:#001f3f}.skin-contrast .content-header{background:transparent}.skin-contrast .left-side,.skin-contrast .main-sidebar,.skin-contrast .wrapper{background-color:#222d32}.skin-contrast .user-panel>.info,.skin-contrast .user-panel>.info>a{color:#fff}.skin-contrast .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-contrast .sidebar-menu>li>a{border-left:3px solid transparent}.skin-contrast .sidebar-menu>li.active>a,.skin-contrast .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#001f3f;color:#fff}.skin-contrast .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-contrast .sidebar a{color:#b8c7ce}.skin-contrast .sidebar a:hover{text-decoration:none}.skin-contrast .treeview-menu>li>a{color:#8aa4af}.skin-contrast .treeview-menu>li.active>a,.skin-contrast .treeview-menu>li>a:hover{color:#fff}.skin-contrast .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-contrast .sidebar-form .btn,.skin-contrast .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-contrast .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-contrast .sidebar-form input[type=text]:focus,.skin-contrast .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-contrast .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-contrast .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-contrast.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#00060c;border-color:#000;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#000;border-color:#000;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00060c;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000;color:#fff}a.btn.btn-link.text-left{border:1px solid #000;color:#001f3f}a,a.btn.btn-link.text-left:hover,a:hover{color:#001f3f}a:hover{text-decoration:underline}a:visited{color:#001f3f}a.btn:hover{color:#fff;text-decoration:underline}.text-primary{color:#000}.skin-contrast .treeview-menu>li>a{color:#fff}.bg-teal{background-color:#1b6a6a!important}.bg-orange{background-color:#995400!important}.bg-purple{background-color:#3a3767!important}.bg-maroon{background-color:#7d1038!important}.pagination>li>a{color:#00060c!important}.pagination>.active>a{background-color:#001f3f;color:#fff!important}btn-success{background-color:#000d07}input::-webkit-input-placeholder{color:#b5bbc8!important}input::-moz-placeholder{color:#b5bbc8!important}input::-ms-input-placeholder{color:#b5bbc8!important}.select2-default,.select2-selection__placeholder{color:#37383c!important}.callout.callout-info{background-color:#23536f!important}.fixed-table-container tbody .selected td{background-color:#fff8af}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-green-dark.css b/public/css/dist/skins/skin-green-dark.css index e024040c4..7c035a9ec 100644 --- a/public/css/dist/skins/skin-green-dark.css +++ b/public/css/dist/skins/skin-green-dark.css @@ -1,513 +1 @@ -/* - * Skin: green dark - * ---------- - */ -.skin-green-dark .main-header .navbar { - background-color: #00a65a; -} -.skin-green-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-green-dark .main-header .navbar .nav > li > a:hover, -.skin-green-dark .main-header .navbar .nav > li > a:active, -.skin-green-dark .main-header .navbar .nav > li > a:focus, -.skin-green-dark .main-header .navbar .nav .open > a, -.skin-green-dark .main-header .navbar .nav .open > a:hover, -.skin-green-dark .main-header .navbar .nav .open > a:focus, -.skin-green-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-green-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-green-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #008d4c; -} -@media (max-width: 767px) { - .skin-green-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-green-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-green-dark .main-header .navbar .dropdown-menu li a:hover { - background: #008d4c; - color: #fff; - } -} -.skin-green-dark .main-header li.user-header { - background-color: #00a65a; -} -.skin-green-dark .content-header { - background: transparent; -} -.skin-green-dark .wrapper, -.skin-green-dark .main-sidebar, -.skin-green-dark .left-side { - background-color: #222d32; -} -.skin-green-dark .user-panel > .info, -.skin-green-dark .user-panel > .info > a { - color: #fff; -} -.skin-green-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-green-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-green-dark .sidebar-menu > li:hover > a, -.skin-green-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #00a65a; -} -.skin-green-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-green-dark .sidebar a { - color: #b8c7ce; -} -.skin-green-dark .sidebar a:hover { - text-decoration: none; -} -.skin-green-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-green-dark .treeview-menu > li.active > a, -.skin-green-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-green-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-green-dark .sidebar-form input[type="text"], -.skin-green-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-green-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-green-dark .sidebar-form input[type="text"]:focus, -.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-green-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-green-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #FFF !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #00733e; - border-color: #FFF; - color: #FFF; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #004023; - border-color: #004023; - color: #FFF; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #00733e; - color: #FFF; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000d07; - color: #FFF; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #312F2F; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #006400; - --button-primary: #003100; - --button-hover: #000000; - --header: #006400; - /* Use same as Header picker */ - --text-main: #FFF; - --text-sub: #9b9b9b; - --link: #9ACD32; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #b8dc70; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #d7ebad; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-green { - color: var(--text-main); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-green-dark .main-header .navbar .dropdown-menu li a { - color: var(--link); -} -.fixed-table-body thead th .th-inner, -.skin-green-dark .sidebar-menu > li.active > a, -.skin-green .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -a:visited { - color: var(--visited-link); -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-green-dark .main-header .navbar{background-color:#00a65a}.skin-green-dark .main-header .navbar .nav>li>a{color:#fff}.skin-green-dark .main-header .navbar .nav .open>a,.skin-green-dark .main-header .navbar .nav .open>a:focus,.skin-green-dark .main-header .navbar .nav .open>a:hover,.skin-green-dark .main-header .navbar .nav>.active>a,.skin-green-dark .main-header .navbar .nav>li>a:active,.skin-green-dark .main-header .navbar .nav>li>a:focus,.skin-green-dark .main-header .navbar .nav>li>a:hover,.skin-green-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-dark .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-green-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-dark .main-header .navbar .dropdown-menu li a:hover{background:#008d4c;color:#fff}}.skin-green-dark .main-header li.user-header{background-color:#00a65a}.skin-green-dark .content-header{background:transparent}.skin-green-dark .left-side,.skin-green-dark .main-sidebar,.skin-green-dark .wrapper{background-color:#222d32}.skin-green-dark .user-panel>.info,.skin-green-dark .user-panel>.info>a{color:#fff}.skin-green-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-green-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green-dark .sidebar-menu>li.active>a,.skin-green-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#00a65a;color:#fff}.skin-green-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-green-dark .sidebar a{color:#b8c7ce}.skin-green-dark .sidebar a:hover{text-decoration:none}.skin-green-dark .treeview-menu>li>a{color:#8aa4af}.skin-green-dark .treeview-menu>li.active>a,.skin-green-dark .treeview-menu>li>a:hover{color:#fff}.skin-green-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-green-dark .sidebar-form .btn,.skin-green-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-green-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-green-dark .sidebar-form input[type=text]:focus,.skin-green-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-green-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#00733e;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#004023;border-color:#004023;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00733e;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000d07;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#312f2f;--back-sub-alt:rgba(0,0,0,.36);--button-default:#006400;--button-primary:#003100;--button-hover:#000;--header:#006400;--text-main:#fff;--text-sub:#9b9b9b;--link:#9acd32;--visited-link:#b8dc70;--hover-link:#d7ebad;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.far fa-life-ring{color:var(--link)}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-green{color:var(--text-main)}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-green-dark .main-header .navbar .dropdown-menu li a{color:var(--link)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-green .sidebar-menu>li:hover>a,.skin-green-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(2n),.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}a:visited{color:var(--visited-link)}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-green-dark.min.css b/public/css/dist/skins/skin-green-dark.min.css index e024040c4..7c035a9ec 100644 --- a/public/css/dist/skins/skin-green-dark.min.css +++ b/public/css/dist/skins/skin-green-dark.min.css @@ -1,513 +1 @@ -/* - * Skin: green dark - * ---------- - */ -.skin-green-dark .main-header .navbar { - background-color: #00a65a; -} -.skin-green-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-green-dark .main-header .navbar .nav > li > a:hover, -.skin-green-dark .main-header .navbar .nav > li > a:active, -.skin-green-dark .main-header .navbar .nav > li > a:focus, -.skin-green-dark .main-header .navbar .nav .open > a, -.skin-green-dark .main-header .navbar .nav .open > a:hover, -.skin-green-dark .main-header .navbar .nav .open > a:focus, -.skin-green-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-green-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-green-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #008d4c; -} -@media (max-width: 767px) { - .skin-green-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-green-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-green-dark .main-header .navbar .dropdown-menu li a:hover { - background: #008d4c; - color: #fff; - } -} -.skin-green-dark .main-header li.user-header { - background-color: #00a65a; -} -.skin-green-dark .content-header { - background: transparent; -} -.skin-green-dark .wrapper, -.skin-green-dark .main-sidebar, -.skin-green-dark .left-side { - background-color: #222d32; -} -.skin-green-dark .user-panel > .info, -.skin-green-dark .user-panel > .info > a { - color: #fff; -} -.skin-green-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-green-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-green-dark .sidebar-menu > li:hover > a, -.skin-green-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #00a65a; -} -.skin-green-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-green-dark .sidebar a { - color: #b8c7ce; -} -.skin-green-dark .sidebar a:hover { - text-decoration: none; -} -.skin-green-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-green-dark .treeview-menu > li.active > a, -.skin-green-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-green-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-green-dark .sidebar-form input[type="text"], -.skin-green-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-green-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-green-dark .sidebar-form input[type="text"]:focus, -.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-green-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-green-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #FFF !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #00733e; - border-color: #FFF; - color: #FFF; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #004023; - border-color: #004023; - color: #FFF; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #00733e; - color: #FFF; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000d07; - color: #FFF; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #312F2F; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #006400; - --button-primary: #003100; - --button-hover: #000000; - --header: #006400; - /* Use same as Header picker */ - --text-main: #FFF; - --text-sub: #9b9b9b; - --link: #9ACD32; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #b8dc70; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #d7ebad; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-green { - color: var(--text-main); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-green-dark .main-header .navbar .dropdown-menu li a { - color: var(--link); -} -.fixed-table-body thead th .th-inner, -.skin-green-dark .sidebar-menu > li.active > a, -.skin-green .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -a:visited { - color: var(--visited-link); -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-green-dark .main-header .navbar{background-color:#00a65a}.skin-green-dark .main-header .navbar .nav>li>a{color:#fff}.skin-green-dark .main-header .navbar .nav .open>a,.skin-green-dark .main-header .navbar .nav .open>a:focus,.skin-green-dark .main-header .navbar .nav .open>a:hover,.skin-green-dark .main-header .navbar .nav>.active>a,.skin-green-dark .main-header .navbar .nav>li>a:active,.skin-green-dark .main-header .navbar .nav>li>a:focus,.skin-green-dark .main-header .navbar .nav>li>a:hover,.skin-green-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-dark .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-green-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-dark .main-header .navbar .dropdown-menu li a:hover{background:#008d4c;color:#fff}}.skin-green-dark .main-header li.user-header{background-color:#00a65a}.skin-green-dark .content-header{background:transparent}.skin-green-dark .left-side,.skin-green-dark .main-sidebar,.skin-green-dark .wrapper{background-color:#222d32}.skin-green-dark .user-panel>.info,.skin-green-dark .user-panel>.info>a{color:#fff}.skin-green-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-green-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green-dark .sidebar-menu>li.active>a,.skin-green-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#00a65a;color:#fff}.skin-green-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-green-dark .sidebar a{color:#b8c7ce}.skin-green-dark .sidebar a:hover{text-decoration:none}.skin-green-dark .treeview-menu>li>a{color:#8aa4af}.skin-green-dark .treeview-menu>li.active>a,.skin-green-dark .treeview-menu>li>a:hover{color:#fff}.skin-green-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-green-dark .sidebar-form .btn,.skin-green-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-green-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-green-dark .sidebar-form input[type=text]:focus,.skin-green-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-green-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#00733e;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#004023;border-color:#004023;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00733e;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000d07;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#312f2f;--back-sub-alt:rgba(0,0,0,.36);--button-default:#006400;--button-primary:#003100;--button-hover:#000;--header:#006400;--text-main:#fff;--text-sub:#9b9b9b;--link:#9acd32;--visited-link:#b8dc70;--hover-link:#d7ebad;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.far fa-life-ring{color:var(--link)}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-green{color:var(--text-main)}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-green-dark .main-header .navbar .dropdown-menu li a{color:var(--link)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-green .sidebar-menu>li:hover>a,.skin-green-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(2n),.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}a:visited{color:var(--visited-link)}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-green.css b/public/css/dist/skins/skin-green.css index fe0b85160..cd113d5e5 100644 --- a/public/css/dist/skins/skin-green.css +++ b/public/css/dist/skins/skin-green.css @@ -1,211 +1 @@ -/* - * Skin: Green - * ---------- - */ -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #005a31; - --button-primary: #002715; - --button-hover: #000d07; - --header: #00a65a; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #00a65a; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #00f383; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #0dff90; -} -.skin-green .main-header .navbar { - background-color: #00a65a; -} -.skin-green .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-green .main-header .navbar .nav > li > a:hover, -.skin-green .main-header .navbar .nav > li > a:active, -.skin-green .main-header .navbar .nav > li > a:focus, -.skin-green .main-header .navbar .nav .open > a, -.skin-green .main-header .navbar .nav .open > a:hover, -.skin-green .main-header .navbar .nav .open > a:focus, -.skin-green .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-green .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-green .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green .main-header .navbar .sidebar-toggle:hover { - background-color: #008d4c; -} -@media (max-width: 767px) { - .skin-green .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-green .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-green .main-header .navbar .dropdown-menu li a:hover { - background: #008d4c; - } -} -.skin-green .main-header li.user-header { - background-color: #00a65a; -} -.skin-green .content-header { - background: transparent; -} -.skin-green .wrapper, -.skin-green .main-sidebar, -.skin-green .left-side { - background-color: #222d32; -} -.skin-green .user-panel > .info, -.skin-green .user-panel > .info > a { - color: #fff; -} -.skin-green .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-green .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-green .sidebar-menu > li:hover > a, -.skin-green .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #00a65a; -} -.skin-green .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-green .sidebar a { - color: #b8c7ce; -} -.skin-green .sidebar a:hover { - text-decoration: none; -} -.skin-green .treeview-menu > li > a { - color: #8aa4af; -} -.skin-green .treeview-menu > li.active > a, -.skin-green .treeview-menu > li > a:hover { - color: #fff; -} -.skin-green .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-green .sidebar-form input[type="text"], -.skin-green .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-green .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-green .sidebar-form input[type="text"]:focus, -.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-green .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-green.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #00733e; - border-color: #004023; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #004023; - border-color: #004023; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #00733e; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000d07; - color: #fff; -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a { - color: #00a65a; -} -a:hover { - color: #004023; -} -a:visited { - color: #00a65a; -} -.text-primary { - color: #004023; -} -.far fa-life-ring { - color: var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #00a65a; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#005a31;--button-primary:#002715;--button-hover:#000d07;--header:#00a65a;--text-main:#bbb;--text-sub:#9b9b9b;--link:#00a65a;--visited-link:#00f383;--hover-link:#0dff90}.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav>.active>a,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#333}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .left-side,.skin-green .main-sidebar,.skin-green .wrapper{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#00a65a;color:#fff}.skin-green .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-green .sidebar-form .btn,.skin-green .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-green .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-green .sidebar-form input[type=text]:focus,.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-green.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#00733e;border-color:#004023;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#004023;border-color:#004023;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00733e;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000d07;color:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a{color:#00a65a}a:hover{color:#004023}a:visited{color:#00a65a}.text-primary{color:#004023}.far fa-life-ring{color:var(--link)}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#00a65a}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-green.min.css b/public/css/dist/skins/skin-green.min.css index fe0b85160..cd113d5e5 100644 --- a/public/css/dist/skins/skin-green.min.css +++ b/public/css/dist/skins/skin-green.min.css @@ -1,211 +1 @@ -/* - * Skin: Green - * ---------- - */ -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #005a31; - --button-primary: #002715; - --button-hover: #000d07; - --header: #00a65a; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #00a65a; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #00f383; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #0dff90; -} -.skin-green .main-header .navbar { - background-color: #00a65a; -} -.skin-green .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-green .main-header .navbar .nav > li > a:hover, -.skin-green .main-header .navbar .nav > li > a:active, -.skin-green .main-header .navbar .nav > li > a:focus, -.skin-green .main-header .navbar .nav .open > a, -.skin-green .main-header .navbar .nav .open > a:hover, -.skin-green .main-header .navbar .nav .open > a:focus, -.skin-green .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-green .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-green .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-green .main-header .navbar .sidebar-toggle:hover { - background-color: #008d4c; -} -@media (max-width: 767px) { - .skin-green .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-green .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-green .main-header .navbar .dropdown-menu li a:hover { - background: #008d4c; - } -} -.skin-green .main-header li.user-header { - background-color: #00a65a; -} -.skin-green .content-header { - background: transparent; -} -.skin-green .wrapper, -.skin-green .main-sidebar, -.skin-green .left-side { - background-color: #222d32; -} -.skin-green .user-panel > .info, -.skin-green .user-panel > .info > a { - color: #fff; -} -.skin-green .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-green .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-green .sidebar-menu > li:hover > a, -.skin-green .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #00a65a; -} -.skin-green .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-green .sidebar a { - color: #b8c7ce; -} -.skin-green .sidebar a:hover { - text-decoration: none; -} -.skin-green .treeview-menu > li > a { - color: #8aa4af; -} -.skin-green .treeview-menu > li.active > a, -.skin-green .treeview-menu > li > a:hover { - color: #fff; -} -.skin-green .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-green .sidebar-form input[type="text"], -.skin-green .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-green .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-green .sidebar-form input[type="text"]:focus, -.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-green .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-green.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #00733e; - border-color: #004023; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #004023; - border-color: #004023; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #00733e; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #000d07; - color: #fff; -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a { - color: #00a65a; -} -a:hover { - color: #004023; -} -a:visited { - color: #00a65a; -} -.text-primary { - color: #004023; -} -.far fa-life-ring { - color: var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #00a65a; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#005a31;--button-primary:#002715;--button-hover:#000d07;--header:#00a65a;--text-main:#bbb;--text-sub:#9b9b9b;--link:#00a65a;--visited-link:#00f383;--hover-link:#0dff90}.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav>.active>a,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#333}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .left-side,.skin-green .main-sidebar,.skin-green .wrapper{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#00a65a;color:#fff}.skin-green .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-green .sidebar-form .btn,.skin-green .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-green .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-green .sidebar-form input[type=text]:focus,.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-green.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#00733e;border-color:#004023;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#004023;border-color:#004023;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00733e;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000d07;color:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a{color:#00a65a}a:hover{color:#004023}a:visited{color:#00a65a}.text-primary{color:#004023}.far fa-life-ring{color:var(--link)}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#00a65a}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-orange-dark.css b/public/css/dist/skins/skin-orange-dark.css index 1ec2c0701..b52b17dd0 100644 --- a/public/css/dist/skins/skin-orange-dark.css +++ b/public/css/dist/skins/skin-orange-dark.css @@ -1,514 +1 @@ -/* - * Skin: orange dark - * ---------- - */ -.skin-orange-dark .main-header .navbar { - background-color: #FF8C00; -} -.skin-orange-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-orange-dark .main-header .navbar .nav > li > a:hover, -.skin-orange-dark .main-header .navbar .nav > li > a:active, -.skin-orange-dark .main-header .navbar .nav > li > a:focus, -.skin-orange-dark .main-header .navbar .nav .open > a, -.skin-orange-dark .main-header .navbar .nav .open > a:hover, -.skin-orange-dark .main-header .navbar .nav .open > a:focus, -.skin-orange-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-orange-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-orange-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #e67e00; -} -@media (max-width: 767px) { - .skin-orange-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-orange-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-orange-dark .main-header .navbar .dropdown-menu li a:hover { - background: #e67e00; - color: #fff; - } -} -.skin-orange-dark .main-header li.user-header { - background-color: #FF8C00; -} -.skin-orange-dark .content-header { - background: transparent; -} -.skin-orange-dark .wrapper, -.skin-orange-dark .main-sidebar, -.skin-orange-dark .left-side { - background-color: #222d32; -} -.skin-orange-dark .user-panel > .info, -.skin-orange-dark .user-panel > .info > a { - color: #fff; -} -.skin-orange-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-orange-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-orange-dark .sidebar-menu > li:hover > a, -.skin-orange-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #FF8C00; -} -.skin-orange-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-orange-dark .sidebar a { - color: #b8c7ce; -} -.skin-orange-dark .sidebar a:hover { - text-decoration: none; -} -.skin-orange-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-orange-dark .treeview-menu > li.active > a, -.skin-orange-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-orange-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-orange-dark .sidebar-form input[type="text"], -.skin-orange-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-orange-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-orange-dark .sidebar-form input[type="text"]:focus, -.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-orange-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-orange-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #cc7000; - border-color: #fff; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #995400; - border-color: #995400; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #cc7000; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #663800; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #2E2C2C; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #b36200; - --button-primary: #804600; - --button-hover: #663800; - --header: #FF8C00; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #FFA500; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #ffc04d; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffdb99; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.far fa-life-ring { - color: var(--link); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a:hover { - color: var(--hover-link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--nav-link); -} -a:link.btn-default { - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--background); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-orange { - color: var(--nav-link) !important; - border-color: var(--button-primary); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-orange-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-orange-dark .sidebar-menu > li.active > a, -.skin-orange .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-orange-dark .main-header .navbar{background-color:#ff8c00}.skin-orange-dark .main-header .navbar .nav>li>a{color:#fff}.skin-orange-dark .main-header .navbar .nav .open>a,.skin-orange-dark .main-header .navbar .nav .open>a:focus,.skin-orange-dark .main-header .navbar .nav .open>a:hover,.skin-orange-dark .main-header .navbar .nav>.active>a,.skin-orange-dark .main-header .navbar .nav>li>a:active,.skin-orange-dark .main-header .navbar .nav>li>a:focus,.skin-orange-dark .main-header .navbar .nav>li>a:hover,.skin-orange-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange-dark .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-orange-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-orange-dark .main-header .navbar .dropdown-menu li a:hover{background:#e67e00;color:#fff}}.skin-orange-dark .main-header li.user-header{background-color:#ff8c00}.skin-orange-dark .content-header{background:transparent}.skin-orange-dark .left-side,.skin-orange-dark .main-sidebar,.skin-orange-dark .wrapper{background-color:#222d32}.skin-orange-dark .user-panel>.info,.skin-orange-dark .user-panel>.info>a{color:#fff}.skin-orange-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-orange-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-orange-dark .sidebar-menu>li.active>a,.skin-orange-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#ff8c00;color:#fff}.skin-orange-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-orange-dark .sidebar a{color:#b8c7ce}.skin-orange-dark .sidebar a:hover{text-decoration:none}.skin-orange-dark .treeview-menu>li>a{color:#8aa4af}.skin-orange-dark .treeview-menu>li.active>a,.skin-orange-dark .treeview-menu>li>a:hover{color:#fff}.skin-orange-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-orange-dark .sidebar-form .btn,.skin-orange-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-orange-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-orange-dark .sidebar-form input[type=text]:focus,.skin-orange-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-orange-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#cc7000;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#995400;border-color:#995400;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#cc7000;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#663800;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#2e2c2c;--back-sub-alt:rgba(0,0,0,.36);--button-default:#b36200;--button-primary:#804600;--button-hover:#663800;--header:#ff8c00;--text-main:#bbb;--text-sub:#9b9b9b;--link:orange;--visited-link:#ffc04d;--hover-link:#ffdb99;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.far fa-life-ring{color:var(--link)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a:hover{color:var(--hover-link)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default{background-color:var(--button-default)}.btn-default,a:link.btn-default{color:var(--nav-link)}.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--background)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-orange{border-color:var(--button-primary);color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-orange-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-orange .sidebar-menu>li:hover>a,.skin-orange-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-orange-dark.min.css b/public/css/dist/skins/skin-orange-dark.min.css index 1ec2c0701..b52b17dd0 100644 --- a/public/css/dist/skins/skin-orange-dark.min.css +++ b/public/css/dist/skins/skin-orange-dark.min.css @@ -1,514 +1 @@ -/* - * Skin: orange dark - * ---------- - */ -.skin-orange-dark .main-header .navbar { - background-color: #FF8C00; -} -.skin-orange-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-orange-dark .main-header .navbar .nav > li > a:hover, -.skin-orange-dark .main-header .navbar .nav > li > a:active, -.skin-orange-dark .main-header .navbar .nav > li > a:focus, -.skin-orange-dark .main-header .navbar .nav .open > a, -.skin-orange-dark .main-header .navbar .nav .open > a:hover, -.skin-orange-dark .main-header .navbar .nav .open > a:focus, -.skin-orange-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-orange-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-orange-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #e67e00; -} -@media (max-width: 767px) { - .skin-orange-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-orange-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-orange-dark .main-header .navbar .dropdown-menu li a:hover { - background: #e67e00; - color: #fff; - } -} -.skin-orange-dark .main-header li.user-header { - background-color: #FF8C00; -} -.skin-orange-dark .content-header { - background: transparent; -} -.skin-orange-dark .wrapper, -.skin-orange-dark .main-sidebar, -.skin-orange-dark .left-side { - background-color: #222d32; -} -.skin-orange-dark .user-panel > .info, -.skin-orange-dark .user-panel > .info > a { - color: #fff; -} -.skin-orange-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-orange-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-orange-dark .sidebar-menu > li:hover > a, -.skin-orange-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #FF8C00; -} -.skin-orange-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-orange-dark .sidebar a { - color: #b8c7ce; -} -.skin-orange-dark .sidebar a:hover { - text-decoration: none; -} -.skin-orange-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-orange-dark .treeview-menu > li.active > a, -.skin-orange-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-orange-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-orange-dark .sidebar-form input[type="text"], -.skin-orange-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-orange-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-orange-dark .sidebar-form input[type="text"]:focus, -.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-orange-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-orange-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #cc7000; - border-color: #fff; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #995400; - border-color: #995400; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #cc7000; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #663800; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #2E2C2C; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #b36200; - --button-primary: #804600; - --button-hover: #663800; - --header: #FF8C00; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #FFA500; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #ffc04d; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffdb99; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -a.actions { - color: #fff !important; -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.far fa-life-ring { - color: var(--link); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a:hover { - color: var(--hover-link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--nav-link); -} -a:link.btn-default { - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--background); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-orange { - color: var(--nav-link) !important; - border-color: var(--button-primary); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-orange-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-orange-dark .sidebar-menu > li.active > a, -.skin-orange .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-orange-dark .main-header .navbar{background-color:#ff8c00}.skin-orange-dark .main-header .navbar .nav>li>a{color:#fff}.skin-orange-dark .main-header .navbar .nav .open>a,.skin-orange-dark .main-header .navbar .nav .open>a:focus,.skin-orange-dark .main-header .navbar .nav .open>a:hover,.skin-orange-dark .main-header .navbar .nav>.active>a,.skin-orange-dark .main-header .navbar .nav>li>a:active,.skin-orange-dark .main-header .navbar .nav>li>a:focus,.skin-orange-dark .main-header .navbar .nav>li>a:hover,.skin-orange-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange-dark .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-orange-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-orange-dark .main-header .navbar .dropdown-menu li a:hover{background:#e67e00;color:#fff}}.skin-orange-dark .main-header li.user-header{background-color:#ff8c00}.skin-orange-dark .content-header{background:transparent}.skin-orange-dark .left-side,.skin-orange-dark .main-sidebar,.skin-orange-dark .wrapper{background-color:#222d32}.skin-orange-dark .user-panel>.info,.skin-orange-dark .user-panel>.info>a{color:#fff}.skin-orange-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-orange-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-orange-dark .sidebar-menu>li.active>a,.skin-orange-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#ff8c00;color:#fff}.skin-orange-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-orange-dark .sidebar a{color:#b8c7ce}.skin-orange-dark .sidebar a:hover{text-decoration:none}.skin-orange-dark .treeview-menu>li>a{color:#8aa4af}.skin-orange-dark .treeview-menu>li.active>a,.skin-orange-dark .treeview-menu>li>a:hover{color:#fff}.skin-orange-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-orange-dark .sidebar-form .btn,.skin-orange-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-orange-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-orange-dark .sidebar-form input[type=text]:focus,.skin-orange-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-orange-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#cc7000;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#995400;border-color:#995400;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#cc7000;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#663800;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#2e2c2c;--back-sub-alt:rgba(0,0,0,.36);--button-default:#b36200;--button-primary:#804600;--button-hover:#663800;--header:#ff8c00;--text-main:#bbb;--text-sub:#9b9b9b;--link:orange;--visited-link:#ffc04d;--hover-link:#ffdb99;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}a.actions{color:#fff!important}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.far fa-life-ring{color:var(--link)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a:hover{color:var(--hover-link)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default{background-color:var(--button-default)}.btn-default,a:link.btn-default{color:var(--nav-link)}.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--background)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-orange{border-color:var(--button-primary);color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-orange-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-orange .sidebar-menu>li:hover>a,.skin-orange-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-orange.css b/public/css/dist/skins/skin-orange.css index b26415b6a..411d4994a 100644 --- a/public/css/dist/skins/skin-orange.css +++ b/public/css/dist/skins/skin-orange.css @@ -1,206 +1 @@ -/* - * Skin: Orange - * ---------- - */ -.skin-orange .main-header .navbar { - background-color: #FF8C00; -} -.skin-orange .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-orange .main-header .navbar .nav > li > a:hover, -.skin-orange .main-header .navbar .nav > li > a:active, -.skin-orange .main-header .navbar .nav > li > a:focus, -.skin-orange .main-header .navbar .nav .open > a, -.skin-orange .main-header .navbar .nav .open > a:hover, -.skin-orange .main-header .navbar .nav .open > a:focus, -.skin-orange .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-orange .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-orange .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange .main-header .navbar .sidebar-toggle:hover { - background-color: #e67e00; -} -@media (max-width: 767px) { - .skin-orange .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-orange .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-orange .main-header .navbar .dropdown-menu li a:hover { - background: #e67e00; - } -} -.skin-orange .main-header li.user-header { - background-color: #FF8C00; -} -.skin-orange .content-header { - background: transparent; -} -.skin-orange .wrapper, -.skin-orange .main-sidebar, -.skin-orange .left-side { - background-color: #222d32; -} -.skin-orange .user-panel > .info, -.skin-orange .user-panel > .info > a { - color: #fff; -} -.skin-orange .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-orange .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-orange .sidebar-menu > li:hover > a, -.skin-orange .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #FF8C00; -} -.skin-orange .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-orange .sidebar a { - color: #b8c7ce; -} -.skin-orange .sidebar a:hover { - text-decoration: none; -} -.skin-orange .treeview-menu > li > a { - color: #8aa4af; -} -.skin-orange .treeview-menu > li.active > a, -.skin-orange .treeview-menu > li > a:hover { - color: #fff; -} -.skin-orange .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-orange .sidebar-form input[type="text"], -.skin-orange .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-orange .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-orange .sidebar-form input[type="text"]:focus, -.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-orange .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-orange.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #cc7000; - border-color: #995400; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #995400; - border-color: #995400; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #cc7000; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #663800; - color: #fff; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #995400; -} -:root { - --button-default: #b36200; - --button-primary: #804600; - --button-hover: #663800; - --header: #FF8C00; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #FF8C00; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #ffa333; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffaf4d; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.far fa-life-ring { - color: var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #FF8C00; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-orange .main-header .navbar{background-color:#ff8c00}.skin-orange .main-header .navbar .nav>li>a{color:#fff}.skin-orange .main-header .navbar .nav .open>a,.skin-orange .main-header .navbar .nav .open>a:focus,.skin-orange .main-header .navbar .nav .open>a:hover,.skin-orange .main-header .navbar .nav>.active>a,.skin-orange .main-header .navbar .nav>li>a:active,.skin-orange .main-header .navbar .nav>li>a:focus,.skin-orange .main-header .navbar .nav>li>a:hover,.skin-orange .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-orange .main-header .navbar .dropdown-menu li a{color:#333}.skin-orange .main-header .navbar .dropdown-menu li a:hover{background:#e67e00}}.skin-orange .main-header li.user-header{background-color:#ff8c00}.skin-orange .content-header{background:transparent}.skin-orange .left-side,.skin-orange .main-sidebar,.skin-orange .wrapper{background-color:#222d32}.skin-orange .user-panel>.info,.skin-orange .user-panel>.info>a{color:#fff}.skin-orange .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-orange .sidebar-menu>li>a{border-left:3px solid transparent}.skin-orange .sidebar-menu>li.active>a,.skin-orange .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#ff8c00;color:#fff}.skin-orange .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-orange .sidebar a{color:#b8c7ce}.skin-orange .sidebar a:hover{text-decoration:none}.skin-orange .treeview-menu>li>a{color:#8aa4af}.skin-orange .treeview-menu>li.active>a,.skin-orange .treeview-menu>li>a:hover{color:#fff}.skin-orange .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-orange .sidebar-form .btn,.skin-orange .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-orange .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-orange .sidebar-form input[type=text]:focus,.skin-orange .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-orange.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#cc7000;border-color:#995400;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#995400;border-color:#995400;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#cc7000;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#663800;color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#995400}:root{--button-default:#b36200;--button-primary:#804600;--button-hover:#663800;--header:#ff8c00;--text-main:#bbb;--text-sub:#9b9b9b;--link:#ff8c00;--visited-link:#ffa333;--hover-link:#ffaf4d;--nav-link:#fff;--light-link:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.far fa-life-ring{color:var(--link)}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#ff8c00}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-orange.min.css b/public/css/dist/skins/skin-orange.min.css index b26415b6a..411d4994a 100644 --- a/public/css/dist/skins/skin-orange.min.css +++ b/public/css/dist/skins/skin-orange.min.css @@ -1,206 +1 @@ -/* - * Skin: Orange - * ---------- - */ -.skin-orange .main-header .navbar { - background-color: #FF8C00; -} -.skin-orange .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-orange .main-header .navbar .nav > li > a:hover, -.skin-orange .main-header .navbar .nav > li > a:active, -.skin-orange .main-header .navbar .nav > li > a:focus, -.skin-orange .main-header .navbar .nav .open > a, -.skin-orange .main-header .navbar .nav .open > a:hover, -.skin-orange .main-header .navbar .nav .open > a:focus, -.skin-orange .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-orange .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-orange .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-orange .main-header .navbar .sidebar-toggle:hover { - background-color: #e67e00; -} -@media (max-width: 767px) { - .skin-orange .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-orange .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-orange .main-header .navbar .dropdown-menu li a:hover { - background: #e67e00; - } -} -.skin-orange .main-header li.user-header { - background-color: #FF8C00; -} -.skin-orange .content-header { - background: transparent; -} -.skin-orange .wrapper, -.skin-orange .main-sidebar, -.skin-orange .left-side { - background-color: #222d32; -} -.skin-orange .user-panel > .info, -.skin-orange .user-panel > .info > a { - color: #fff; -} -.skin-orange .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-orange .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-orange .sidebar-menu > li:hover > a, -.skin-orange .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #FF8C00; -} -.skin-orange .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-orange .sidebar a { - color: #b8c7ce; -} -.skin-orange .sidebar a:hover { - text-decoration: none; -} -.skin-orange .treeview-menu > li > a { - color: #8aa4af; -} -.skin-orange .treeview-menu > li.active > a, -.skin-orange .treeview-menu > li > a:hover { - color: #fff; -} -.skin-orange .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-orange .sidebar-form input[type="text"], -.skin-orange .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-orange .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-orange .sidebar-form input[type="text"]:focus, -.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-orange .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-orange.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #cc7000; - border-color: #995400; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #995400; - border-color: #995400; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #cc7000; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #663800; - color: #fff; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #995400; -} -:root { - --button-default: #b36200; - --button-primary: #804600; - --button-hover: #663800; - --header: #FF8C00; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #FF8C00; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #ffa333; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffaf4d; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.far fa-life-ring { - color: var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #FF8C00; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-orange .main-header .navbar{background-color:#ff8c00}.skin-orange .main-header .navbar .nav>li>a{color:#fff}.skin-orange .main-header .navbar .nav .open>a,.skin-orange .main-header .navbar .nav .open>a:focus,.skin-orange .main-header .navbar .nav .open>a:hover,.skin-orange .main-header .navbar .nav>.active>a,.skin-orange .main-header .navbar .nav>li>a:active,.skin-orange .main-header .navbar .nav>li>a:focus,.skin-orange .main-header .navbar .nav>li>a:hover,.skin-orange .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-orange .main-header .navbar .dropdown-menu li a{color:#333}.skin-orange .main-header .navbar .dropdown-menu li a:hover{background:#e67e00}}.skin-orange .main-header li.user-header{background-color:#ff8c00}.skin-orange .content-header{background:transparent}.skin-orange .left-side,.skin-orange .main-sidebar,.skin-orange .wrapper{background-color:#222d32}.skin-orange .user-panel>.info,.skin-orange .user-panel>.info>a{color:#fff}.skin-orange .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-orange .sidebar-menu>li>a{border-left:3px solid transparent}.skin-orange .sidebar-menu>li.active>a,.skin-orange .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#ff8c00;color:#fff}.skin-orange .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-orange .sidebar a{color:#b8c7ce}.skin-orange .sidebar a:hover{text-decoration:none}.skin-orange .treeview-menu>li>a{color:#8aa4af}.skin-orange .treeview-menu>li.active>a,.skin-orange .treeview-menu>li>a:hover{color:#fff}.skin-orange .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-orange .sidebar-form .btn,.skin-orange .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-orange .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-orange .sidebar-form input[type=text]:focus,.skin-orange .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-orange.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#cc7000;border-color:#995400;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#995400;border-color:#995400;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#cc7000;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#663800;color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#995400}:root{--button-default:#b36200;--button-primary:#804600;--button-hover:#663800;--header:#ff8c00;--text-main:#bbb;--text-sub:#9b9b9b;--link:#ff8c00;--visited-link:#ffa333;--hover-link:#ffaf4d;--nav-link:#fff;--light-link:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.far fa-life-ring{color:var(--link)}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#ff8c00}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-purple-dark.css b/public/css/dist/skins/skin-purple-dark.css index cec9819d7..33a21545b 100644 --- a/public/css/dist/skins/skin-purple-dark.css +++ b/public/css/dist/skins/skin-purple-dark.css @@ -1,521 +1 @@ -/* - * Skin: purple dark - * ---------- - */ -.skin-purple-dark .main-header .navbar { - background-color: #605ca8; -} -.skin-purple-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-purple-dark .main-header .navbar .nav > li > a:hover, -.skin-purple-dark .main-header .navbar .nav > li > a:active, -.skin-purple-dark .main-header .navbar .nav > li > a:focus, -.skin-purple-dark .main-header .navbar .nav .open > a, -.skin-purple-dark .main-header .navbar .nav .open > a:hover, -.skin-purple-dark .main-header .navbar .nav .open > a:focus, -.skin-purple-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-purple-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-purple-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #555299; -} -@media (max-width: 767px) { - .skin-purple-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-purple-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-purple-dark .main-header .navbar .dropdown-menu li a:hover { - background: #555299; - color: #fff; - } -} -.skin-purple-dark .main-header li.user-header { - background-color: #605ca8; -} -.skin-purple-dark .content-header { - background: transparent; -} -.skin-purple-dark .wrapper, -.skin-purple-dark .main-sidebar, -.skin-purple-dark .left-side { - background-color: #222d32; -} -.skin-purple-dark .user-panel > .info, -.skin-purple-dark .user-panel > .info > a { - color: #fff; -} -.skin-purple-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-purple-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-purple-dark .sidebar-menu > li:hover > a, -.skin-purple-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #605ca8; -} -.skin-purple-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-purple-dark .sidebar a { - color: #b8c7ce; -} -.skin-purple-dark .sidebar a:hover { - text-decoration: none; -} -.skin-purple-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-purple-dark .treeview-menu > li.active > a, -.skin-purple-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-purple-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-purple-dark .sidebar-form input[type="text"], -.skin-purple-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-purple-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-purple-dark .sidebar-form input[type="text"]:focus, -.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-purple-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-purple-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #4c4988; - border-color: #FFF; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #3a3767; - border-color: #3a3767; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #4c4988; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #272546; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #080808; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #434078; - --button-primary: #302e56; - --button-hover: #272546; - --header: #605ca8; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #AC83FF; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #dfd0ff; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffffff; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--button-default); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.label-default { - background-color: var(--back-sub); - color: #fff; -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -.far fa-life-ring { - color: var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -a:link.btn-default { - color: var(--nav-link); -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-purple { - color: var(--nav-link) !important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--link); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-purple-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-purple-dark .sidebar-menu > li.active > a, -.skin-purple .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -a:visited { - color: var(--visited-link); -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-purple-dark .main-header .navbar{background-color:#605ca8}.skin-purple-dark .main-header .navbar .nav>li>a{color:#fff}.skin-purple-dark .main-header .navbar .nav .open>a,.skin-purple-dark .main-header .navbar .nav .open>a:focus,.skin-purple-dark .main-header .navbar .nav .open>a:hover,.skin-purple-dark .main-header .navbar .nav>.active>a,.skin-purple-dark .main-header .navbar .nav>li>a:active,.skin-purple-dark .main-header .navbar .nav>li>a:focus,.skin-purple-dark .main-header .navbar .nav>li>a:hover,.skin-purple-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-dark .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-purple-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-dark .main-header .navbar .dropdown-menu li a:hover{background:#555299;color:#fff}}.skin-purple-dark .main-header li.user-header{background-color:#605ca8}.skin-purple-dark .content-header{background:transparent}.skin-purple-dark .left-side,.skin-purple-dark .main-sidebar,.skin-purple-dark .wrapper{background-color:#222d32}.skin-purple-dark .user-panel>.info,.skin-purple-dark .user-panel>.info>a{color:#fff}.skin-purple-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-purple-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple-dark .sidebar-menu>li.active>a,.skin-purple-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#605ca8;color:#fff}.skin-purple-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-purple-dark .sidebar a{color:#b8c7ce}.skin-purple-dark .sidebar a:hover{text-decoration:none}.skin-purple-dark .treeview-menu>li>a{color:#8aa4af}.skin-purple-dark .treeview-menu>li.active>a,.skin-purple-dark .treeview-menu>li>a:hover{color:#fff}.skin-purple-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-purple-dark .sidebar-form .btn,.skin-purple-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-purple-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-purple-dark .sidebar-form input[type=text]:focus,.skin-purple-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-purple-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#4c4988;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#080808;--back-sub-alt:rgba(0,0,0,.36);--button-default:#434078;--button-primary:#302e56;--button-hover:#272546;--header:#605ca8;--text-main:#bbb;--text-sub:#9b9b9b;--link:#ac83ff;--visited-link:#dfd0ff;--hover-link:#fff;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--button-default);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.label-default{background-color:var(--back-sub);color:#fff}.modal-content{background-color:var(--back-main);color:var(--text-main)}.far fa-life-ring{color:var(--link)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}a:link.btn-default{color:var(--nav-link)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--nav-link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-purple{color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--link)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-purple-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-purple .sidebar-menu>li:hover>a,.skin-purple-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}a:visited{color:var(--visited-link)}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-purple-dark.min.css b/public/css/dist/skins/skin-purple-dark.min.css index cec9819d7..33a21545b 100644 --- a/public/css/dist/skins/skin-purple-dark.min.css +++ b/public/css/dist/skins/skin-purple-dark.min.css @@ -1,521 +1 @@ -/* - * Skin: purple dark - * ---------- - */ -.skin-purple-dark .main-header .navbar { - background-color: #605ca8; -} -.skin-purple-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-purple-dark .main-header .navbar .nav > li > a:hover, -.skin-purple-dark .main-header .navbar .nav > li > a:active, -.skin-purple-dark .main-header .navbar .nav > li > a:focus, -.skin-purple-dark .main-header .navbar .nav .open > a, -.skin-purple-dark .main-header .navbar .nav .open > a:hover, -.skin-purple-dark .main-header .navbar .nav .open > a:focus, -.skin-purple-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-purple-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-purple-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #555299; -} -@media (max-width: 767px) { - .skin-purple-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-purple-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-purple-dark .main-header .navbar .dropdown-menu li a:hover { - background: #555299; - color: #fff; - } -} -.skin-purple-dark .main-header li.user-header { - background-color: #605ca8; -} -.skin-purple-dark .content-header { - background: transparent; -} -.skin-purple-dark .wrapper, -.skin-purple-dark .main-sidebar, -.skin-purple-dark .left-side { - background-color: #222d32; -} -.skin-purple-dark .user-panel > .info, -.skin-purple-dark .user-panel > .info > a { - color: #fff; -} -.skin-purple-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-purple-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-purple-dark .sidebar-menu > li:hover > a, -.skin-purple-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #605ca8; -} -.skin-purple-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-purple-dark .sidebar a { - color: #b8c7ce; -} -.skin-purple-dark .sidebar a:hover { - text-decoration: none; -} -.skin-purple-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-purple-dark .treeview-menu > li.active > a, -.skin-purple-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-purple-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-purple-dark .sidebar-form input[type="text"], -.skin-purple-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-purple-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-purple-dark .sidebar-form input[type="text"]:focus, -.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-purple-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-purple-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff !important; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #4c4988; - border-color: #FFF; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #3a3767; - border-color: #3a3767; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #4c4988; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #272546; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #080808; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #434078; - --button-primary: #302e56; - --button-hover: #272546; - --header: #605ca8; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #AC83FF; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #dfd0ff; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffffff; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--button-default); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.label-default { - background-color: var(--back-sub); - color: #fff; -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -.far fa-life-ring { - color: var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -a:link.btn-default { - color: var(--nav-link); -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-purple { - color: var(--nav-link) !important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--link); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-purple-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-purple-dark .sidebar-menu > li.active > a, -.skin-purple .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); - text-decoration: underline; -} -a:visited { - color: var(--visited-link); -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-purple-dark .main-header .navbar{background-color:#605ca8}.skin-purple-dark .main-header .navbar .nav>li>a{color:#fff}.skin-purple-dark .main-header .navbar .nav .open>a,.skin-purple-dark .main-header .navbar .nav .open>a:focus,.skin-purple-dark .main-header .navbar .nav .open>a:hover,.skin-purple-dark .main-header .navbar .nav>.active>a,.skin-purple-dark .main-header .navbar .nav>li>a:active,.skin-purple-dark .main-header .navbar .nav>li>a:focus,.skin-purple-dark .main-header .navbar .nav>li>a:hover,.skin-purple-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-dark .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-purple-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-dark .main-header .navbar .dropdown-menu li a:hover{background:#555299;color:#fff}}.skin-purple-dark .main-header li.user-header{background-color:#605ca8}.skin-purple-dark .content-header{background:transparent}.skin-purple-dark .left-side,.skin-purple-dark .main-sidebar,.skin-purple-dark .wrapper{background-color:#222d32}.skin-purple-dark .user-panel>.info,.skin-purple-dark .user-panel>.info>a{color:#fff}.skin-purple-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-purple-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple-dark .sidebar-menu>li.active>a,.skin-purple-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#605ca8;color:#fff}.skin-purple-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-purple-dark .sidebar a{color:#b8c7ce}.skin-purple-dark .sidebar a:hover{text-decoration:none}.skin-purple-dark .treeview-menu>li>a{color:#8aa4af}.skin-purple-dark .treeview-menu>li.active>a,.skin-purple-dark .treeview-menu>li>a:hover{color:#fff}.skin-purple-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-purple-dark .sidebar-form .btn,.skin-purple-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-purple-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-purple-dark .sidebar-form input[type=text]:focus,.skin-purple-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-purple-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff!important}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#4c4988;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#080808;--back-sub-alt:rgba(0,0,0,.36);--button-default:#434078;--button-primary:#302e56;--button-hover:#272546;--header:#605ca8;--text-main:#bbb;--text-sub:#9b9b9b;--link:#ac83ff;--visited-link:#dfd0ff;--hover-link:#fff;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--button-default);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.label-default{background-color:var(--back-sub);color:#fff}.modal-content{background-color:var(--back-main);color:var(--text-main)}.far fa-life-ring{color:var(--link)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}a:link.btn-default{color:var(--nav-link)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--nav-link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-purple{color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--link)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-purple-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-purple .sidebar-menu>li:hover>a,.skin-purple-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}a,a:link{color:var(--link)}a:hover{color:var(--hover-link);text-decoration:underline}a:visited{color:var(--visited-link)}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-purple.css b/public/css/dist/skins/skin-purple.css index d4f67fee9..344cbfce1 100644 --- a/public/css/dist/skins/skin-purple.css +++ b/public/css/dist/skins/skin-purple.css @@ -1,206 +1 @@ -/* - * Skin: Purple - * ---------- - */ -.skin-purple .main-header .navbar { - background-color: #605ca8; -} -.skin-purple .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-purple .main-header .navbar .nav > li > a:hover, -.skin-purple .main-header .navbar .nav > li > a:active, -.skin-purple .main-header .navbar .nav > li > a:focus, -.skin-purple .main-header .navbar .nav .open > a, -.skin-purple .main-header .navbar .nav .open > a:hover, -.skin-purple .main-header .navbar .nav .open > a:focus, -.skin-purple .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-purple .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-purple .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple .main-header .navbar .sidebar-toggle:hover { - background-color: #555299; -} -@media (max-width: 767px) { - .skin-purple .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-purple .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-purple .main-header .navbar .dropdown-menu li a:hover { - background: #555299; - } -} -.skin-purple .main-header li.user-header { - background-color: #605ca8; -} -.skin-purple .content-header { - background: transparent; -} -.skin-purple .wrapper, -.skin-purple .main-sidebar, -.skin-purple .left-side { - background-color: #222d32; -} -.skin-purple .user-panel > .info, -.skin-purple .user-panel > .info > a { - color: #fff; -} -.skin-purple .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-purple .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-purple .sidebar-menu > li:hover > a, -.skin-purple .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #605ca8; -} -.skin-purple .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-purple .sidebar a { - color: #b8c7ce; -} -.skin-purple .sidebar a:hover { - text-decoration: none; -} -.skin-purple .treeview-menu > li > a { - color: #8aa4af; -} -.skin-purple .treeview-menu > li.active > a, -.skin-purple .treeview-menu > li > a:hover { - color: #fff; -} -.skin-purple .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-purple .sidebar-form input[type="text"], -.skin-purple .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-purple .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-purple .sidebar-form input[type="text"]:focus, -.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-purple .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-purple.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #4c4988; - border-color: #3a3767; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #3a3767; - border-color: #3a3767; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #4c4988; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #272546; - color: #fff; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #3a3767; -} -:root { - --button-default: #434078; - --button-primary: #302e56; - --button-hover: #272546; - --header: #605ca8; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #605ca8; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #918ec3; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #c1c0dd; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #605ca8; -} -.far fa-life-ring { - color: var(--link); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav>.active>a,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#333}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .left-side,.skin-purple .main-sidebar,.skin-purple .wrapper{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#605ca8;color:#fff}.skin-purple .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-purple .sidebar-form .btn,.skin-purple .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-purple .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-purple .sidebar-form input[type=text]:focus,.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-purple.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#4c4988;border-color:#3a3767;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#3a3767}:root{--button-default:#434078;--button-primary:#302e56;--button-hover:#272546;--header:#605ca8;--text-main:#bbb;--text-sub:#9b9b9b;--link:#605ca8;--visited-link:#918ec3;--hover-link:#c1c0dd;--nav-link:#fff;--light-link:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#605ca8}.far fa-life-ring{color:var(--link)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-purple.min.css b/public/css/dist/skins/skin-purple.min.css index d4f67fee9..344cbfce1 100644 --- a/public/css/dist/skins/skin-purple.min.css +++ b/public/css/dist/skins/skin-purple.min.css @@ -1,206 +1 @@ -/* - * Skin: Purple - * ---------- - */ -.skin-purple .main-header .navbar { - background-color: #605ca8; -} -.skin-purple .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-purple .main-header .navbar .nav > li > a:hover, -.skin-purple .main-header .navbar .nav > li > a:active, -.skin-purple .main-header .navbar .nav > li > a:focus, -.skin-purple .main-header .navbar .nav .open > a, -.skin-purple .main-header .navbar .nav .open > a:hover, -.skin-purple .main-header .navbar .nav .open > a:focus, -.skin-purple .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-purple .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-purple .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-purple .main-header .navbar .sidebar-toggle:hover { - background-color: #555299; -} -@media (max-width: 767px) { - .skin-purple .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-purple .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-purple .main-header .navbar .dropdown-menu li a:hover { - background: #555299; - } -} -.skin-purple .main-header li.user-header { - background-color: #605ca8; -} -.skin-purple .content-header { - background: transparent; -} -.skin-purple .wrapper, -.skin-purple .main-sidebar, -.skin-purple .left-side { - background-color: #222d32; -} -.skin-purple .user-panel > .info, -.skin-purple .user-panel > .info > a { - color: #fff; -} -.skin-purple .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-purple .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-purple .sidebar-menu > li:hover > a, -.skin-purple .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #605ca8; -} -.skin-purple .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-purple .sidebar a { - color: #b8c7ce; -} -.skin-purple .sidebar a:hover { - text-decoration: none; -} -.skin-purple .treeview-menu > li > a { - color: #8aa4af; -} -.skin-purple .treeview-menu > li.active > a, -.skin-purple .treeview-menu > li > a:hover { - color: #fff; -} -.skin-purple .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-purple .sidebar-form input[type="text"], -.skin-purple .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-purple .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-purple .sidebar-form input[type="text"]:focus, -.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-purple .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-purple.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #4c4988; - border-color: #3a3767; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #3a3767; - border-color: #3a3767; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #4c4988; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #272546; - color: #fff; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #3a3767; -} -:root { - --button-default: #434078; - --button-primary: #302e56; - --button-hover: #272546; - --header: #605ca8; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #605ca8; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #918ec3; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #c1c0dd; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #605ca8; -} -.far fa-life-ring { - color: var(--link); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav>.active>a,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#333}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .left-side,.skin-purple .main-sidebar,.skin-purple .wrapper{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#605ca8;color:#fff}.skin-purple .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-purple .sidebar-form .btn,.skin-purple .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-purple .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-purple .sidebar-form input[type=text]:focus,.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-purple.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#4c4988;border-color:#3a3767;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#3a3767}:root{--button-default:#434078;--button-primary:#302e56;--button-hover:#272546;--header:#605ca8;--text-main:#bbb;--text-sub:#9b9b9b;--link:#605ca8;--visited-link:#918ec3;--hover-link:#c1c0dd;--nav-link:#fff;--light-link:#fff}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#605ca8}.far fa-life-ring{color:var(--link)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-red-dark.css b/public/css/dist/skins/skin-red-dark.css index 17d495cbb..b92ad70df 100644 --- a/public/css/dist/skins/skin-red-dark.css +++ b/public/css/dist/skins/skin-red-dark.css @@ -1,532 +1 @@ -/* - * Skin: red dark - * ---------- - */ -.skin-red-dark .main-header .navbar { - background-color: #dd4b39; -} -.skin-red-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-red-dark .main-header .navbar .nav > li > a:hover, -.skin-red-dark .main-header .navbar .nav > li > a:active, -.skin-red-dark .main-header .navbar .nav > li > a:focus, -.skin-red-dark .main-header .navbar .nav .open > a, -.skin-red-dark .main-header .navbar .nav .open > a:hover, -.skin-red-dark .main-header .navbar .nav .open > a:focus, -.skin-red-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-red-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-red-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #d73925; -} -@media (max-width: 767px) { - .skin-red-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-red-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-red-dark .main-header .navbar .dropdown-menu li a:hover { - background: #d73925; - color: #fff; - } -} -.skin-red-dark .main-header li.user-header { - background-color: #dd4b39; -} -.skin-red-dark .content-header { - background: transparent; -} -.skin-red-dark .wrapper, -.skin-red-dark .main-sidebar, -.skin-red-dark .left-side { - background-color: #222d32; -} -.skin-red-dark .user-panel > .info, -.skin-red-dark .user-panel > .info > a { - color: #fff; -} -.skin-red-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-red-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-red-dark .sidebar-menu > li:hover > a, -.skin-red-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #dd4b39; -} -.skin-red-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-red-dark .sidebar a { - color: #b8c7ce; -} -.skin-red-dark .sidebar a:hover { - text-decoration: none; -} -.skin-red-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-red-dark .treeview-menu > li.active > a, -.skin-red-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-red-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-red-dark .sidebar-form input[type="text"], -.skin-red-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-red-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-red-dark .sidebar-form input[type="text"]:focus, -.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-red-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-red-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #c23321; - border-color: #FFF; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #96271a; - border-color: #96271a; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #c23321; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #6b1c12; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: #fff; -} -a:visited { - color: #fff; -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #ac2d1e; - --button-primary: #802216; - --button-hover: #6b1c12; - --header: #dd4b39; - /* Use same as Header picker */ - --text-main: #BBB; - --text-alt: #222; - --text-sub: #9b9b9b; - --link: #e00000; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #D24D57; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #D24D57; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--back-sub); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-red { - color: var(--button-primary); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-red-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-red-dark .sidebar-menu > li.active > a, -.skin-red .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -#upload-table tbody > tr.warning > td, -#upload-table h3, -#upload-table p { - background-color: #fcf8e3; - color: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--nav-link); -} -a:hover { - color: var(--nav-link); - text-decoration: underline; -} -a:visited { - color: var(--nav-link); -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-red-dark .main-header .navbar{background-color:#dd4b39}.skin-red-dark .main-header .navbar .nav>li>a{color:#fff}.skin-red-dark .main-header .navbar .nav .open>a,.skin-red-dark .main-header .navbar .nav .open>a:focus,.skin-red-dark .main-header .navbar .nav .open>a:hover,.skin-red-dark .main-header .navbar .nav>.active>a,.skin-red-dark .main-header .navbar .nav>li>a:active,.skin-red-dark .main-header .navbar .nav>li>a:focus,.skin-red-dark .main-header .navbar .nav>li>a:hover,.skin-red-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-dark .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-red-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-dark .main-header .navbar .dropdown-menu li a:hover{background:#d73925;color:#fff}}.skin-red-dark .main-header li.user-header{background-color:#dd4b39}.skin-red-dark .content-header{background:transparent}.skin-red-dark .left-side,.skin-red-dark .main-sidebar,.skin-red-dark .wrapper{background-color:#222d32}.skin-red-dark .user-panel>.info,.skin-red-dark .user-panel>.info>a{color:#fff}.skin-red-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-red-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red-dark .sidebar-menu>li.active>a,.skin-red-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#dd4b39;color:#fff}.skin-red-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-red-dark .sidebar a{color:#b8c7ce}.skin-red-dark .sidebar a:hover{text-decoration:none}.skin-red-dark .treeview-menu>li>a{color:#8aa4af}.skin-red-dark .treeview-menu>li.active>a,.skin-red-dark .treeview-menu>li>a:hover{color:#fff}.skin-red-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-red-dark .sidebar-form .btn,.skin-red-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-red-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-red-dark .sidebar-form input[type=text]:focus,.skin-red-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-red-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#c23321;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#96271a;border-color:#96271a;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#c23321;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#6b1c12;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary,a:hover,a:visited{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#ac2d1e;--button-primary:#802216;--button-hover:#6b1c12;--header:#dd4b39;--text-main:#bbb;--text-alt:#222;--text-sub:#9b9b9b;--link:#e00000;--visited-link:#d24d57;--hover-link:#d24d57;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}a:link{color:var(--link)}a:hover{color:var(--hover-link)}.far fa-life-ring{color:var(--link)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default{background-color:var(--back-sub)}.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-red{color:var(--button-primary)}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-red-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-red .sidebar-menu>li:hover>a,.skin-red-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}#upload-table h3,#upload-table p,#upload-table tbody>tr.warning>td{background-color:#fcf8e3;color:#000}a{color:var(--link)}a:hover,a:link{color:var(--nav-link)}a:hover{text-decoration:underline}a:visited{color:var(--nav-link)}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-red-dark.min.css b/public/css/dist/skins/skin-red-dark.min.css index 17d495cbb..b92ad70df 100644 --- a/public/css/dist/skins/skin-red-dark.min.css +++ b/public/css/dist/skins/skin-red-dark.min.css @@ -1,532 +1 @@ -/* - * Skin: red dark - * ---------- - */ -.skin-red-dark .main-header .navbar { - background-color: #dd4b39; -} -.skin-red-dark .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-red-dark .main-header .navbar .nav > li > a:hover, -.skin-red-dark .main-header .navbar .nav > li > a:active, -.skin-red-dark .main-header .navbar .nav > li > a:focus, -.skin-red-dark .main-header .navbar .nav .open > a, -.skin-red-dark .main-header .navbar .nav .open > a:hover, -.skin-red-dark .main-header .navbar .nav .open > a:focus, -.skin-red-dark .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-red-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red-dark .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-red-dark .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red-dark .main-header .navbar .sidebar-toggle:hover { - background-color: #d73925; -} -@media (max-width: 767px) { - .skin-red-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-red-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-red-dark .main-header .navbar .dropdown-menu li a:hover { - background: #d73925; - color: #fff; - } -} -.skin-red-dark .main-header li.user-header { - background-color: #dd4b39; -} -.skin-red-dark .content-header { - background: transparent; -} -.skin-red-dark .wrapper, -.skin-red-dark .main-sidebar, -.skin-red-dark .left-side { - background-color: #222d32; -} -.skin-red-dark .user-panel > .info, -.skin-red-dark .user-panel > .info > a { - color: #fff; -} -.skin-red-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-red-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-red-dark .sidebar-menu > li:hover > a, -.skin-red-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #dd4b39; -} -.skin-red-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-red-dark .sidebar a { - color: #b8c7ce; -} -.skin-red-dark .sidebar a:hover { - text-decoration: none; -} -.skin-red-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-red-dark .treeview-menu > li.active > a, -.skin-red-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-red-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-red-dark .sidebar-form input[type="text"], -.skin-red-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-red-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-red-dark .sidebar-form input[type="text"]:focus, -.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-red-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-red-dark.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn, -.btn:hover { - color: #fff; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #c23321; - border-color: #FFF; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #96271a; - border-color: #96271a; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #c23321; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #6b1c12; - color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:hover { - color: #fff; -} -a:visited { - color: #fff; -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #ac2d1e; - --button-primary: #802216; - --button-hover: #6b1c12; - --header: #dd4b39; - /* Use same as Header picker */ - --text-main: #BBB; - --text-alt: #222; - --text-sub: #9b9b9b; - --link: #e00000; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #D24D57; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #D24D57; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -.pagination > li > a { - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--nav-link); -} -.far fa-life-ring { - color: var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: var(--nav-link) !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--back-sub); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-red { - color: var(--button-primary); -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner { - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-red-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.fixed-table-body thead th .th-inner, -.skin-red-dark .sidebar-menu > li.active > a, -.skin-red .sidebar-menu > li:hover > a, -.sidebar-toggle:hover { - background-color: var(--header) !important; -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -#upload-table tbody > tr.warning > td, -#upload-table h3, -#upload-table p { - background-color: #fcf8e3; - color: #000; -} -a { - color: var(--link); -} -a:link { - color: var(--nav-link); -} -a:hover { - color: var(--nav-link); - text-decoration: underline; -} -a:visited { - color: var(--nav-link); -} -#customFieldsTable a[href*='/models'] { - color: var(--back-sub); -} -#customFieldsTable a[href*='/fieldsets'] { - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-red-dark .main-header .navbar{background-color:#dd4b39}.skin-red-dark .main-header .navbar .nav>li>a{color:#fff}.skin-red-dark .main-header .navbar .nav .open>a,.skin-red-dark .main-header .navbar .nav .open>a:focus,.skin-red-dark .main-header .navbar .nav .open>a:hover,.skin-red-dark .main-header .navbar .nav>.active>a,.skin-red-dark .main-header .navbar .nav>li>a:active,.skin-red-dark .main-header .navbar .nav>li>a:focus,.skin-red-dark .main-header .navbar .nav>li>a:hover,.skin-red-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-dark .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-red-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-dark .main-header .navbar .dropdown-menu li a:hover{background:#d73925;color:#fff}}.skin-red-dark .main-header li.user-header{background-color:#dd4b39}.skin-red-dark .content-header{background:transparent}.skin-red-dark .left-side,.skin-red-dark .main-sidebar,.skin-red-dark .wrapper{background-color:#222d32}.skin-red-dark .user-panel>.info,.skin-red-dark .user-panel>.info>a{color:#fff}.skin-red-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-red-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red-dark .sidebar-menu>li.active>a,.skin-red-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#dd4b39;color:#fff}.skin-red-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-red-dark .sidebar a{color:#b8c7ce}.skin-red-dark .sidebar a:hover{text-decoration:none}.skin-red-dark .treeview-menu>li>a{color:#8aa4af}.skin-red-dark .treeview-menu>li.active>a,.skin-red-dark .treeview-menu>li>a:hover{color:#fff}.skin-red-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-red-dark .sidebar-form .btn,.skin-red-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-red-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-red-dark .sidebar-form input[type=text]:focus,.skin-red-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-red-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{color:#fff}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#c23321;border-color:#fff;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#96271a;border-color:#96271a;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#c23321;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#6b1c12;color:#fff}li.dropdown-item-marker{color:var(--button-primary)}.text-primary,a:hover,a:visited{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#ac2d1e;--button-primary:#802216;--button-hover:#6b1c12;--header:#dd4b39;--text-main:#bbb;--text-alt:#222;--text-sub:#9b9b9b;--link:#e00000;--visited-link:#d24d57;--hover-link:#d24d57;--nav-link:#fff;--light-link:#fff}#ldapad_test_results.well.well-sm{color:var(--back-main)}.pagination>li>a{background-color:var(--back-main);color:var(--light-link)}.pagination>.active>a{background-color:var(--visited-link);border-color:var(--light-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--nav-link)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}a:link{color:var(--link)}a:hover{color:var(--hover-link)}.far fa-life-ring{color:var(--link)}.btn-primary.hover{color:var(--nav-link)}.small-box h3,.small-box p{color:var(--nav-link)!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default{background-color:var(--back-sub)}.btn-default dropdown-toggle{background-color:var(--button-default);color:var(--link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-red{color:var(--button-primary)}.btn-primary:hover{background-color:var(--button-primary);color:var(--link)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.fixed-table-body thead th .th-inner{color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-red-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.fixed-table-body thead th .th-inner,.sidebar-toggle:hover,.skin-red .sidebar-menu>li:hover>a,.skin-red-dark .sidebar-menu>li.active>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}#upload-table h3,#upload-table p,#upload-table tbody>tr.warning>td{background-color:#fcf8e3;color:#000}a{color:var(--link)}a:hover,a:link{color:var(--nav-link)}a:hover{text-decoration:underline}a:visited{color:var(--nav-link)}#customFieldsTable a[href*="/models"]{color:var(--back-sub)}#customFieldsTable a[href*="/fieldsets"]{background-color:transparent}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-red.css b/public/css/dist/skins/skin-red.css index 0dc365805..c6167ad73 100644 --- a/public/css/dist/skins/skin-red.css +++ b/public/css/dist/skins/skin-red.css @@ -1,213 +1 @@ -/* - * Skin: Red - * ---------- - */ -.skin-red .main-header .navbar { - background-color: #dd4b39; -} -.skin-red .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-red .main-header .navbar .nav > li > a:hover, -.skin-red .main-header .navbar .nav > li > a:active, -.skin-red .main-header .navbar .nav > li > a:focus, -.skin-red .main-header .navbar .nav .open > a, -.skin-red .main-header .navbar .nav .open > a:hover, -.skin-red .main-header .navbar .nav .open > a:focus, -.skin-red .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-red .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-red .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red .main-header .navbar .sidebar-toggle:hover { - background-color: #d73925; -} -@media (max-width: 767px) { - .skin-red .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-red .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-red .main-header .navbar .dropdown-menu li a:hover { - background: #d73925; - } -} -.skin-red .main-header li.user-header { - background-color: #dd4b39; -} -.skin-red .content-header { - background: transparent; -} -.skin-red .wrapper, -.skin-red .main-sidebar, -.skin-red .left-side { - background-color: #222d32; -} -.skin-red .user-panel > .info, -.skin-red .user-panel > .info > a { - color: #fff; -} -.skin-red .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-red .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-red .sidebar-menu > li:hover > a, -.skin-red .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #dd4b39; -} -.skin-red .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-red .sidebar a { - color: #b8c7ce; -} -.skin-red .sidebar a:hover { - text-decoration: none; -} -.skin-red .treeview-menu > li > a { - color: #8aa4af; -} -.skin-red .treeview-menu > li.active > a, -.skin-red .treeview-menu > li > a:hover { - color: #fff; -} -.skin-red .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-red .sidebar-form input[type="text"], -.skin-red .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-red .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-red .sidebar-form input[type="text"]:focus, -.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-red .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-red.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #c23321; - border-color: #96271a; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #96271a; - border-color: #96271a; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #c23321; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #6b1c12; - color: #fff; -} -a { - color: #dd4b39; -} -a:hover { - color: #96271a; -} -a:visited { - color: #dd4b39; -} -.text-primary { - color: #96271a; -} -:root { - --button-default: #ac2d1e; - --button-primary: #802216; - --button-hover: #6b1c12; - --header: #dd4b39; - /* Use same as Header picker */ - --text-main: #BBB; - --text-alt: #222; - --text-sub: #9b9b9b; - --link: #dd4b39; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #e8867a; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #f3c2bc; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #dd4b39; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -.far fa-life-ring { - color: var(--link); -} - +.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav>.active>a,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#333}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .left-side,.skin-red .main-sidebar,.skin-red .wrapper{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#dd4b39;color:#fff}.skin-red .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-red .sidebar-form .btn,.skin-red .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-red .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-red .sidebar-form input[type=text]:focus,.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-red.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#c23321;border-color:#96271a;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#96271a;border-color:#96271a;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#c23321;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#6b1c12;color:#fff}a{color:#dd4b39}a:hover{color:#96271a}a:visited{color:#dd4b39}.text-primary{color:#96271a}:root{--button-default:#ac2d1e;--button-primary:#802216;--button-hover:#6b1c12;--header:#dd4b39;--text-main:#bbb;--text-alt:#222;--text-sub:#9b9b9b;--link:#dd4b39;--visited-link:#e8867a;--hover-link:#f3c2bc;--nav-link:#fff;--light-link:#fff}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#dd4b39}.search-highlight,.search-highlight:hover{background-color:#e9d15b}.far fa-life-ring{color:var(--link)} diff --git a/public/css/dist/skins/skin-red.min.css b/public/css/dist/skins/skin-red.min.css index 0dc365805..c6167ad73 100644 --- a/public/css/dist/skins/skin-red.min.css +++ b/public/css/dist/skins/skin-red.min.css @@ -1,213 +1 @@ -/* - * Skin: Red - * ---------- - */ -.skin-red .main-header .navbar { - background-color: #dd4b39; -} -.skin-red .main-header .navbar .nav > li > a { - color: #fff; -} -.skin-red .main-header .navbar .nav > li > a:hover, -.skin-red .main-header .navbar .nav > li > a:active, -.skin-red .main-header .navbar .nav > li > a:focus, -.skin-red .main-header .navbar .nav .open > a, -.skin-red .main-header .navbar .nav .open > a:hover, -.skin-red .main-header .navbar .nav .open > a:focus, -.skin-red .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-red .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-red .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-red .main-header .navbar .sidebar-toggle:hover { - background-color: #d73925; -} -@media (max-width: 767px) { - .skin-red .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-red .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-red .main-header .navbar .dropdown-menu li a:hover { - background: #d73925; - } -} -.skin-red .main-header li.user-header { - background-color: #dd4b39; -} -.skin-red .content-header { - background: transparent; -} -.skin-red .wrapper, -.skin-red .main-sidebar, -.skin-red .left-side { - background-color: #222d32; -} -.skin-red .user-panel > .info, -.skin-red .user-panel > .info > a { - color: #fff; -} -.skin-red .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-red .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-red .sidebar-menu > li:hover > a, -.skin-red .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #dd4b39; -} -.skin-red .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-red .sidebar a { - color: #b8c7ce; -} -.skin-red .sidebar a:hover { - text-decoration: none; -} -.skin-red .treeview-menu > li > a { - color: #8aa4af; -} -.skin-red .treeview-menu > li.active > a, -.skin-red .treeview-menu > li > a:hover { - color: #fff; -} -.skin-red .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-red .sidebar-form input[type="text"], -.skin-red .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-red .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-red .sidebar-form input[type="text"]:focus, -.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-red .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-red.layout-top-nav .main-header > .logo .logo-variant { - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #c23321; - border-color: #96271a; - color: #fff; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #96271a; - border-color: #96271a; - color: #fff; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #c23321; - color: #fff; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #6b1c12; - color: #fff; -} -a { - color: #dd4b39; -} -a:hover { - color: #96271a; -} -a:visited { - color: #dd4b39; -} -.text-primary { - color: #96271a; -} -:root { - --button-default: #ac2d1e; - --button-primary: #802216; - --button-hover: #6b1c12; - --header: #dd4b39; - /* Use same as Header picker */ - --text-main: #BBB; - --text-alt: #222; - --text-sub: #9b9b9b; - --link: #dd4b39; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #e8867a; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #f3c2bc; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -a:link { - color: var(--link); -} -a:visited { - color: var(--visited-link); -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #dd4b39; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -.far fa-life-ring { - color: var(--link); -} - +.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav>.active>a,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#333}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .left-side,.skin-red .main-sidebar,.skin-red .wrapper{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#dd4b39;color:#fff}.skin-red .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-red .sidebar-form .btn,.skin-red .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-red .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-red .sidebar-form input[type=text]:focus,.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-red.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#c23321;border-color:#96271a;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#96271a;border-color:#96271a;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#c23321;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#6b1c12;color:#fff}a{color:#dd4b39}a:hover{color:#96271a}a:visited{color:#dd4b39}.text-primary{color:#96271a}:root{--button-default:#ac2d1e;--button-primary:#802216;--button-hover:#6b1c12;--header:#dd4b39;--text-main:#bbb;--text-alt:#222;--text-sub:#9b9b9b;--link:#dd4b39;--visited-link:#e8867a;--hover-link:#f3c2bc;--nav-link:#fff;--light-link:#fff}a:link{color:var(--link)}a:visited{color:var(--visited-link)}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#dd4b39}.search-highlight,.search-highlight:hover{background-color:#e9d15b}.far fa-life-ring{color:var(--link)} diff --git a/public/css/dist/skins/skin-yellow-dark.css b/public/css/dist/skins/skin-yellow-dark.css index 09babaa6a..aea34738e 100644 --- a/public/css/dist/skins/skin-yellow-dark.css +++ b/public/css/dist/skins/skin-yellow-dark.css @@ -1,484 +1 @@ -/* - * Skin: yellow dark - * ---------- - */ -.skin-yellow-dark .main-header .navbar .sidebar-toggle { - color: #000 !important; -} -.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover { - background-color: var(--link); -} -@media (max-width: 767px) { - .skin-yellow-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-yellow-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover { - background: #e08e0b; - color: #fff; - } -} -.skin-yellow-dark .main-header li.user-header { - background-color: #f39c12; -} -.skin-yellow-dark .content-header { - background: transparent; -} -.skin-yellow-dark .wrapper, -.skin-yellow-dark .main-sidebar, -.skin-yellow-dark .left-side { - background-color: #222d32; -} -.skin-yellow-dark .user-panel > .info, -.skin-yellow-dark .user-panel > .info > a { - color: #fff; -} -.skin-yellow-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-yellow-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-yellow-dark .sidebar-menu > li:hover > a, -.skin-yellow-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #f39c12; -} -.skin-yellow-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-yellow-dark .sidebar a { - color: #b8c7ce; -} -.skin-yellow-dark .sidebar a:hover { - text-decoration: none; -} -.skin-yellow-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-yellow-dark .treeview-menu > li.active > a, -.skin-yellow-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-yellow-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-yellow-dark .sidebar-form input[type="text"], -.skin-yellow-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-yellow-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-yellow-dark .sidebar-form input[type="text"]:focus, -.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-yellow-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: var(--button-default); - border-color: var(--button-default); - color: #545454; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: var(--button-hover); - border-color: var(--button-hover); - color: #545454; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: var(--button-default); - color: #545454; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: var(--hover-link); - color: #545454; -} -a.actions { - color: #fff !important; -} -a:visited.label-default, -a:link.label-default { - color: #444; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #FFCC32; - --button-primary: #b28500; - --button-hover: #987200; - --header: #FFCC32; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #F0E68C; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #f9f5d0; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffffff; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #222; - /* Use same as Header picker */ - --light-link: #545454; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -.pagination > li > a { - color: var(--text-main); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--button-default); - border-color: var(--light-link); - color: var(--nav-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -a.btn.btn-default { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--text-main); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.navbar-nav > li > a:visited { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link.btn-default { - color: var(--nav-link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: #fff !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -.far fa-life-ring { - color: var(--link); -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-yellow { - color: var(--nav-link) !important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--nav-link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-yellow-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -tr th div.th-inner { - color: var(--text-main); -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -.th-inner { - color: var(--nav-link); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-yellow-dark .main-header .navbar .sidebar-toggle{color:#000!important}.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover{background-color:var(--link)}@media (max-width:767px){.skin-yellow-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-yellow-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b;color:#fff}}.skin-yellow-dark .main-header li.user-header{background-color:#f39c12}.skin-yellow-dark .content-header{background:transparent}.skin-yellow-dark .left-side,.skin-yellow-dark .main-sidebar,.skin-yellow-dark .wrapper{background-color:#222d32}.skin-yellow-dark .user-panel>.info,.skin-yellow-dark .user-panel>.info>a{color:#fff}.skin-yellow-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-yellow-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow-dark .sidebar-menu>li.active>a,.skin-yellow-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#f39c12;color:#fff}.skin-yellow-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-yellow-dark .sidebar a{color:#b8c7ce}.skin-yellow-dark .sidebar a:hover{text-decoration:none}.skin-yellow-dark .treeview-menu>li>a{color:#8aa4af}.skin-yellow-dark .treeview-menu>li.active>a,.skin-yellow-dark .treeview-menu>li>a:hover{color:#fff}.skin-yellow-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-yellow-dark .sidebar-form .btn,.skin-yellow-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-yellow-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-yellow-dark .sidebar-form input[type=text]:focus,.skin-yellow-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:var(--button-default);border-color:var(--button-default);color:#545454}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover);color:#545454}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:var(--button-default);color:#545454}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:var(--hover-link);color:#545454}a.actions{color:#fff!important}a:link.label-default,a:visited.label-default{color:#444}li.dropdown-item-marker{color:var(--button-primary)}a:link{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#ffcc32;--button-primary:#b28500;--button-hover:#987200;--header:#ffcc32;--text-main:#bbb;--text-sub:#9b9b9b;--link:khaki;--visited-link:#f9f5d0;--hover-link:#fff;--nav-link:#222;--light-link:#545454}#ldapad_test_results.well.well-sm{color:var(--back-main)}.pagination>li>a{background-color:var(--back-main);color:var(--text-main)}.pagination>.active>a{background-color:var(--button-default);border-color:var(--light-link);color:var(--nav-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}a.btn.btn-default{color:var(--nav-link)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--text-main)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.navbar-nav>li>a:visited,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a:link.btn-default{color:var(--nav-link)}.small-box h3,.small-box p{color:#fff!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}.far fa-life-ring{color:var(--link)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default)}.btn-default dropdown-toggle{color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--nav-link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.btn-primary:hover,.text-yellow{color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary)}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-yellow-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}tr th div.th-inner{color:var(--text-main)}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}.th-inner{color:var(--nav-link)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-yellow-dark.min.css b/public/css/dist/skins/skin-yellow-dark.min.css index 09babaa6a..aea34738e 100644 --- a/public/css/dist/skins/skin-yellow-dark.min.css +++ b/public/css/dist/skins/skin-yellow-dark.min.css @@ -1,484 +1 @@ -/* - * Skin: yellow dark - * ---------- - */ -.skin-yellow-dark .main-header .navbar .sidebar-toggle { - color: #000 !important; -} -.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover { - background-color: var(--link); -} -@media (max-width: 767px) { - .skin-yellow-dark .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - .skin-yellow-dark .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover { - background: #e08e0b; - color: #fff; - } -} -.skin-yellow-dark .main-header li.user-header { - background-color: #f39c12; -} -.skin-yellow-dark .content-header { - background: transparent; -} -.skin-yellow-dark .wrapper, -.skin-yellow-dark .main-sidebar, -.skin-yellow-dark .left-side { - background-color: #222d32; -} -.skin-yellow-dark .user-panel > .info, -.skin-yellow-dark .user-panel > .info > a { - color: #fff; -} -.skin-yellow-dark .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-yellow-dark .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-yellow-dark .sidebar-menu > li:hover > a, -.skin-yellow-dark .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #f39c12; -} -.skin-yellow-dark .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-yellow-dark .sidebar a { - color: #b8c7ce; -} -.skin-yellow-dark .sidebar a:hover { - text-decoration: none; -} -.skin-yellow-dark .treeview-menu > li > a { - color: #8aa4af; -} -.skin-yellow-dark .treeview-menu > li.active > a, -.skin-yellow-dark .treeview-menu > li > a:hover { - color: #fff; -} -.skin-yellow-dark .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-yellow-dark .sidebar-form input[type="text"], -.skin-yellow-dark .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-yellow-dark .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-yellow-dark .sidebar-form input[type="text"]:focus, -.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-yellow-dark .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: var(--button-default); - border-color: var(--button-default); - color: #545454; -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: var(--button-hover); - border-color: var(--button-hover); - color: #545454; -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: var(--button-default); - color: #545454; -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: var(--hover-link); - color: #545454; -} -a.actions { - color: #fff !important; -} -a:visited.label-default, -a:link.label-default { - color: #444; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #fff; -} -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #FFCC32; - --button-primary: #b28500; - --button-hover: #987200; - --header: #FFCC32; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #F0E68C; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #f9f5d0; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #ffffff; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #222; - /* Use same as Header picker */ - --light-link: #545454; - /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm { - color: var(--back-main); -} -.pagination > li > a { - color: var(--text-main); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--button-default); - border-color: var(--light-link); - color: var(--nav-link); -} -.pagination > .active > a:hover { - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu { - background-color: var(--back-main); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress { - background-color: var(--background); -} -h2.task_menu { - color: var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-main); - color: var(--link); -} -.main-header .navbar, -.main-header .logo { - background-color: var(--header); - background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%); - border-color: var(--header); -} -a.btn.btn-default { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--text-main); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color: #000; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.navbar-nav > li > a:visited { - color: var(--nav-link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} -a:link.btn-default { - color: var(--nav-link); -} -.btn-primary.hover { - color: var(--nav-link); -} -.small-box h3, -.small-box p { - color: #fff !important; -} -.small-box h3 a:hover, -.small-box p a:hover { - text-decoration: none; - color: var(--nav-link) !important; -} -.far fa-life-ring { - color: var(--link); -} -#accessoriesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#assetsListingTable > tbody > tr.selected > td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, -.box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, -.box-footer, -.box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default { - background-color: var(--button-default); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, -.btn-primary.hover, -.btn-primary:active, -.text-yellow { - color: var(--nav-link) !important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--nav-link) !important; -} -#componentsTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -#consumablesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form > div > div > div > span > i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, -.datepicker .next:hover, -.datepicker .prev:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day.focused, -.datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details > div > div > div > table { - background-color: transparent; -} -.dropdown-menu > li > a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: var(--back-main); - color: var(--text-main); -} -h1, -h2, -h3, -h4, -h5, -h6, -p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], -input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.input-group, -.input-group-addon { - background-color: var(--back-sub) !important; - color: var(--text-main); -} -#licensesTable > tbody > tr > td > nobr > a > i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li > a, -.nav-tabs-custom > .nav-tabs > li.active > a { - color: var(--text-main); -} -.nav-tabs-custom > .nav-tabs > li.active { - border-top-color: var(--header); -} -.nav-tabs-custom > .nav-tabs > li.active > a { - background-color: var(--back-main); -} -.nav-tabs-custom > .nav-tabs > li.active > a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, -.nav-tabs-custom > .tab-content { - background-color: var(--back-main); -} -.navbar-nav > .tasks-menu > .dropdown-menu > li.header { - background-color: var(--back-main); - color: var(--header); -} -.open > .dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default > .panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], -.select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub) !important; - color: var(--text-main) !important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-yellow-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -tr th div.th-inner { - color: var(--text-main); -} -.tab-content, -.tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped > tbody > tr:nth-of-type(even) { - background-color: var(--back-sub-alt); -} -.th-inner { - color: var(--nav-link); -} -#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa, -.box-body, -.box-footer, -.box-header { - color: var(--text-main); -} -.box-header.with-border { - border-bottom: #000; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - display: table; -} -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even) { - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} - +.skin-yellow-dark .main-header .navbar .sidebar-toggle{color:#000!important}.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover{background-color:var(--link)}@media (max-width:767px){.skin-yellow-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1);color:#fff}.skin-yellow-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b;color:#fff}}.skin-yellow-dark .main-header li.user-header{background-color:#f39c12}.skin-yellow-dark .content-header{background:transparent}.skin-yellow-dark .left-side,.skin-yellow-dark .main-sidebar,.skin-yellow-dark .wrapper{background-color:#222d32}.skin-yellow-dark .user-panel>.info,.skin-yellow-dark .user-panel>.info>a{color:#fff}.skin-yellow-dark .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-yellow-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow-dark .sidebar-menu>li.active>a,.skin-yellow-dark .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#f39c12;color:#fff}.skin-yellow-dark .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-yellow-dark .sidebar a{color:#b8c7ce}.skin-yellow-dark .sidebar a:hover{text-decoration:none}.skin-yellow-dark .treeview-menu>li>a{color:#8aa4af}.skin-yellow-dark .treeview-menu>li.active>a,.skin-yellow-dark .treeview-menu>li>a:hover{color:#fff}.skin-yellow-dark .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-yellow-dark .sidebar-form .btn,.skin-yellow-dark .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-yellow-dark .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-yellow-dark .sidebar-form input[type=text]:focus,.skin-yellow-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-dark .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:var(--button-default);border-color:var(--button-default);color:#545454}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover);color:#545454}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:var(--button-default);color:#545454}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:var(--hover-link);color:#545454}a.actions{color:#fff!important}a:link.label-default,a:visited.label-default{color:#444}li.dropdown-item-marker{color:var(--button-primary)}a:link{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#fff}:root{--background:#222;--back-main:#333;--back-sub:#3d4144;--back-sub-alt:rgba(0,0,0,.36);--button-default:#ffcc32;--button-primary:#b28500;--button-hover:#987200;--header:#ffcc32;--text-main:#bbb;--text-sub:#9b9b9b;--link:khaki;--visited-link:#f9f5d0;--hover-link:#fff;--nav-link:#222;--light-link:#545454}#ldapad_test_results.well.well-sm{color:var(--back-main)}.pagination>li>a{background-color:var(--back-main);color:var(--text-main)}.pagination>.active>a{background-color:var(--button-default);border-color:var(--light-link);color:var(--nav-link)}.pagination>.active>a:hover{background-color:var(--hover-link)}.tasks-menu>.dropdown-menu>li .menu{background-color:var(--back-main)}.tasks-menu>.dropdown-menu>li .menu>li>a:hover .progress{background-color:var(--background)}h2.task_menu{color:var(--link)}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{background-color:var(--back-main);color:var(--link)}.main-header .logo,.main-header .navbar{background-color:var(--header);background:linear-gradient(to bottom,var(--header) 0,var(--header) 100%);border-color:var(--header)}a.btn.btn-default{color:var(--nav-link)}.bootstrap-table .fixed-table-container .table thead th .sortable{color:var(--text-main)}.bootstrap-table .fixed-table-toolbar .columns label{color:#000}.navbar-nav>li>a:link,.navbar-nav>li>a:visited,.thead{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a:link.btn-default{color:var(--nav-link)}.small-box h3,.small-box p{color:#fff!important}.small-box h3 a:hover,.small-box p a:hover{color:var(--nav-link)!important;text-decoration:none}.far fa-life-ring{color:var(--link)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top-color:var(--header);border-top:3px solid var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--header)}.btn-default,.btn-default dropdown-toggle{background-color:var(--button-default)}.btn-default dropdown-toggle{color:var(--nav-link)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--button-hover);color:var(--nav-link)}.btn-primary,.btn-primary.hover,.btn-primary:active,.btn-primary:hover,.text-yellow{color:var(--nav-link)!important}.btn-primary:hover{background-color:var(--button-primary)}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu>li>a:hover{background-color:var(--back-main);color:var(--nav-link)}.form-control,.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--header)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-yellow-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}tr th div.th-inner{color:var(--text-main)}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--back-sub-alt)}.th-inner{color:var(--nav-link)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa,.box-body,.box-footer,.box-header{color:var(--text-main)}.box-header.with-border{border-bottom:#000}.row-striped{box-sizing:border-box;display:table;line-height:2.6;margin-left:20px;padding:0;vertical-align:top}.row-striped .row:nth-of-type(2n) div,.row-striped .row:nth-of-type(odd) div{background-color:var(--back-sub);border-top:1px solid #ddd;color:var(--text-main);display:table-cell}.row-new-striped>.row:nth-of-type(odd){background-color:var(--back-sub);color:var(--text-main)}.row-new-striped>.row:nth-of-type(2n){background-color:var(--back-sub-alt);color:var(--text-main)}.search-highlight,.search-highlight:hover{background-color:#e9d15b} diff --git a/public/css/dist/skins/skin-yellow.css b/public/css/dist/skins/skin-yellow.css index 8aef4cb90..5424b7f75 100644 --- a/public/css/dist/skins/skin-yellow.css +++ b/public/css/dist/skins/skin-yellow.css @@ -1,220 +1 @@ -/* - * Skin: Yellow - * ---------- - */ -.skin-yellow .main-header .navbar { - background-color: #FBCC34; -} -.skin-yellow .main-header .navbar .nav > li > a { - color: rgba(255, 255, 255, 0.8); -} -.skin-yellow .main-header .navbar .nav > li > a:hover, -.skin-yellow .main-header .navbar .nav > li > a:active, -.skin-yellow .main-header .navbar .nav > li > a:focus, -.skin-yellow .main-header .navbar .nav .open > a, -.skin-yellow .main-header .navbar .nav .open > a:hover, -.skin-yellow .main-header .navbar .nav .open > a:focus, -.skin-yellow .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-yellow .main-header .navbar .sidebar-toggle { - color: rgba(255, 255, 255, 0.8); -} -.skin-yellow .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-yellow .main-header .navbar .sidebar-toggle { - color: #000; -} -.skin-yellow .main-header .navbar .sidebar-toggle:hover { - background-color: #fbc61b; -} -@media (max-width: 767px) { - .skin-yellow .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-yellow .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-yellow .main-header .navbar .dropdown-menu li a:hover { - background: #fbc61b; - } -} -.skin-yellow .main-header li.user-header { - background-color: #FBCC34; -} -.skin-yellow .content-header { - background: transparent; -} -.skin-yellow .wrapper, -.skin-yellow .main-sidebar, -.skin-yellow .left-side { - background-color: #222d32; -} -.skin-yellow .user-panel > .info, -.skin-yellow .user-panel > .info > a { - color: #fff; -} -.skin-yellow .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-yellow .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-yellow .sidebar-menu > li:hover > a, -.skin-yellow .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #FBCC34; -} -.skin-yellow .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-yellow .sidebar a { - color: #b8c7ce; -} -.skin-yellow .sidebar a:hover { - text-decoration: none; -} -.skin-yellow .treeview-menu > li > a { - color: #8aa4af; -} -.skin-yellow .treeview-menu > li.active > a, -.skin-yellow .treeview-menu > li > a:hover { - color: #fff; -} -.skin-yellow .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-yellow .sidebar-form input[type="text"], -.skin-yellow .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-yellow .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-yellow .sidebar-form input[type="text"]:focus, -.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-yellow .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-yellow.layout-top-nav .main-header > .logo .logo-variant { - color: #413F42; - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #f7be05; - border-color: #c59704; - color: var(--nav-link); -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #c59704; - border-color: #c59704; - color: var(--nav-link); -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #f7be05; - color: var(--nav-link); -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #937103; - color: var(--nav-link); -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #c59704; -} -:root { - --button-default: #deab04; - --button-primary: #ac8403; - --button-hover: #937103; - --header: #FBCC34; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #5b585c; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #747176; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #b4b1b5; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #222; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #FBCC34; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.navbar-nav > li > a:visited { - color: var(--nav-link); -} -:hover { - color: var(--nav-link); -} -.skin-yellow .main-header .navbar .nav > li > a { - color: #413F42; -} -.far fa-life-ring { - color: var(--link); -} - +.skin-yellow .main-header .navbar{background-color:#fbcc34}.skin-yellow .main-header .navbar .nav>li>a{color:hsla(0,0%,100%,.8)}.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav>.active>a,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:hsla(0,0%,100%,.8)}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#000}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#fbc61b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#333}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#fbc61b}}.skin-yellow .main-header li.user-header{background-color:#fbcc34}.skin-yellow .content-header{background:transparent}.skin-yellow .left-side,.skin-yellow .main-sidebar,.skin-yellow .wrapper{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#fbcc34;color:#fff}.skin-yellow .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-yellow .sidebar-form .btn,.skin-yellow .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-yellow .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-yellow .sidebar-form input[type=text]:focus,.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-yellow.layout-top-nav .main-header>.logo .logo-variant{background-color:none;color:#413f42}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#f7be05;border-color:#c59704;color:var(--nav-link)}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#c59704;border-color:#c59704;color:var(--nav-link)}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#f7be05;color:var(--nav-link)}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#937103;color:var(--nav-link)}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#c59704}:root{--button-default:#deab04;--button-primary:#ac8403;--button-hover:#937103;--header:#fbcc34;--text-main:#bbb;--text-sub:#9b9b9b;--link:#5b585c;--visited-link:#747176;--hover-link:#b4b1b5;--nav-link:#222;--light-link:#fff}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#fbcc34}.search-highlight,.search-highlight:hover{background-color:#e9d15b}.navbar-nav>li>a:link,.navbar-nav>li>a:visited,.thead,:hover{color:var(--nav-link)}.skin-yellow .main-header .navbar .nav>li>a{color:#413f42}.far fa-life-ring{color:var(--link)} diff --git a/public/css/dist/skins/skin-yellow.min.css b/public/css/dist/skins/skin-yellow.min.css index 8aef4cb90..5424b7f75 100644 --- a/public/css/dist/skins/skin-yellow.min.css +++ b/public/css/dist/skins/skin-yellow.min.css @@ -1,220 +1 @@ -/* - * Skin: Yellow - * ---------- - */ -.skin-yellow .main-header .navbar { - background-color: #FBCC34; -} -.skin-yellow .main-header .navbar .nav > li > a { - color: rgba(255, 255, 255, 0.8); -} -.skin-yellow .main-header .navbar .nav > li > a:hover, -.skin-yellow .main-header .navbar .nav > li > a:active, -.skin-yellow .main-header .navbar .nav > li > a:focus, -.skin-yellow .main-header .navbar .nav .open > a, -.skin-yellow .main-header .navbar .nav .open > a:hover, -.skin-yellow .main-header .navbar .nav .open > a:focus, -.skin-yellow .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-yellow .main-header .navbar .sidebar-toggle { - color: rgba(255, 255, 255, 0.8); -} -.skin-yellow .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-yellow .main-header .navbar .sidebar-toggle { - color: #000; -} -.skin-yellow .main-header .navbar .sidebar-toggle:hover { - background-color: #fbc61b; -} -@media (max-width: 767px) { - .skin-yellow .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-yellow .main-header .navbar .dropdown-menu li a { - color: #333; - } - .skin-yellow .main-header .navbar .dropdown-menu li a:hover { - background: #fbc61b; - } -} -.skin-yellow .main-header li.user-header { - background-color: #FBCC34; -} -.skin-yellow .content-header { - background: transparent; -} -.skin-yellow .wrapper, -.skin-yellow .main-sidebar, -.skin-yellow .left-side { - background-color: #222d32; -} -.skin-yellow .user-panel > .info, -.skin-yellow .user-panel > .info > a { - color: #fff; -} -.skin-yellow .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-yellow .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-yellow .sidebar-menu > li:hover > a, -.skin-yellow .sidebar-menu > li.active > a { - color: #fff; - background: #1e282c; - border-left-color: #FBCC34; -} -.skin-yellow .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-yellow .sidebar a { - color: #b8c7ce; -} -.skin-yellow .sidebar a:hover { - text-decoration: none; -} -.skin-yellow .treeview-menu > li > a { - color: #8aa4af; -} -.skin-yellow .treeview-menu > li.active > a, -.skin-yellow .treeview-menu > li > a:hover { - color: #fff; -} -.skin-yellow .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-yellow .sidebar-form input[type="text"], -.skin-yellow .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - transition: all 0.3s ease-in-out; -} -.skin-yellow .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-yellow .sidebar-form input[type="text"]:focus, -.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-yellow .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-yellow.layout-top-nav .main-header > .logo .logo-variant { - color: #413F42; - background-color: none; -} -.btn.btn-primary, -.btn:hover.btn-primary, -.btn .btn-primary:link, -.btn:hover .btn-primary:link { - background-color: #f7be05; - border-color: #c59704; - color: var(--nav-link); -} -.btna.btn-primary:hover, -.btn:hovera.btn-primary:hover { - background-color: #c59704; - border-color: #c59704; - color: var(--nav-link); -} -.btn.btn-white:link, -.btn:hover.btn-white:link { - background-color: #f7be05; - color: var(--nav-link); -} -.btn.btn-white:hover, -.btn:hover.btn-white:hover { - background-color: #937103; - color: var(--nav-link); -} -a.btn-info:link, -a.btn-warning:link, -a.btn-danger:link { - color: #FFF; -} -a.btn-info:visited, -a.btn-warning:visited, -a.btn-danger:visited { - color: #FFF; -} -a { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--visited-link); -} -.text-primary { - color: #c59704; -} -:root { - --button-default: #deab04; - --button-primary: #ac8403; - --button-hover: #937103; - --header: #FBCC34; - /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #5b585c; - /* Use same as Header picker, lighten by 70% */ - --visited-link: #747176; - /* Use same as Header picker, lighten by 70% */ - --hover-link: #b4b1b5; - /* Use same as Header picker, lighten by 70% */ - --nav-link: #222; - /* Use same as Header picker */ - --light-link: #fff; - /* Use same as Header picker */ -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #FBCC34; -} -.search-highlight, -.search-highlight:hover { - background-color: #e9d15b; -} -.thead, -.navbar-nav > li > a:link { - color: var(--nav-link); -} -.navbar-nav > li > a:visited { - color: var(--nav-link); -} -:hover { - color: var(--nav-link); -} -.skin-yellow .main-header .navbar .nav > li > a { - color: #413F42; -} -.far fa-life-ring { - color: var(--link); -} - +.skin-yellow .main-header .navbar{background-color:#fbcc34}.skin-yellow .main-header .navbar .nav>li>a{color:hsla(0,0%,100%,.8)}.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav>.active>a,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav>li>a:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:hsla(0,0%,100%,.8)}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#000}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#fbc61b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#333}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#fbc61b}}.skin-yellow .main-header li.user-header{background-color:#fbcc34}.skin-yellow .content-header{background:transparent}.skin-yellow .left-side,.skin-yellow .main-sidebar,.skin-yellow .wrapper{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{background:#1a2226;color:#4b646f}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li:hover>a{background:#1e282c;border-left-color:#fbcc34;color:#fff}.skin-yellow .sidebar-menu>li>.treeview-menu{background:#2c3b41;margin:0 1px}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border:1px solid #374850;border-radius:3px;margin:10px}.skin-yellow .sidebar-form .btn,.skin-yellow .sidebar-form input[type=text]{background-color:#374850;border:1px solid transparent;box-shadow:none;height:35px;transition:all .3s ease-in-out}.skin-yellow .sidebar-form input[type=text]{border-bottom-left-radius:2px;border-bottom-right-radius:0;border-top-left-radius:2px;border-top-right-radius:0;color:#666}.skin-yellow .sidebar-form input[type=text]:focus,.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{border-bottom-left-radius:0;border-bottom-right-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#999}.skin-yellow.layout-top-nav .main-header>.logo .logo-variant{background-color:none;color:#413f42}.btn .btn-primary:link,.btn.btn-primary,.btn:hover .btn-primary:link,.btn:hover.btn-primary{background-color:#f7be05;border-color:#c59704;color:var(--nav-link)}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#c59704;border-color:#c59704;color:var(--nav-link)}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#f7be05;color:var(--nav-link)}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#937103;color:var(--nav-link)}a.btn-danger:link,a.btn-danger:visited,a.btn-info:link,a.btn-info:visited,a.btn-warning:link,a.btn-warning:visited{color:#fff}a{color:var(--link)}a:hover{color:var(--hover-link)}a:visited{color:var(--visited-link)}.text-primary{color:#c59704}:root{--button-default:#deab04;--button-primary:#ac8403;--button-hover:#937103;--header:#fbcc34;--text-main:#bbb;--text-sub:#9b9b9b;--link:#5b585c;--visited-link:#747176;--hover-link:#b4b1b5;--nav-link:#222;--light-link:#fff}.fixed-table-container tbody .selected td{background-color:#fff8af}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#fbcc34}.search-highlight,.search-highlight:hover{background-color:#e9d15b}.navbar-nav>li>a:link,.navbar-nav>li>a:visited,.thead,:hover{color:var(--nav-link)}.skin-yellow .main-header .navbar .nav>li>a{color:#413f42}.far fa-life-ring{color:var(--link)} diff --git a/public/js/build/app.js b/public/js/build/app.js index 67fab4f67..bd39438a1 100644 --- a/public/js/build/app.js +++ b/public/js/build/app.js @@ -1,47095 +1,2 @@ -/******/ (() => { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/passport/AuthorizedClients.vue?vue&type=script&lang=js&": -/*!****************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/passport/AuthorizedClients.vue?vue&type=script&lang=js& ***! - \****************************************************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - props: ['clientsUrl', 'tokensUrl'], - - /* - * The component's data. - */ - data: function data() { - return { - tokens: [] - }; - }, - - /** - * Prepare the component (Vue 1.x). - */ - ready: function ready() { - this.prepareComponent(); - }, - - /** - * Prepare the component (Vue 2.x). - */ - mounted: function mounted() { - this.prepareComponent(); - }, - methods: { - /** - * Prepare the component (Vue 2.x). - */ - prepareComponent: function prepareComponent() { - this.getTokens(); - }, - - /** - * Get all of the authorized tokens for the user. - */ - getTokens: function getTokens() { - var _this = this; - - this.$http.get(this.tokensUrl).then(function (response) { - _this.tokens = response.data; - }); - }, - - /** - * Revoke the given token. - */ - revoke: function revoke(token) { - var _this2 = this; - - this.$http["delete"](this.tokensUrl + '/' + token.id).then(function (response) { - _this2.getTokens(); - }); - } - } -}); - -/***/ }), - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/passport/Clients.vue?vue&type=script&lang=js&": -/*!******************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/passport/Clients.vue?vue&type=script&lang=js& ***! - \******************************************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - /* - * The component's data. - */ - props: ['clientsUrl'], - data: function data() { - return { - clients: [], - createForm: { - errors: [], - name: '', - redirect: '' - }, - editForm: { - errors: [], - name: '', - redirect: '' - } - }; - }, - - /** - * Prepare the component (Vue 1.x). - */ - ready: function ready() { - this.prepareComponent(); - }, - - /** - * Prepare the component (Vue 2.x). - */ - mounted: function mounted() { - this.prepareComponent(); - }, - methods: { - /** - * Prepare the component. - */ - prepareComponent: function prepareComponent() { - this.getClients(); - $('#modal-create-client').on('shown.bs.modal', function () { - $('#create-client-name').focus(); - }); - $('#modal-edit-client').on('shown.bs.modal', function () { - $('#edit-client-name').focus(); - }); - }, - - /** - * Get all of the OAuth clients for the user. - */ - getClients: function getClients() { - var _this = this; - - this.$http.get(this.clientsUrl).then(function (response) { - _this.clients = response.data; - }); - }, - - /** - * Show the form for creating new clients. - */ - showCreateClientForm: function showCreateClientForm() { - $('#modal-create-client').modal('show'); - }, - - /** - * Create a new OAuth client for the user. - */ - store: function store() { - this.persistClient('post', this.clientsUrl, this.createForm, '#modal-create-client'); - }, - - /** - * Edit the given client. - */ - edit: function edit(client) { - this.editForm.id = client.id; - this.editForm.name = client.name; - this.editForm.redirect = client.redirect; - $('#modal-edit-client').modal('show'); - }, - - /** - * Update the client being edited. - */ - update: function update() { - this.persistClient('put', this.clientsUrl + '/' + this.editForm.id, this.editForm, '#modal-edit-client'); - }, - - /** - * Persist the client to storage using the given form. - */ - persistClient: function persistClient(method, uri, form, modal) { - var _this2 = this; - - console.log('persisting'); - form.errors = []; - console.log('method: ' + method); - this.$http[method](uri, form).then(function (response) { - _this2.getClients(); - - form.name = ''; - form.redirect = ''; - form.errors = []; - $(modal).modal('hide'); - })["catch"](function (response) { - if (_typeof(response.data) === 'object') { - form.errors = _.flatten(_.toArray(response.data)); - } else { - form.errors = ['Something went wrong. Please try again.']; - } - }); - }, - - /** - * Destroy the given client. - */ - destroy: function destroy(client) { - var _this3 = this; - - this.$http["delete"](this.clientsUrl + '/' + client.id).then(function (response) { - _this3.getClients(); - }); - } - } -}); - -/***/ }), - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/passport/PersonalAccessTokens.vue?vue&type=script&lang=js&": -/*!*******************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/passport/PersonalAccessTokens.vue?vue&type=script&lang=js& ***! - \*******************************************************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - props: ['tokenUrl', 'scopesUrl'], - - /* - * The component's data. - */ - data: function data() { - return { - accessToken: null, - tokens: [], - scopes: [], - form: { - name: '', - scopes: [], - errors: [] - } - }; - }, - - /** - * Prepare the component (Vue 1.x). - */ - ready: function ready() { - this.prepareComponent(); - }, - - /** - * Prepare the component (Vue 2.x). - */ - mounted: function mounted() { - this.prepareComponent(); - }, - methods: { - /** - * Prepare the component. - */ - prepareComponent: function prepareComponent() { - this.getTokens(); - this.getScopes(); - $('#modal-create-token').on('shown.bs.modal', function () { - $('#create-token-name').focus(); - }); - }, - - /** - * Get all of the personal access tokens for the user. - */ - getTokens: function getTokens() { - var _this = this; - - this.$http.get(this.tokenUrl).then(function (response) { - _this.tokens = response.data; - }); - }, - - /** - * Get all of the available scopes. - */ - getScopes: function getScopes() { - var _this2 = this; - - this.$http.get(this.scopesUrl).then(function (response) { - _this2.scopes = response.data; - }); - }, - - /** - * Show the form for creating new tokens. - */ - showCreateTokenForm: function showCreateTokenForm() { - $('#modal-create-token').modal('show'); - }, - - /** - * Create a new personal access token. - */ - store: function store() { - var _this3 = this; - - this.accessToken = null; - this.form.errors = []; - this.$http.post(this.tokenUrl, this.form).then(function (response) { - _this3.form.name = ''; - _this3.form.scopes = []; - _this3.form.errors = []; - - _this3.tokens.push(response.data.token); - - _this3.showAccessToken(response.data.accessToken); - })["catch"](function (response) { - if (_typeof(response.data) === 'object') { - _this3.form.errors = _.flatten(_.toArray(response.data)); - } else { - console.dir(_this3.form); - _this3.form.errors = ['Something went wrong. Please try again.']; - } - }); - }, - - /** - * Toggle the given scope in the list of assigned scopes. - */ - toggleScope: function toggleScope(scope) { - if (this.scopeIsAssigned(scope)) { - this.form.scopes = _.reject(this.form.scopes, function (s) { - return s == scope; - }); - } else { - this.form.scopes.push(scope); - } - }, - - /** - * Determine if the given scope has been assigned to the token. - */ - scopeIsAssigned: function scopeIsAssigned(scope) { - return _.indexOf(this.form.scopes, scope) >= 0; - }, - - /** - * Show the given access token to the user. - */ - showAccessToken: function showAccessToken(accessToken) { - $('#modal-create-token').modal('hide'); - this.accessToken = accessToken; - $('#modal-access-token').modal('show'); - }, - - /** - * Revoke the given token. - */ - revoke: function revoke(token) { - var _this4 = this; - - this.$http["delete"](this.tokenUrl + '/' + token.id).then(function (response) { - _this4.getTokens(); - }); - } - } -}); - -/***/ }), - -/***/ "./resources/assets/js/bootstrap.js": -/*!******************************************!*\ - !*** ./resources/assets/js/bootstrap.js ***! - \******************************************/ -/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => { - -window._ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js"); -/** - * We'll load jQuery and the Bootstrap jQuery plugin which provides support - * for JavaScript based Bootstrap features such as modals and tabs. This - * code may be modified to fit the specific needs of your application. - */ -//window.$ = window.jQuery = require('jquery'); - -/** - * jQuery UI is loaded here and then the tooltip is assigned another funtion name - * This resolves the issue of jquery-ui & bootstrap tooltip conflict - */ - -__webpack_require__(/*! jquery-ui */ "./node_modules/jquery-ui/ui/widget.js"); - -jQuery.fn.uitooltip = jQuery.fn.tooltip; -/** - * Load boostrap - */ - -__webpack_require__(/*! bootstrap-less */ "./node_modules/bootstrap-less/js/bootstrap.js"); -/** - * Vue is a modern JavaScript library for building interactive web interfaces - * using reactive data binding and reusable components. Vue's API is clean - * and simple, leaving you to focus on building your next great project. - */ - - -window.Vue = (__webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm.js")["default"]); -window.eventHub = new Vue(); - -__webpack_require__(/*! vue-resource */ "./node_modules/vue-resource/dist/vue-resource.esm.js"); -/** - * We'll register a HTTP interceptor to attach the "CSRF" header to each of - * the outgoing requests issued by this application. The CSRF middleware - * included with Laravel will automatically verify the header's value. - */ - - -Vue.http.interceptors.push(function (request, next) { - request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken); - next(); -}); // require('admin-lte'); -// require('chart.js'); -// require('jquery-form-validator'); //says something about dependency - -/** - * Echo exposes an expressive API for subscribing to channels and listening - * for events that are broadcast by Laravel. Echo and event broadcasting - * allows your team to easily build robust real-time web applications. - */ -// import Echo from "laravel-echo" -// window.Echo = new Echo({ -// broadcaster: 'pusher', -// key: 'your-pusher-key' -// }); - -/***/ }), - -/***/ "./resources/assets/js/snipeit.js": -/*!****************************************!*\ - !*** ./resources/assets/js/snipeit.js ***! - \****************************************/ -/***/ (() => { - -// var jQuery = require('jquery'); -// window.jQuery = jQuery -// window.$ = jQuery - -/** - * Module containing core application logic. - * @param {jQuery} $ Insulated jQuery object - * @param {JSON} settings Insulated `window.snipeit.settings` object. - * @return {IIFE} Immediately invoked. Returns self. - */ -lineOptions = { - legend: { - position: "bottom" - }, - scales: { - yAxes: [{ - ticks: { - fontColor: "rgba(0,0,0,0.5)", - fontStyle: "bold", - beginAtZero: true, - maxTicksLimit: 5, - padding: 20 - }, - gridLines: { - drawTicks: false, - display: false - } - }], - xAxes: [{ - gridLines: { - zeroLineColor: "transparent" - }, - ticks: { - padding: 20, - fontColor: "rgba(0,0,0,0.5)", - fontStyle: "bold" - } - }] - } -}; -pieOptions = { - //Boolean - Whether we should show a stroke on each segment - segmentShowStroke: true, - //String - The colour of each segment stroke - segmentStrokeColor: "#fff", - //Number - The width of each segment stroke - segmentStrokeWidth: 1, - //Number - The percentage of the chart that we cut out of the middle - percentageInnerCutout: 50, - // This is 0 for Pie charts - //Number - Amount of animation steps - animationSteps: 100, - //String - Animation easing effect - animationEasing: "easeOutBounce", - //Boolean - Whether we animate the rotation of the Doughnut - animateRotate: true, - //Boolean - Whether we animate scaling the Doughnut from the centre - animateScale: false, - //Boolean - whether to make the chart responsive to window resizing - responsive: true, - // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container - maintainAspectRatio: false, - //String - A legend template - legendTemplate: "
    -legend\"><% for (var i=0; i
  • " + "" + "<%if(segments[i].label){%><%=segments[i].label%><%}%> foo
  • <%}%>
", - //String - A tooltip template - tooltipTemplate: "<%=value %> <%=label%> " -}; //----------------- -//- END PIE CHART - -//----------------- - -var baseUrl = $('meta[name="baseUrl"]').attr('content'); - -(function ($, settings) { - var Components = {}; - Components.modals = {}; // confirm restore modal - - Components.modals.confirmRestore = function () { - var $el = $('table'); - var events = { - 'click': function click(evnt) { - var $context = $(this); - var $restoreConfirmModal = $('#restoreConfirmModal'); - var href = $context.attr('href'); - var message = $context.attr('data-content'); - var title = $context.attr('data-title'); - $('#restoreConfirmModalLabel').text(title); - $restoreConfirmModal.find('.modal-body').text(message); - $('#restoreForm').attr('action', href); - $restoreConfirmModal.modal({ - show: true - }); - return false; - } - }; - - var render = function render() { - $el.on('click', '.restore-asset', events['click']); - }; - - return { - render: render - }; - }; // confirm delete modal - - - Components.modals.confirmDelete = function () { - var $el = $('table'); - var events = { - 'click': function click(evnt) { - var $context = $(this); - var $dataConfirmModal = $('#dataConfirmModal'); - var href = $context.attr('href'); - var message = $context.attr('data-content'); - var title = $context.attr('data-title'); - $('#myModalLabel').text(title); - $dataConfirmModal.find('.modal-body').text(message); - $('#deleteForm').attr('action', href); - $dataConfirmModal.modal({ - show: true - }); - return false; - } - }; - - var render = function render() { - $el.on('click', '.delete-asset', events['click']); - }; - - return { - render: render - }; - }; - /** - * Application start point - * Component definition stays out of load event, execution only happens. - */ - - - $(function () { - new Components.modals.confirmRestore().render(); - new Components.modals.confirmDelete().render(); - }); -})(jQuery, window.snipeit.settings); - -$(document).ready(function () { - /* - * Slideout help menu - */ - $('.slideout-menu-toggle').on('click', function (event) { - event.preventDefault(); // create menu variables - - var slideoutMenu = $('.slideout-menu'); - var slideoutMenuWidth = $('.slideout-menu').width(); // toggle open class - - slideoutMenu.toggleClass("open"); // slide menu - - if (slideoutMenu.hasClass("open")) { - slideoutMenu.show(); - slideoutMenu.animate({ - right: "0px" - }); - } else { - slideoutMenu.animate({ - right: -slideoutMenuWidth - }, "-350px"); - slideoutMenu.fadeOut(); - } - }); - /* - * Select2 - */ - - $('select.select2:not(".select2-hidden-accessible")').each(function (i, obj) { - { - $(obj).select2(); - } - }); // $('.datepicker').datepicker(); - // var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value - // $.fn.bootstrapDP = datepicker; - // $('.datepicker').datepicker(); - // Crazy select2 rich dropdowns with images! - - $('.js-data-ajax').each(function (i, item) { - var link = $(item); - var endpoint = link.data("endpoint"); - var select = link.data("select"); - link.select2({ - /** - * Adds an empty placeholder, allowing every select2 instance to be cleared. - * This placeholder can be overridden with the "data-placeholder" attribute. - */ - placeholder: '', - allowClear: true, - ajax: { - // the baseUrl includes a trailing slash - url: baseUrl + 'api/v1/' + endpoint + '/selectlist', - dataType: 'json', - delay: 250, - headers: { - "X-Requested-With": 'XMLHttpRequest', - "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content') - }, - data: function data(params) { - var data = { - search: params.term, - page: params.page || 1, - assetStatusType: link.data("asset-status-type") - }; - return data; - }, - - /* processResults: function (data, params) { - params.page = params.page || 1; - var answer = { - results: data.items, - pagination: { - more: data.pagination.more - } - }; - return answer; - }, */ - cache: true - }, - //escapeMarkup: function (markup) { return markup; }, // let our custom formatter work - templateResult: formatDatalistSafe //templateSelection: formatDataSelection - - }); - }); - - function getSelect2Value(element) { - // if the passed object is not a jquery object, assuming 'element' is a selector - if (!(element instanceof jQuery)) element = $(element); - var select = element.data("select2"); // There's two different locations where the select2-generated input element can be. - - searchElement = select.dropdown.$search || select.$container.find(".select2-search__field"); - var value = searchElement.val(); - return value; - } - - $(".select2-hidden-accessible").on('select2:selecting', function (e) { - var data = e.params.args.data; - var isMouseUp = false; - var element = $(this); - var value = getSelect2Value(element); - if (e.params.args.originalEvent) isMouseUp = e.params.args.originalEvent.type == "mouseup"; // if selected item does not match typed text, do not allow it to pass - force close for ajax. - - if (!isMouseUp) { - if (value.toLowerCase() && data.text.toLowerCase().indexOf(value) < 0) { - e.preventDefault(); - element.select2('close'); // if it does match, we set a flag in the event (which gets passed to subsequent events), telling it not to worry about the ajax - } else if (value.toLowerCase() && data.text.toLowerCase().indexOf(value) > -1) { - e.params.args.noForceAjax = true; - } - } - }); - $(".select2-hidden-accessible").on('select2:closing', function (e) { - var element = $(this); - var value = getSelect2Value(element); - var noForceAjax = false; - var isMouseUp = false; - if (e.params.args.originalSelect2Event) noForceAjax = e.params.args.originalSelect2Event.noForceAjax; - if (e.params.args.originalEvent) isMouseUp = e.params.args.originalEvent.type == "mouseup"; - - if (value && !noForceAjax && !isMouseUp) { - var endpoint = element.data("endpoint"); - var assetStatusType = element.data("asset-status-type"); - $.ajax({ - url: baseUrl + 'api/v1/' + endpoint + '/selectlist?search=' + value + '&page=1' + (assetStatusType ? '&assetStatusType=' + assetStatusType : ''), - dataType: 'json', - headers: { - "X-Requested-With": 'XMLHttpRequest', - "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content') - } - }).done(function (response) { - var currentlySelected = element.select2('data').map(function (x) { - return +x.id; - }).filter(function (x) { - return x !== 0; - }); // makes sure we're not selecting the same thing twice for multiples - - var filteredResponse = response.results.filter(function (item) { - return currentlySelected.indexOf(+item.id) < 0; - }); - var first = currentlySelected.length > 0 ? filteredResponse[0] : response.results[0]; - - if (first && first.id) { - first.selected = true; - - if ($("option[value='" + first.id + "']", element).length < 1) { - var option = new Option(first.text, first.id, true, true); - element.append(option); - } else { - var isMultiple = element.attr("multiple") == "multiple"; - element.val(isMultiple ? element.val().concat(first.id) : element.val(first.id)); - } - - element.trigger('change'); - element.trigger({ - type: 'select2:select', - params: { - data: first - } - }); - } - }); - } - }); - - function formatDatalist(datalist) { - var loading_markup = ' Loading...'; - - if (datalist.loading) { - return loading_markup; - } - - var markup = '
'; - markup += '
'; - - if (datalist.image) { - markup += "
" + datalist.text + "
"; - } else { - markup += '
'; - } - - markup += "
" + datalist.text + "
"; - markup += "
"; - return markup; - } - - function formatDatalistSafe(datalist) { - // console.warn("What in the hell is going on with Select2?!?!!?!?"); - // console.warn($.select2); - if (datalist.loading) { - return $(' Loading...'); - } - - var root_div = $("
"); - var left_pull = $("
"); - - if (datalist.image) { - var inner_div = $("
"); - /****************************************************************** - * - * We are specifically chosing empty alt-text below, because this - * image conveys no additional information, relative to the text - * that will *always* be there in any select2 list that is in use - * in Snipe-IT. If that changes, we would probably want to change - * some signatures of some functions, but right now, we don't want - * screen readers to say "HP SuperJet 5000, .... picture of HP - * SuperJet 5000..." and so on, for every single row in a list of - * assets or models or whatever. - * - *******************************************************************/ - - var img = $(""); // console.warn("Img is: "); - // console.dir(img); - // console.warn("Strigularly, that's: "); - // console.log(img); - - img.attr("src", datalist.image); - inner_div.append(img); - } else { - var inner_div = $("
"); - } - - left_pull.append(inner_div); - root_div.append(left_pull); - var name_div = $("
"); - name_div.text(datalist.text); - root_div.append(name_div); - var safe_html = root_div.get(0).outerHTML; - var old_html = formatDatalist(datalist); - - if (safe_html != old_html) {//console.log("HTML MISMATCH: "); - //console.log("FormatDatalistSafe: "); - // console.dir(root_div.get(0)); - //console.log(safe_html); - //console.log("FormatDataList: "); - //console.log(old_html); - } - - return root_div; - } - - function formatDataSelection(datalist) { - // This a heinous workaround for a known bug in Select2. - // Without this, the rich selectlists are vulnerable to XSS. - // Many thanks to @uberbrady for this fix. It ain't pretty, - // but it resolves the issue until Select2 addresses it on their end. - // - // Bug was reported in 2016 :{ - // https://github.com/select2/select2/issues/4587 - return datalist.text.replace(/>/g, '>').replace(/Click me - - - $('a[data-toggle="tab"]').click(function (e) { - var href = $(this).attr("href"); - history.pushState(null, null, href); - e.preventDefault(); - $('a[href="' + $(this).attr('href') + '"]').tab('show'); - }); // ------------------------------------------------ - // End Deep Linking for Bootstrap tabs - // ------------------------------------------------ - // Image preview - - function readURL(input, $preview) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function (e) { - $preview.attr('src', e.target.result); - }; - - reader.readAsDataURL(input.files[0]); - } - } - - function formatBytes(bytes) { - if (bytes < 1024) return bytes + " Bytes";else if (bytes < 1048576) return (bytes / 1024).toFixed(2) + " KB";else if (bytes < 1073741824) return (bytes / 1048576).toFixed(2) + " MB";else return (bytes / 1073741824).toFixed(2) + " GB"; - } // File size validation - - - $('.js-uploadFile').bind('change', function () { - var $this = $(this); - var id = '#' + $this.attr('id'); - var status = id + '-status'; - var $status = $(status); - var delete_id = $(id + '-deleteCheckbox'); - var preview_container = $(id + '-previewContainer'); - $status.removeClass('text-success').removeClass('text-danger'); - $(status + ' .goodfile').remove(); - $(status + ' .badfile').remove(); - $(status + ' .previewSize').hide(); - preview_container.hide(); - $(id + '-info').html(''); - var max_size = $this.data('maxsize'); - var total_size = 0; - - for (var i = 0; i < this.files.length; i++) { - total_size += this.files[i].size; - $(id + '-info').append('' + htmlEntities(this.files[i].name) + ' (' + formatBytes(this.files[i].size) + ') '); - } - - if (total_size > max_size) { - $status.addClass('text-danger').removeClass('help-block').prepend(' ').append(' Upload is ' + formatBytes(total_size) + '.'); - } else { - $status.addClass('text-success').removeClass('help-block').prepend(' '); - var $preview = $(id + '-imagePreview'); - readURL(this, $preview); - $preview.fadeIn(); - preview_container.fadeIn(); - delete_id.hide(); - } - }); -}); - -function htmlEntities(str) { - return String(str).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); -} -/** - * Toggle disabled - */ - - -(function ($) { - $.fn.toggleDisabled = function (callback) { - return this.each(function () { - var disabled, - $this = $(this); - - if ($this.attr('disabled')) { - $this.removeAttr('disabled'); - disabled = false; - } else { - $this.attr('disabled', 'disabled'); - disabled = true; - } - - if (callback && typeof callback === 'function') { - callback(this, disabled); - } - }); - }; -})(jQuery); -/** - * Universal Livewire Select2 integration - * - * How to use: - * - * 1. Set the class of your select2 elements to 'livewire-select2'). - * 2. Name your element to match a property in your Livewire component - * 3. Add an attribute called 'data-livewire-component' that points to $_instance->id (via `{{ }}` if you're in a blade, - * or just $_instance->id if not). - */ - - -$(function () { - $('.livewire-select2').select2(); - $(document).on('select2:select', '.livewire-select2', function (event) { - var target = $(event.target); - - if (!event.target.name || !target.data('livewire-component')) { - console.error("You need to set both name (which should match a Livewire property) and data-livewire-component on your Livewire-ed select2 elements!"); - console.error("For data-livewire-component, you probably want to use $_instance->id or {{ $_instance->id }}, as appropriate"); - return false; - } - - window.livewire.find(target.data('livewire-component')).set(event.target.name, this.options[this.selectedIndex].value); - }); - window.livewire.hook('message.processed', function (el, component) { - $('.livewire-select2').select2(); - }); -}); - -/***/ }), - -/***/ "./resources/assets/js/snipeit_modals.js": -/*!***********************************************!*\ - !*** ./resources/assets/js/snipeit_modals.js ***! - \***********************************************/ -/***/ (() => { - -/* - * - * Snipe-IT Universal Modal support - * - * Enables modal dialogs to create sub-resources throughout Snipe-IT - * - */ - -/* -HOW TO USE - Create a Button looking like this: - New - If you don't have access to Blade commands (like {{ and }}, etc), you can hard-code a URL as the 'href' - data-toggle="modal" - required for Bootstrap Modals -data-target="#createModal" - fixed ID for the modal, do not change -data-select="assigned_to" - What is the *ID* of the select-dropdown that you're going to be adding to, if the modal-create was a success? Be on the lookout for duplicate ID's, it will confuse this library! -class="btn btn-sm btn-primary" - makes it look button-ey, feel free to change :) - -If you want to pass additional variables to the modal (In the Category Create one, for example, you can pass category_id), you can encode them as URL variables in the href - -*/ -$(function () { - var baseUrl = $('meta[name="baseUrl"]').attr('content'); //handle modal-add-interstitial calls - - var model, select, refreshSelector; - - if ($('#createModal').length == 0) { - $('body').append(''); - } - - $('#createModal').on("show.bs.modal", function (event) { - var link = $(event.relatedTarget); - model = link.data("dependency"); - select = link.data("select"); - refreshSelector = link.data("refresh"); - $('#createModal').load(link.attr('href'), function () { - // this sets the focus to be the name field - $('#modal-name').focus(); //do we need to re-select2 this, after load? Probably. - - $('#createModal').find('select.select2').select2(); // Initialize the ajaxy select2 with images. - // This is a copy/paste of the code from snipeit.js, would be great to only have this in one place. - - $('.js-data-ajax').each(function (i, item) { - var link = $(item); - var endpoint = link.data("endpoint"); - var select = link.data("select"); - link.select2({ - ajax: { - // the baseUrl includes a trailing slash - url: baseUrl + 'api/v1/' + endpoint + '/selectlist', - //WARNING - we're hoping that's defined on the page somewhere... - dataType: 'json', - delay: 250, - headers: { - "X-Requested-With": 'XMLHttpRequest', - "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content') - }, - data: function data(params) { - var data = { - search: params.term, - page: params.page || 1, - assetStatusType: link.data("asset-status-type") - }; - return data; - }, - - /*processResults: function (data, params) { - params.page = params.page || 1; - var answer = { - results: data.items, - pagination: { - more: data.pagination.more - } - }; - return answer; - },*/ - cache: true - }, - //escapeMarkup: function (markup) { return markup; }, // let our custom formatter work - templateResult: formatDatalistSafe //templateSelection: formatDataSelection - - }); - }); - }); - }); - $('#createModal').on('click', '#modal-save', function () { - $.ajax({ - type: 'POST', - url: $('.modal-body form').attr('action'), - headers: { - "X-Requested-With": 'XMLHttpRequest', - "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content') - }, - data: $('.modal-body form').serialize(), - success: function success(result) { - if (result.status == "error") { - var error_message = ""; - - for (var field in result.messages) { - error_message += "
  • Problem(s) with field " + field + ": " + result.messages[field]; - } - - $('#modal_error_msg').html(error_message).show(); - return false; - } - - var id = result.payload.id; - var name = result.payload.name || result.payload.first_name + " " + result.payload.last_name; - - if (!id || !name) { - console.error("Could not find resulting name or ID from modal-create. Name: " + name + ", id: " + id); - return false; - } - - $('#createModal').modal('hide'); - $('#createModal').html(""); - var refreshTable = $('#' + refreshSelector); - - if (refreshTable.length > 0) { - refreshTable.bootstrapTable('refresh'); - } // "select" is the original drop-down menu that someone - // clicked 'add' on to add a new 'thing' - // this code adds the newly created object to that select - - - var selector = document.getElementById(select); - - if (!selector) { - return false; - } - - selector.options[selector.length] = new Option(name, id); - selector.selectedIndex = selector.length - 1; - $(selector).trigger("change"); - - if (window.fetchCustomFields) { - fetchCustomFields(); - } - }, - error: function error(result) { - msg = result.responseJSON.messages || result.responseJSON.error; - $('#modal_error_msg').html("Server Error: " + msg).show(); - } - }); - }); -}); - -function formatDatalistSafe(datalist) { - // console.warn("What in the hell is going on with Select2?!?!!?!?"); - // console.warn($.select2); - if (datalist.loading) { - return $(' Loading...'); - } - - var root_div = $("
    "); - var left_pull = $("
    "); - - if (datalist.image) { - var inner_div = $("
    "); - /****************************************************************** - * - * We are specifically chosing empty alt-text below, because this - * image conveys no additional information, relative to the text - * that will *always* be there in any select2 list that is in use - * in Snipe-IT. If that changes, we would probably want to change - * some signatures of some functions, but right now, we don't want - * screen readers to say "HP SuperJet 5000, .... picture of HP - * SuperJet 5000..." and so on, for every single row in a list of - * assets or models or whatever. - * - *******************************************************************/ - - var img = $(""); // console.warn("Img is: "); - // console.dir(img); - // console.warn("Strigularly, that's: "); - // console.log(img); - - img.attr("src", datalist.image); - inner_div.append(img); - } else { - var inner_div = $("
    "); - } - - left_pull.append(inner_div); - root_div.append(left_pull); - var name_div = $("
    "); - name_div.text(datalist.text); - root_div.append(name_div); - var safe_html = root_div.get(0).outerHTML; - var old_html = formatDatalist(datalist); - - if (safe_html != old_html) {// console.log("HTML MISMATCH: "); - // console.log("FormatDatalistSafe: "); - // console.dir(root_div.get(0)); - // console.log(safe_html); - // console.log("FormatDataList: "); - // console.log(old_html); - } - - return root_div; -} - -function formatDatalist(datalist) { - var loading_markup = ' Loading...'; - - if (datalist.loading) { - return loading_markup; - } - - var markup = "
    "; - markup += "
    "; - - if (datalist.image) { - markup += "
    " + datalist.tex + "
    "; - } else { - markup += "
    "; - } - - markup += "
    " + datalist.text + "
    "; - markup += "
    "; - return markup; -} - -function formatDataSelection(datalist) { - return datalist.text.replace(/>/g, '>').replace(/ { - -/** - * First we will load all of this project's JavaScript dependencies which - * include Vue and Vue Resource. This gives a great starting point for - * building robust, powerful web applications using Vue and Laravel. - */ -__webpack_require__(/*! ./bootstrap */ "./resources/assets/js/bootstrap.js"); -/** - * Next, we will create a fresh Vue application instance and attach it to - * the page. Then, you may begin adding components to this application - * or customize the JavaScript scaffolding to fit your unique needs. - */ - - -Vue.component('passport-clients', (__webpack_require__(/*! ./components/passport/Clients.vue */ "./resources/assets/js/components/passport/Clients.vue")["default"])); -Vue.component('passport-authorized-clients', (__webpack_require__(/*! ./components/passport/AuthorizedClients.vue */ "./resources/assets/js/components/passport/AuthorizedClients.vue")["default"])); -Vue.component('passport-personal-access-tokens', (__webpack_require__(/*! ./components/passport/PersonalAccessTokens.vue */ "./resources/assets/js/components/passport/PersonalAccessTokens.vue")["default"])); // This component has been removed and replaced with a Livewire implementation -// Vue.component( -// 'importer', -// require('./components/importer/importer.vue').default -// ); -// This component has been removed and replaced with a Livewire implementation -// Vue.component( -// 'fieldset-default-values', -// require('./components/forms/asset-models/fieldset-default-values.vue').default -// ); -// Commented out currently to avoid trying to load vue everywhere. -// const app = new Vue({ -// el: '#app' -// }); - -/***/ }), - -/***/ "./node_modules/bootstrap-less/js/bootstrap.js": -/*!*****************************************************!*\ - !*** ./node_modules/bootstrap-less/js/bootstrap.js ***! - \*****************************************************/ -/***/ (() => { - -/* */ -"format global"; -"deps jquery"; -"exports $"; -/*! - * Bootstrap v3.3.4 (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - -if (typeof jQuery === 'undefined') { - throw new Error('Bootstrap\'s JavaScript requires jQuery') -} - -+function ($) { - 'use strict'; - var version = $.fn.jquery.split(' ')[0].split('.') - if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) { - throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher') - } -}(jQuery); - -/* ======================================================================== - * Bootstrap: transition.js v3.3.4 - * http://getbootstrap.com/javascript/#transitions - * ======================================================================== - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) - // ============================================================ - - function transitionEnd() { - var el = document.createElement('bootstrap') - - var transEndEventNames = { - WebkitTransition : 'webkitTransitionEnd', - MozTransition : 'transitionend', - OTransition : 'oTransitionEnd otransitionend', - transition : 'transitionend' - } - - for (var name in transEndEventNames) { - if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] } - } - } - - return false // explicit for ie8 ( ._.) - } - - // http://blog.alexmaccaw.com/css-transitions - $.fn.emulateTransitionEnd = function (duration) { - var called = false - var $el = this - $(this).one('bsTransitionEnd', function () { called = true }) - var callback = function () { if (!called) $($el).trigger($.support.transition.end) } - setTimeout(callback, duration) - return this - } - - $(function () { - $.support.transition = transitionEnd() - - if (!$.support.transition) return - - $.event.special.bsTransitionEnd = { - bindType: $.support.transition.end, - delegateType: $.support.transition.end, - handle: function (e) { - if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) - } - } - }) - -}(jQuery); - -/* ======================================================================== - * Bootstrap: alert.js v3.3.4 - * http://getbootstrap.com/javascript/#alerts - * ======================================================================== - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // ALERT CLASS DEFINITION - // ====================== - - var dismiss = '[data-dismiss="alert"]' - var Alert = function (el) { - $(el).on('click', dismiss, this.close) - } - - Alert.VERSION = '3.3.4' - - Alert.TRANSITION_DURATION = 150 - - Alert.prototype.close = function (e) { - var $this = $(this) - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 - } - - var $parent = $(selector) - - if (e) e.preventDefault() - - if (!$parent.length) { - $parent = $this.closest('.alert') - } - - $parent.trigger(e = $.Event('close.bs.alert')) - - if (e.isDefaultPrevented()) return - - $parent.removeClass('in') - - function removeElement() { - // detach from parent, fire event then clean up data - $parent.detach().trigger('closed.bs.alert').remove() - } - - $.support.transition && $parent.hasClass('fade') ? - $parent - .one('bsTransitionEnd', removeElement) - .emulateTransitionEnd(Alert.TRANSITION_DURATION) : - removeElement() - } - - - // ALERT PLUGIN DEFINITION - // ======================= - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.alert') - - if (!data) $this.data('bs.alert', (data = new Alert(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - var old = $.fn.alert - - $.fn.alert = Plugin - $.fn.alert.Constructor = Alert - - - // ALERT NO CONFLICT - // ================= - - $.fn.alert.noConflict = function () { - $.fn.alert = old - return this - } - - - // ALERT DATA-API - // ============== - - $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) - -}(jQuery); - -/* ======================================================================== - * Bootstrap: button.js v3.3.4 - * http://getbootstrap.com/javascript/#buttons - * ======================================================================== - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // BUTTON PUBLIC CLASS DEFINITION - // ============================== - - var Button = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Button.DEFAULTS, options) - this.isLoading = false - } - - Button.VERSION = '3.3.4' - - Button.DEFAULTS = { - loadingText: 'loading...' - } - - Button.prototype.setState = function (state) { - var d = 'disabled' - var $el = this.$element - var val = $el.is('input') ? 'val' : 'html' - var data = $el.data() - - state = state + 'Text' - - if (data.resetText == null) $el.data('resetText', $el[val]()) - - // push to event loop to allow forms to submit - setTimeout($.proxy(function () { - $el[val](data[state] == null ? this.options[state] : data[state]) - - if (state == 'loadingText') { - this.isLoading = true - $el.addClass(d).attr(d, d) - } else if (this.isLoading) { - this.isLoading = false - $el.removeClass(d).removeAttr(d) - } - }, this), 0) - } - - Button.prototype.toggle = function () { - var changed = true - var $parent = this.$element.closest('[data-toggle="buttons"]') - - if ($parent.length) { - var $input = this.$element.find('input') - if ($input.prop('type') == 'radio') { - if ($input.prop('checked') && this.$element.hasClass('active')) changed = false - else $parent.find('.active').removeClass('active') - } - if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') - } else { - this.$element.attr('aria-pressed', !this.$element.hasClass('active')) - } - - if (changed) this.$element.toggleClass('active') - } - - - // BUTTON PLUGIN DEFINITION - // ======================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.button') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs.button', (data = new Button(this, options))) - - if (option == 'toggle') data.toggle() - else if (option) data.setState(option) - }) - } - - var old = $.fn.button - - $.fn.button = Plugin - $.fn.button.Constructor = Button - - - // BUTTON NO CONFLICT - // ================== - - $.fn.button.noConflict = function () { - $.fn.button = old - return this - } - - - // BUTTON DATA-API - // =============== - - $(document) - .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { - var $btn = $(e.target) - if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') - Plugin.call($btn, 'toggle') - e.preventDefault() - }) - .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { - $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) - }) - -}(jQuery); - -/* ======================================================================== - * Bootstrap: carousel.js v3.3.4 - * http://getbootstrap.com/javascript/#carousel - * ======================================================================== - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // CAROUSEL CLASS DEFINITION - // ========================= - - var Carousel = function (element, options) { - this.$element = $(element) - this.$indicators = this.$element.find('.carousel-indicators') - this.options = options - this.paused = null - this.sliding = null - this.interval = null - this.$active = null - this.$items = null - - this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) - - this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element - .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) - .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) - } - - Carousel.VERSION = '3.3.4' - - Carousel.TRANSITION_DURATION = 600 - - Carousel.DEFAULTS = { - interval: 5000, - pause: 'hover', - wrap: true, - keyboard: true - } - - Carousel.prototype.keydown = function (e) { - if (/input|textarea/i.test(e.target.tagName)) return - switch (e.which) { - case 37: this.prev(); break - case 39: this.next(); break - default: return - } - - e.preventDefault() - } - - Carousel.prototype.cycle = function (e) { - e || (this.paused = false) - - this.interval && clearInterval(this.interval) - - this.options.interval - && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - - return this - } - - Carousel.prototype.getItemIndex = function (item) { - this.$items = item.parent().children('.item') - return this.$items.index(item || this.$active) - } - - Carousel.prototype.getItemForDirection = function (direction, active) { - var activeIndex = this.getItemIndex(active) - var willWrap = (direction == 'prev' && activeIndex === 0) - || (direction == 'next' && activeIndex == (this.$items.length - 1)) - if (willWrap && !this.options.wrap) return active - var delta = direction == 'prev' ? -1 : 1 - var itemIndex = (activeIndex + delta) % this.$items.length - return this.$items.eq(itemIndex) - } - - Carousel.prototype.to = function (pos) { - var that = this - var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) - - if (pos > (this.$items.length - 1) || pos < 0) return - - if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" - if (activeIndex == pos) return this.pause().cycle() - - return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) - } - - Carousel.prototype.pause = function (e) { - e || (this.paused = true) - - if (this.$element.find('.next, .prev').length && $.support.transition) { - this.$element.trigger($.support.transition.end) - this.cycle(true) - } - - this.interval = clearInterval(this.interval) - - return this - } - - Carousel.prototype.next = function () { - if (this.sliding) return - return this.slide('next') - } - - Carousel.prototype.prev = function () { - if (this.sliding) return - return this.slide('prev') - } - - Carousel.prototype.slide = function (type, next) { - var $active = this.$element.find('.item.active') - var $next = next || this.getItemForDirection(type, $active) - var isCycling = this.interval - var direction = type == 'next' ? 'left' : 'right' - var that = this - - if ($next.hasClass('active')) return (this.sliding = false) - - var relatedTarget = $next[0] - var slideEvent = $.Event('slide.bs.carousel', { - relatedTarget: relatedTarget, - direction: direction - }) - this.$element.trigger(slideEvent) - if (slideEvent.isDefaultPrevented()) return - - this.sliding = true - - isCycling && this.pause() - - if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) - $nextIndicator && $nextIndicator.addClass('active') - } - - var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" - if ($.support.transition && this.$element.hasClass('slide')) { - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) - $active - .one('bsTransitionEnd', function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { - that.$element.trigger(slidEvent) - }, 0) - }) - .emulateTransitionEnd(Carousel.TRANSITION_DURATION) - } else { - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger(slidEvent) - } - - isCycling && this.cycle() - - return this - } - - - // CAROUSEL PLUGIN DEFINITION - // ========================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.carousel') - var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) - var action = typeof option == 'string' ? option : options.slide - - if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) - if (typeof option == 'number') data.to(option) - else if (action) data[action]() - else if (options.interval) data.pause().cycle() - }) - } - - var old = $.fn.carousel - - $.fn.carousel = Plugin - $.fn.carousel.Constructor = Carousel - - - // CAROUSEL NO CONFLICT - // ==================== - - $.fn.carousel.noConflict = function () { - $.fn.carousel = old - return this - } - - - // CAROUSEL DATA-API - // ================= - - var clickHandler = function (e) { - var href - var $this = $(this) - var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 - if (!$target.hasClass('carousel')) return - var options = $.extend({}, $target.data(), $this.data()) - var slideIndex = $this.attr('data-slide-to') - if (slideIndex) options.interval = false - - Plugin.call($target, options) - - if (slideIndex) { - $target.data('bs.carousel').to(slideIndex) - } - - e.preventDefault() - } - - $(document) - .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) - .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) - - $(window).on('load', function () { - $('[data-ride="carousel"]').each(function () { - var $carousel = $(this) - Plugin.call($carousel, $carousel.data()) - }) - }) - -}(jQuery); - -/* ======================================================================== - * Bootstrap: collapse.js v3.3.4 - * http://getbootstrap.com/javascript/#collapse - * ======================================================================== - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // COLLAPSE PUBLIC CLASS DEFINITION - // ================================ - - var Collapse = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Collapse.DEFAULTS, options) - this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + - '[data-toggle="collapse"][data-target="#' + element.id + '"]') - this.transitioning = null - - if (this.options.parent) { - this.$parent = this.getParent() - } else { - this.addAriaAndCollapsedClass(this.$element, this.$trigger) - } - - if (this.options.toggle) this.toggle() - } - - Collapse.VERSION = '3.3.4' - - Collapse.TRANSITION_DURATION = 350 - - Collapse.DEFAULTS = { - toggle: true - } - - Collapse.prototype.dimension = function () { - var hasWidth = this.$element.hasClass('width') - return hasWidth ? 'width' : 'height' - } - - Collapse.prototype.show = function () { - if (this.transitioning || this.$element.hasClass('in')) return - - var activesData - var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') - - if (actives && actives.length) { - activesData = actives.data('bs.collapse') - if (activesData && activesData.transitioning) return - } - - var startEvent = $.Event('show.bs.collapse') - this.$element.trigger(startEvent) - if (startEvent.isDefaultPrevented()) return - - if (actives && actives.length) { - Plugin.call(actives, 'hide') - activesData || actives.data('bs.collapse', null) - } - - var dimension = this.dimension() - - this.$element - .removeClass('collapse') - .addClass('collapsing')[dimension](0) - .attr('aria-expanded', true) - - this.$trigger - .removeClass('collapsed') - .attr('aria-expanded', true) - - this.transitioning = 1 - - var complete = function () { - this.$element - .removeClass('collapsing') - .addClass('collapse in')[dimension]('') - this.transitioning = 0 - this.$element - .trigger('shown.bs.collapse') - } - - if (!$.support.transition) return complete.call(this) - - var scrollSize = $.camelCase(['scroll', dimension].join('-')) - - this.$element - .one('bsTransitionEnd', $.proxy(complete, this)) - .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) - } - - Collapse.prototype.hide = function () { - if (this.transitioning || !this.$element.hasClass('in')) return - - var startEvent = $.Event('hide.bs.collapse') - this.$element.trigger(startEvent) - if (startEvent.isDefaultPrevented()) return - - var dimension = this.dimension() - - this.$element[dimension](this.$element[dimension]())[0].offsetHeight - - this.$element - .addClass('collapsing') - .removeClass('collapse in') - .attr('aria-expanded', false) - - this.$trigger - .addClass('collapsed') - .attr('aria-expanded', false) - - this.transitioning = 1 - - var complete = function () { - this.transitioning = 0 - this.$element - .removeClass('collapsing') - .addClass('collapse') - .trigger('hidden.bs.collapse') - } - - if (!$.support.transition) return complete.call(this) - - this.$element - [dimension](0) - .one('bsTransitionEnd', $.proxy(complete, this)) - .emulateTransitionEnd(Collapse.TRANSITION_DURATION) - } - - Collapse.prototype.toggle = function () { - this[this.$element.hasClass('in') ? 'hide' : 'show']() - } - - Collapse.prototype.getParent = function () { - return $(this.options.parent) - .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') - .each($.proxy(function (i, element) { - var $element = $(element) - this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) - }, this)) - .end() - } - - Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { - var isOpen = $element.hasClass('in') - - $element.attr('aria-expanded', isOpen) - $trigger - .toggleClass('collapsed', !isOpen) - .attr('aria-expanded', isOpen) - } - - function getTargetFromTrigger($trigger) { - var href - var target = $trigger.attr('data-target') - || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 - - return $(target) - } - - - // COLLAPSE PLUGIN DEFINITION - // ========================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs.collapse') - var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) - - if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false - if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - var old = $.fn.collapse - - $.fn.collapse = Plugin - $.fn.collapse.Constructor = Collapse - - - // COLLAPSE NO CONFLICT - // ==================== - - $.fn.collapse.noConflict = function () { - $.fn.collapse = old - return this - } - - - // COLLAPSE DATA-API - // ================= - - $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { - var $this = $(this) - - if (!$this.attr('data-target')) e.preventDefault() - - var $target = getTargetFromTrigger($this) - var data = $target.data('bs.collapse') - var option = data ? 'toggle' : $this.data() - - Plugin.call($target, option) - }) - -}(jQuery); - -/* ======================================================================== - * Bootstrap: dropdown.js v3.3.4 - * http://getbootstrap.com/javascript/#dropdowns - * ======================================================================== - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - -+function ($) { - 'use strict'; - - // DROPDOWN CLASS DEFINITION - // ========================= - - var backdrop = '.dropdown-backdrop' - var toggle = '[data-toggle="dropdown"]' - var Dropdown = function (element) { - $(element).on('click.bs.dropdown', this.toggle) - } - - Dropdown.VERSION = '3.3.4' - - Dropdown.prototype.toggle = function (e) { - var $this = $(this) - - if ($this.is('.disabled, :disabled')) return - - var $parent = getParent($this) - var isActive = $parent.hasClass('open') - - clearMenus() - - if (!isActive) { - if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { - // if mobile we use a backdrop because click events don't delegate - $('