/* Template Name: Source Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5 Version: 1.2.0 Author: Sean Ngu Website: http://www.seantheme.com/source-admin-v1.2/admin/ :: 1.0 General Reset & Setup ------------------------------------------- 1.1 Reset and overrides 1.2 Pace Loader 1.3 Boxed Layout Setting :: 2.0 Header ------------------------------------------- 2.1 Navbar Element 2.2 Navbar Header 2.3 Navbar Brand 2.4 Navbar Form 2.5 Navbar User 2.6 Navbar Theme - Default 2.7 Navbar Theme - Inverse 2.8 Navbar Theme - Purple 2.9 Navbar Theme - Primary 2.10 Navbar Theme - Success 2.11 Navbar Theme - Lime 2.12 Navbar Theme - Warning 2.13 Navbar Theme - Danger 2.14 Navbar Theme - Grey :: 3.0 Sidebar ------------------------------------------- 3.1 Sidebar Element 3.2 Sidebar - Minified Version Setting 3.3 Sidebar - Right Sidebar Setting 3.4 Sidebar - Page with Two Sidebar Setting 3.5 Sidebar - Page with Top Menu Setting 3.6 Sidebar - Badge & Label Setting 3.7 Sidebar Widget - User Profile 3.8 Sidebar Widget - Project 3.9 Sidebar Widget - Tabs 3.10 Sidebar Widget - Calendar 3.11 Sidebar Widget - Notification List 3.12 Sidebar Widget - Stock List 3.13 Sidebar Widget - Latest Post 3.14 Sidebar Theme - Light 3.15 Sidebar Theme - Success 3.16 Sidebar Theme - Lime 3.17 Sidebar Theme - Warning 3.18 Sidebar Theme - Danger 3.19 Sidebar Theme - Primary 3.20 Sidebar Theme - Grey 3.21 Sidebar Theme - Purple :: 4.0 Content Setting ------------------------------------------- 4.1 Content Element 4.1.1 Content Element - Breadcrumb 4.1.2 Content Element - Page Header 4.2 Content Setting - Page Sidebar Minified 4.3 Content Setting - Page with Right Sidebar 4.4 Content Setting - Page with Footer 4.5 Content Setting - Page without Sidebar :: 5.0 Footer Setting ------------------------------------------- 5.1 Footer Element 5.2 Footer Setting - Page with Fixed Footer 5.3 Footer Setting - Page Sidebar Minified 5.4 Footer Setting - Page with Right Sidebar 5.5 Footer Setting - Page with Two Sidebar 5.6 Footer Setting - Page without Sidebar :: 6.0 Top Menu Setting ------------------------------------------- 6.1 Top Menu Element 6.2 Top Menu Sub Menu Setting 6.3 Top Menu Left & Right Control Setting :: 7.0 Predefined CSS Setting ------------------------------------------- 7.1 Predefined Classes :: 8.0 UI Elements Setting ------------------------------------------- 8.1 Progress Bar Setting 8.2 Label & Badge Setting 8.3 Form Element Setting 8.4 Carousel Setting 8.5 Dropdown Setting 8.6 Dropdown Notification Setting 8.7 Typography Setting 8.8 Description List Setting 8.9 Blockquote Setting 8.10 Panel Setting 8.11 Panel Loading Element Setting 8.12 Spinner Small Setting 8.13 Button Element Setting 8.14 Button Group Setting 8.15 Button Theme Setting 8.15.1 Button Default 8.15.2 Button Danger 8.15.3 Button Warning 8.15.4 Button Lime 8.15.5 Button Success 8.15.6 Button Info 8.15.7 Button Primary 8.15.8 Button Purple 8.15.9 Button Inverse 8.15.10 Button Grey 8.15.11 Button White 8.16 Alert Setting 8.17 Thumbnail Setting 8.18 Default Link Setting 8.19 Pagination Setting 8.20 Pager Setting 8.21 Jumbotron Setting 8.22 List Group Setting 8.23 Well Setting 8.24 Nav Tabs & Pills Setting 8.25 Accordion Setting 8.26 Modal Setting 8.27 Popover Setting 8.28 Section Container Setting 8.29 Form Header Setting 8.30 Table Setting 8.31 Background Cover Setting :: 9.0 Plugins ------------------------------------------- 9.1 Plugin - Gritter Notification Setting 9.2 Plugin - Parsley Validation Setting 9.3 Plugin - DataTables Setting 9.3.1 Plugin - DataTables Extension - Fixed Columns 9.3.2 Plugin - DataTables Extension - Fixed Header 9.3.3 Plugin - DataTables Extension - KeyTable 9.3.4 Plugin - DataTables Extension - Responsive 9.3.5 Plugin - DataTables Extension - Buttons 9.3.6 Plugin - DataTables Extension - RowReorder 9.3.7 Plugin - DataTables Extension - KeyTable 9.3.8 Plugin - DataTables Extension - AutoFill 9.3.9 Plugin - DataTables Extension - Scroll 9.3.10 Plugin - DataTables Extension - Select 9.4 Plugin - Vector Map Setting 9.5 Plugin - Flot Chart Setting 9.6 Plugin - Slimscroll Setting 9.7 Plugin - Datetimepicker Setting 9.8 Plugin - DateRange Picker Setting 9.9 Plugin - Colorpicker Setting 9.10 Plugin - Timepicker Setting 9.11 Plugin - Select2 Setting 9.12 Plugin - Datepicker Setting 9.13 Plugin - Ionrangeslider Setting 9.14 Plugin - Autocomplete Setting 9.15 Plugin - Strength JS Setting 9.16 Plugin - Bootstrap Select Setting 9.17 Plugin - jQuery TagIt Setting 9.18 Plugin - Powerange Slider Setting 9.19 Plugin - Bootstrap Wizard Setting 9.20 Plugin - SummerNote Setting 9.21 Plugin - Morris Chart Setting 9.22 Plugin - Fullcalendar Setting 9.23 Plugin - Sparkline Setting 9.24 Plugin - jQuery Vector Map Setting :: 10.0 Pages ------------------------------------------- 10.1 Page - 404 Error Setting 10.2 Page - Coming Soon Setting 10.3 Page - Gallery Setting 10.4 Page - Invoice Setting 10.5 Page - Login & Register Setting 10.6 Page - Search Result Setting 10.7 Page - Timeline Setting 10.8 Page - Email Inbox Setting 10.9 Page - Email Detail Setting 10.10 Page - Email Compose Setting :: 11.0 Widgets ------------------------------------------- 11.1 Widget - Basic Element Setting 11.2 Widget - Loader Setting 11.3 Widget - Stat Setting 11.4 Widget - Blog Setting 11.5 Widget - Gallery List Setting 11.6 Widget - Image Setting 11.7 Widget - Chart Setting 11.8 Widget - Chat History Setting 11.9 Widget - Todolist Setting 11.10 Widget - Task List Setting 11.11 Widget - Theme Panel Setting :: 12.0 Update - v1.1 ------------------------------------------- 12.1 Widget - Stat Progress 12.2 Panel - Option 12.3 Plugins - Chart JS Custom Tooltip 12.4 Chart Summary Setting 12.5 Feeds Setting 12.6 Chats Setting 12.7 Project Summary Setting 12.8 Sidebar Highlight Theme - Purple 12.9 Sidebar Highlight Theme - Primary 12.10 Sidebar Highlight Theme - Info 12.11 Sidebar Highlight Theme - Lime 12.12 Sidebar Highlight Theme - Warning 12.13 Sidebar Highlight Theme - Danger 12.14 Sidebar Highlight Theme - Grey 12.15 Sidebar Highlight Theme - Light 12.16 Sidebar Highlight Theme - Inverse :: 13.0 Update - v1.2 ------------------------------------------- 13.1 Font Family - Open Sans 13.2 Font Family - Roboto 13.3 Font Family - Lato 13.4 Font Family - Helvetica, Arial */ /* ------------------------------- 1.0 General reset & setup ------------------------------- */ /* 1.1 Reset and overrides */ html, body, .page-container { height: 100%; font-family: Lato; line-height: 1.5; letter-spacing: 0.4px; } body { font-family: Lato; font-size: 13px; background: #f9f9f9; color: #30373e; letter-spacing: 0.4px; } .page-header-fixed { padding-top: 75px; } .page-with-top-menu.page-header-fixed { padding-top: 50px; } @media (max-width: 767px) { .page-header-fixed { padding-top: 50px; } .page-with-top-menu.page-header-fixed { padding-top: 50px; } } .container, .container-fluid { padding-left: 20px; padding-right: 20px; } .container .teacher-nav, .container-fluid .teacher-nav { display: inline-block; overflow: auto; margin-left: 20px; } .container .teacher-nav > a, .container-fluid .teacher-nav > a { margin-left: 0 !important; line-height: 75px; } .container .teacher-nav > a:first-child, .container-fluid .teacher-nav > a:first-child { margin-right: 20px; } /* 1.2 Pace Loader */ @keyframes spinner { to { transform: rotate(360deg); } } @-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } } .spinner { min-width: 80px; margin: 0; left: 50%; top: 50%; margin-top: -8px; margin-left: -40px; bottom: 0; position: fixed; line-height: 16px; padding-left: 27px; } .spinner:before { content: ''; position: absolute; top: 0; left: 50%; width: 16px; height: 16px; margin-left: -40px; } .spinner:not(:required):before { content: ''; border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.3); border-top-color: rgba(0, 0, 0, 0.6); animation: spinner .6s linear infinite; -webkit-animation: spinner .6s linear infinite; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: fixed; top: 56px; left: 0; right: 0; height: 30px; overflow: hidden; z-index: 1030; } .pace-inactive { display: none; } .ie8 .pace { display: none !important; } .pace .pace-progress { background: #080808; position: fixed; z-index: 1020; top: 56px; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; height: 15px; overflow: hidden; } .pace .pace-progress-inner:before { content: ''; display: block; position: aboslute; top: 0; left: 0; right: 0; height: 2px; box-shadow: 0 0 10px #080808, 0 0 5px #080808; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; top: 71px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #080808; border-left-color: #080808; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } .pace-top .pace, .pace-top .pace .pace-progress { top: 0; } .pace-top .pace .pace-activity { top: 15px; } @media (max-width: 767px) { .pace, .pace .pace-progress { top: 94px; } .pace .pace-activity { top: 109px; } } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } /* 1.3 Boxed Layout Setting */ @media (min-width: 768px) { .boxed-layout .pace { position: fixed; top: 56px; left: 50%; width: 1024px; margin-left: -512px; height: 30px; overflow: hidden; } .boxed-layout .pace .pace-progress { position: absolute !important; top: 0; } .boxed-layout .pace .pace-activity { position: absolute; top: 15px; } .boxed-layout .page-container { position: relative; width: 1024px; margin: 0 auto; min-height: 100%; box-shadow: 0 2px 24px rgba(0, 0, 0, 0.4); background: #d5d8da; } .boxed-layout .header, .boxed-layout .top-menu, .boxed-layout .container, .boxed-layout .container-fluid { width: 1024px; max-width: 1024px; } .boxed-layout .header, .boxed-layout .top-menu { right: auto; } .boxed-layout .header, .boxed-layout .top-menu, .boxed-layout .sidebar, .boxed-layout .sidebar-bg { left: auto; } .boxed-layout .page-with-right-sidebar.page-with-two-sidebar .sidebar.sidebar-right, .boxed-layout .page-with-right-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right { position: fixed; right: -250px; } .boxed-layout .page-with-right-sidebar .sidebar, .boxed-layout .page-with-right-sidebar .sidebar-bg, .boxed-layout .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right, .boxed-layout .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right, .boxed-layout .page-with-top-menu .top-menu { position: absolute; right: 0; } .boxed-layout .page-with-top-menu.page-container { overflow: hidden; } } /* ------------------------------- 2.0 Header ------------------------------- */ /* 2.1 Navbar Element */ .navbar { border: none; font-size: 14px; -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.025); box-shadow: 0 1px rgba(0, 0, 0, 0.025); z-index: 1040; margin-bottom: 0; } .navbar-nav > li > a.btn-info { line-height: 15px; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > .open > a:hover { background: none; color: #333; } .navbar-nav > li > a.has-notify { position: relative; } .navbar-nav > li > a.has-notify:before { content: ''; position: absolute; top: 14px; right: 11px; width: 11px; height: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #1abc9c; z-index: 10; opacity: 1; transition: all .2s linear; } .navbar-nav { position: relative; } .navbar-nav .top, .navbar-nav .btn-register { vertical-align: middle; border: 1px solid #08BF91; color: #08BF91 !important; border-radius: 100px; padding: 2px 15px; } .navbar-nav .top:hover, .navbar-nav .btn-register:hover { background-color: #08BF91 !important; color: #fff !important; } .navbar-nav > li > a.has-notify.read:before { opacity: 0; background: none; width: 0; height: 0; } @media (max-width: 767px) { .navbar-nav { margin: 0; text-align: center; padding-bottom: 10px; } .navbar-nav > li + li { margin-left: 15px; } .navbar-nav > li > a { line-height: 20px; padding-left: 8px; padding-right: 8px; } .navbar-toggle { border: none; padding: 16px 15px; margin: 0; background: none; border-radius: 0; } .navbar-nav > li > a.has-notify:before { top: 11px; right: 4px; } } @media (max-width: 480px) { .navbar-nav > li + li { margin-left: 5px; } } /* 2.2 Navbar Header */ .navbar-header { width: 230px; } @media (max-width: 767px) { .navbar-header { width: auto; } } /* 2.3 Navbar Brand */ .navbar-brand { padding: 0; height: 50px; margin: 0; } .navbar-brand .logo { height: 50px; transform: translateY(25%); } .navbar-brand .logo.labex-alicloud { height: 39px; transform: translateY(50%); } @media (max-width: 767px) { .navbar-brand { font-size: 16px; line-height: 28px; padding: 0 10px; } .navbar-brand .logo { width: 120px; height: auto; transform: translateY(15%); } } /* 2.4 Navbar Form */ .navbar-form { margin: 11px 0; position: relative; } .navbar-form .form-control { -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; padding-right: 33px; } .navbar-form .btn { background: none; border: none; color: #606D79; position: absolute !important; right: 15px; top: 0 !important; line-height: 22px; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; } @media (max-width: 767px) { .navbar-form { border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 8px 0; } .navbar-form .form-control { font-size: 12px; height: 30px; } .navbar-form .btn { top: 8px !important; line-height: 18px; right: 0; } } @media (max-width: 480px) { .navbar-form { width: 145px; } } /* 2.5 Navbar User */ .navbar-user > a .image { display: inline-block; width: 40px; height: 40px; background: #eaedef; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-top: 3px; margin-right: 5px; vertical-align: middle; } .navbar-user > a .image img { display: block; max-width: 100%; width: 100%; height: 100%; } @media (max-width: 767px) { .navbar-user > a .image { width: 28px; height: 28px; margin-top: 8px; margin-right: 5px; vertical-align: inherit; } .navbar-user > a .caret { display: inline; } } /* 2.6 Navbar Theme - Default */ .navbar-default { background: #fff; } @media (max-width: 767px) { .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #fff; } .navbar-default .navbar-toggle .icon-bar { background: #333; } } /* 2.7 Navbar Theme - Inverse */ .navbar-inverse { background: #272C31; } .navbar-inverse .navbar-toggle .icon-bar { background: #fff; } .navbar-inverse .navbar-toggle .icon-bar:hover, .navbar-inverse .navbar-toggle .icon-bar:focus { background: none; } .navbar-inverse .navbar-form .form-control, .navbar-inverse .navbar-form .btn, .navbar.navbar-inverse .navbar-nav > li > a { color: #d4d5d6; } .navbar-inverse .navbar-brand, .navbar.navbar-inverse .navbar-nav > li > a:hover, .navbar.navbar-inverse .navbar-nav > li > a:focus, .navbar.navbar-inverse .navbar-nav > .open > a, .navbar.navbar-inverse .navbar-nav > .open > a:focus, .navbar.navbar-inverse .navbar-nav > .open > a:hover { color: #fff; } .navbar-inverse .navbar-form .form-control { background: none; border-color: #52565a; color: #fff; } .navbar-inverse .navbar-form .form-control:focus { border-color: #939598; } .navbar-inverse .navbar-form .form-control::-webkit-input-placeholder { color: #d4d5d6; } .navbar-inverse .navbar-form .form-control:-moz-placeholder { color: #d4d5d6; } .navbar-inverse .navbar-form .form-control::-moz-placeholder { color: #d4d5d6; } .navbar-inverse .navbar-form .form-control:-ms-input-placeholder { color: #d4d5d6; } @media (max-width: 767px) { .navbar-inverse .navbar-header { border-bottom-color: #52565a; } } /* 2.8 Navbar Theme - Purple */ .navbar-purple { background: #9b59b6; } .navbar-purple .navbar-toggle .icon-bar { background: #fff; } .navbar-purple .navbar-form .form-control, .navbar-purple .navbar-form .btn, .navbar.navbar-purple .navbar-nav > li > a { color: #ebdef0; } .navbar-purple .navbar-brand, .navbar.navbar-purple .navbar-nav > li > a:hover, .navbar.navbar-purple .navbar-nav > li > a:focus, .navbar.navbar-purple .navbar-nav > .open > a, .navbar.navbar-purple .navbar-nav > .open > a:focus, .navbar.navbar-purple .navbar-nav > .open > a:hover { color: #fff; } .navbar-purple .navbar-form .form-control { background: none; border-color: #cdacda; color: #fff; } .navbar-purple .navbar-form .form-control:focus { border-color: #ebdef0; } .navbar-purple .navbar-form .form-control::-webkit-input-placeholder { color: #ebdef0; } .navbar-purple .navbar-form .form-control:-moz-placeholder { color: #ebdef0; } .navbar-purple .navbar-form .form-control::-moz-placeholder { color: #ebdef0; } .navbar-purple .navbar-form .form-control:-ms-input-placeholder { color: #ebdef0; } .navbar-purple .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-purple .navbar-header { border-bottom-color: #7c4792; } } /* 2.9 Navbar Theme - Primary */ .navbar-primary { background: #2184DA; } .navbar-primary .navbar-toggle .icon-bar { background: #fff; } .navbar-primary .navbar-form .form-control, .navbar-primary .navbar-form .btn, .navbar.navbar-primary .navbar-nav > li > a { color: #d3e6f8; } .navbar-primary .navbar-brand, .navbar.navbar-primary .navbar-nav > li > a:hover, .navbar.navbar-primary .navbar-nav > li > a:focus, .navbar.navbar-primary .navbar-nav > .open > a, .navbar.navbar-primary .navbar-nav > .open > a:focus, .navbar.navbar-primary .navbar-nav > .open > a:hover { color: #fff; } .navbar-primary .navbar-form .form-control { background: none; border-color: #90c1ec; color: #fff; } .navbar-primary .navbar-form .form-control:focus { border-color: #d3e6f8; } .navbar-primary .navbar-form .form-control::-webkit-input-placeholder { color: #d3e6f8; } .navbar-primary .navbar-form .form-control:-moz-placeholder { color: #d3e6f8; } .navbar-primary .navbar-form .form-control::-moz-placeholder { color: #d3e6f8; } .navbar-primary .navbar-form .form-control:-ms-input-placeholder { color: #d3e6f8; } .navbar-primary .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-primary .navbar-header { border-bottom-color: #1a6aae; } } /* 2.10 Navbar Theme - Success */ .navbar-success { background: #17B6A4; } .navbar-success .navbar-toggle .icon-bar { background: #fff; } .navbar-success .navbar-form .form-control, .navbar-success .navbar-form .btn, .navbar.navbar-success .navbar-nav > li > a { color: #d1f0ed; } .navbar-success .navbar-brand, .navbar.navbar-success .navbar-nav > li > a:hover, .navbar.navbar-success .navbar-nav > li > a:focus, .navbar.navbar-success .navbar-nav > .open > a, .navbar.navbar-success .navbar-nav > .open > a:focus, .navbar.navbar-success .navbar-nav > .open > a:hover { color: #fff; } .navbar-success .navbar-form .form-control { background: none; border-color: #8bdad1; color: #fff; } .navbar-success .navbar-form .form-control:focus { border-color: #d1f0ed; } .navbar-success .navbar-form .form-control::-webkit-input-placeholder { color: #d1f0ed; } .navbar-success .navbar-form .form-control:-moz-placeholder { color: #d1f0ed; } .navbar-success .navbar-form .form-control::-moz-placeholder { color: #d1f0ed; } .navbar-success .navbar-form .form-control:-ms-input-placeholder { color: #d1f0ed; } .navbar-success .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-success .navbar-header { border-bottom-color: #129283; } } /* 2.11 Navbar Theme - Lime */ .navbar-lime { background: #65C56F; } .navbar-lime .navbar-toggle .icon-bar { background: #fff; } .navbar-lime .navbar-form .form-control, .navbar-lime .navbar-form .btn, .navbar.navbar-lime .navbar-nav > li > a { color: #e0f3e2; } .navbar-lime .navbar-brand, .navbar.navbar-lime .navbar-nav > li > a:hover, .navbar.navbar-lime .navbar-nav > li > a:focus, .navbar.navbar-lime .navbar-nav > .open > a, .navbar.navbar-lime .navbar-nav > .open > a:focus, .navbar.navbar-lime .navbar-nav > .open > a:hover { color: #fff; } .navbar-lime .navbar-form .form-control { background: none; border-color: #b2e2b7; color: #fff; } .navbar-lime .navbar-form .form-control:focus { border-color: #e0f3e2; } .navbar-lime .navbar-form .form-control::-webkit-input-placeholder { color: #e0f3e2; } .navbar-lime .navbar-form .form-control:-moz-placeholder { color: #e0f3e2; } .navbar-lime .navbar-form .form-control::-moz-placeholder { color: #e0f3e2; } .navbar-lime .navbar-form .form-control:-ms-input-placeholder { color: #e0f3e2; } .navbar-lime .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-lime .navbar-header { border-bottom-color: #519e59; } } /* 2.12 Navbar Theme - Warning */ .navbar-warning { background: #fcaf41; } .navbar-warning .navbar-toggle .icon-bar { background: #fff; } .navbar-warning .navbar-form .form-control, .navbar-warning .navbar-form .btn, .navbar.navbar-warning .navbar-nav > li > a { color: #feefd9; } .navbar-warning .navbar-brand, .navbar.navbar-warning .navbar-nav > li > a:hover, .navbar.navbar-warning .navbar-nav > li > a:focus, .navbar.navbar-warning .navbar-nav > .open > a, .navbar.navbar-warning .navbar-nav > .open > a:focus, .navbar.navbar-warning .navbar-nav > .open > a:hover { color: #fff; } .navbar-warning .navbar-form .form-control { background: none; border-color: #fdd7a0; color: #fff; } .navbar-warning .navbar-form .form-control:focus { border-color: #feefd9; } .navbar-warning .navbar-form .form-control::-webkit-input-placeholder { color: #feefd9; } .navbar-warning .navbar-form .form-control:-moz-placeholder { color: #feefd9; } .navbar-warning .navbar-form .form-control::-moz-placeholder { color: #feefd9; } .navbar-warning .navbar-form .form-control:-ms-input-placeholder { color: #feefd9; } .navbar-warning .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-warning .navbar-header { border-bottom-color: #ca8c34; } } /* 2.13 Navbar Theme - Danger */ .navbar-danger { background: #F04B46; } .navbar-danger .navbar-toggle .icon-bar { background: #fff; } .navbar-danger .navbar-form .form-control, .navbar-danger .navbar-form .btn, .navbar.navbar-danger .navbar-nav > li > a { color: #fcdbda; } .navbar-danger .navbar-brand, .navbar.navbar-danger .navbar-nav > li > a:hover, .navbar.navbar-danger .navbar-nav > li > a:focus, .navbar.navbar-danger .navbar-nav > .open > a, .navbar.navbar-danger .navbar-nav > .open > a:focus, .navbar.navbar-danger .navbar-nav > .open > a:hover { color: #fff; } .navbar-danger .navbar-form .form-control { background: none; border-color: #f7a5a2; color: #fff; } .navbar-danger .navbar-form .form-control:focus { border-color: #fcdbda; } .navbar-danger .navbar-form .form-control::-webkit-input-placeholder { color: #fcdbda; } .navbar-danger .navbar-form .form-control:-moz-placeholder { color: #fcdbda; } .navbar-danger .navbar-form .form-control::-moz-placeholder { color: #fcdbda; } .navbar-danger .navbar-form .form-control:-ms-input-placeholder { color: #fcdbda; } .navbar-danger .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-danger .navbar-header { border-bottom-color: #c03c38; } } /* 2.14 Navbar Theme - Grey */ .navbar-grey { background: #aab3ba; } .navbar-grey .navbar-toggle .icon-bar { background: #fff; } .navbar-grey .navbar-form .form-control, .navbar-grey .navbar-form .btn, .navbar.navbar-grey .navbar-nav > li > a { color: #eef0f1; } .navbar-grey .navbar-brand, .navbar.navbar-grey .navbar-nav > li > a:hover, .navbar.navbar-grey .navbar-nav > li > a:focus, .navbar.navbar-grey .navbar-nav > .open > a, .navbar.navbar-grey .navbar-nav > .open > a:focus, .navbar.navbar-grey .navbar-nav > .open > a:hover { color: #fff; } .navbar-grey .navbar-form .form-control { background: none; border-color: #d4d9dc; color: #fff; } .navbar-grey .navbar-form .form-control:focus { border-color: #eef0f1; } .navbar-grey .navbar-form .form-control::-webkit-input-placeholder { color: #eef0f1; } .navbar-grey .navbar-form .form-control:-moz-placeholder { color: #eef0f1; } .navbar-grey .navbar-form .form-control::-moz-placeholder { color: #eef0f1; } .navbar-grey .navbar-form .form-control:-ms-input-placeholder { color: #eef0f1; } .navbar-grey .navbar-nav > li > a.has-notify:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .navbar-grey .navbar-header { border-bottom-color: #888f95; } } /* ------------------------------- 3.0 Sidebar ------------------------------- */ /* 3.1 Sidebar Element */ .sidebar, .sidebar-bg { position: absolute; left: 0; top: 45px; background: #3C454D; width: 250px; font-size: 13px; font-weight: 300; z-index: 1010; } .sidebar-bg { position: fixed; bottom: 0; z-index: 1000; } .page-sidebar-fixed .sidebar { position: fixed; bottom: 0; } @media (max-width: 767px) { .sidebar, .sidebar-bg { top: 0; left: -250px; z-index: 1040; } .sidebar-bg { z-index: 1035; } @keyframes sidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @-webkit-keyframes sidebarSlideInLeft { from { left: -250px; } to { left: 0; } } .page-sidebar-toggled .sidebar { left: 0; animation: sidebarSlideInLeft .2s; -webkit-animation: sidebarSlideInLeft .2s; } .page-sidebar-toggled .sidebar-bg { position: fixed; left: 0; animation: sidebarSlideInLeft .2s; -webkit-animation: sidebarSlideInLeft .2s; } } .sidebar .nav > li.nav-header { padding: 15px 20px 10px; color: #b1b5b8; font-size: 10px; font-weight: bold; } .sidebar .nav > li.divider { margin: 15px 0; height: 2px; background: #30373e; } .sidebar .nav > li.divider + li.nav-header { margin-top: -15px; } .sidebar .nav > li:before, .sidebar .nav > li:after, .sidebar .nav > li > a:before, .sidebar .nav > li > a:after { content: ''; display: table; clear: both; } .sidebar .nav > li > a { padding: 12px 20px; color: #b1b5b8; } .sidebar .nav > li.expand > a, .sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus { background: #636a71; } .sidebar .nav > li > a > i { float: left; width: 36px; height: 32px; text-align: center; line-height: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); border-radius: 6px; font-size: 18px; margin: -7px 10px -7px 0; font-size: 14px; color: #fff; color: rgba(255, 255, 255, 0.21); position: relative; overflow: hidden; } .sidebar .nav > li > a > i:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus { background: #24292e; color: #fff; } .sidebar .nav > li.active > a > i { color: #0F6655; background: #1abc9c; } .sidebar .nav > li.active > a > i:after { background: none; } .sidebar .nav > li > a > .caret.pull-right { margin-top: 10px; margin-right: 2px; color: #b1b5b8; } .sidebar .has-sub > .sub-menu { display: block; } .sidebar .has-sub > .sub-menu > li { height: 0; overflow: hidden; transition: all 0.5s; } .sidebar .has-sub.active > .sub-menu > li { height: 28px; } .sidebar .sub-menu:before { content: ''; display: block; position: absolute; left: 36px; top: 0; bottom: 0; width: 4px; background: #24292e; } .sidebar .sub-menu { list-style-type: none; margin: 0; background: #30373e; position: relative; display: none; font-size: 12.5px; } .sidebar .sub-menu .sub-menu { padding: 0 0 0 30px; background: none; } .sidebar .sub-menu .sub-menu:before { left: 21px; } .sidebar .sub-menu > li > a { padding: 5px 20px; display: block; color: #8a8f94; text-decoration: none; position: relative; } .sidebar .sub-menu > li > a > i { position: absolute; left: 12px; font-size: 7px; color: #4f555a; top: 50%; margin-top: -6px; margin-left: -10px; } .sidebar .sub-menu > li > a:hover:before, .sidebar .sub-menu > li > a:focus:before { color: #8a8f94; } .sidebar .sub-menu > li > a:hover, .sidebar .sub-menu > li > a:focus, .sidebar .sub-menu > li.active > a, .sidebar .sub-menu > li.active > a:hover, .sidebar .sub-menu > li.active > a:focus, .sidebar .nav > li li.has-sub.active > a { color: #fff; } .sidebar .sub-menu > li.active > a:before { color: #1abc9c; } .sidebar .nav .sub-menu > li > a .caret { float: right; margin-top: 7px; } .sidebar .label.label-theme { background: #1abc9c; } .sidebar .text-theme { color: #1abc9c; } /* 3.2 Sidebar - Minified Version Setting */ .sidebar-minify-btn, .sidebar-minify-btn:hover, .sidebar-minify-btn:focus { text-align: center; font-size: 14px; z-index: 10; padding: 0 !important; background: #24292e; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #1abc9c; line-height: 30px; margin: -15px auto; } .sidebar-minify-btn i { background: none !important; display: inline !important; font-size: 14px !important; margin: 0 !important; padding: 0 !important; line-height: inherit !important; color: inherit !important; } .sidebar-minify-btn i:after { background: none !important; } .page-sidebar-minified .sidebar { width: 70px; padding: 10px 0; } .page-sidebar-minified .sidebar-bg { width: 70px; } @media (max-width: 767px) { .page-sidebar-minified .sidebar { position: fixed; } } .page-sidebar-minified .sidebar .nav-header, .page-sidebar-minified .sidebar .nav-user, .page-sidebar-minified .sidebar .nav-project, .page-sidebar-minified .sidebar .nav > li > a > span { display: none; } .page-sidebar-minified .sidebar .slimScrollBar { display: none !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollBar { display: block !important; } .page-sidebar-minified .sidebar .nav { position: relative; z-index: 10; } .page-sidebar-minified .sidebar .nav > li > a { padding: 12px 19px 12px 15px; } .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub:focus > a { background: #636a71; } .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a { background: #24292e; } .page-sidebar-minified .sidebar .nav li.has-sub { position: relative; } .page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu { position: absolute; left: 100%; top: 0; display: none; width: 250px; background: #30373e; padding: 10px 0 10px 30px; } .page-sidebar-minified .sidebar li.has-sub > .sub-menu { display: none !important; } .page-sidebar-minified .sidebar .sub-menu:before { left: 25px; } .page-sidebar-minified .sidebar .sub-menu > li > a:before { margin-left: -6px; margin-top: -5px; } .page-sidebar-minified .sidebar li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar li.has-sub:focus > .sub-menu { display: block !important; overflow: visible !important; } .page-sidebar-minified .sidebar .nav > li > a .caret, .page-sidebar-minified .sidebar .nav > li > .sub-menu .caret { position: absolute; right: 0; top: 21px; margin-top: -4px; margin-right: 4px; border-left: 4px dashed; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .page-sidebar-minified .sidebar .nav > li > .sub-menu .caret { top: 14px; right: 10px; } .page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu { margin-top: -10px; } .page-sidebar-minified .sidebar .slimScrollDiv, .page-sidebar-minified .sidebar .slimScrollDiv > div { overflow: visible !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv, .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div { overflow: hidden !important; } .page-sidebar-minified .sidebar-minify-btn i:before { content: '\F105'; } .page-sidebar-minified .divider.has-minify-btn { margin: 20px 0 !important; } /* 3.3 Sidebar - Right Sidebar Setting */ .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { right: 0; left: auto; } .page-with-right-sidebar.page-sidebar-minified .sidebar .nav > li > a { padding: 12px 15px 12px 19px; } .page-with-right-sidebar .sidebar-minify-btn .fa:before { content: '\F105'; } .page-with-right-sidebar.page-sidebar-minified .sidebar-minify-btn .fa:before { content: '\F104'; } .page-with-right-sidebar.page-sidebar-minified .sidebar .nav > li > a .caret, .page-with-right-sidebar.page-sidebar-minified .sidebar .nav > li > .sub-menu .caret { left: 0; right: auto; margin-right: 0; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px dashed; } .page-with-right-sidebar.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu { left: auto; right: 100%; } .page-with-right-sidebar.page-sidebar-minified .sidebar .sub-menu:before { left: auto; right: 25px; } .page-with-right-sidebar.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu { padding: 10px 30px 10px 0; } .page-with-right-sidebar.page-sidebar-minified .sidebar .sub-menu > li > a:before { left: auto; right: 0; margin-left: 0; margin-right: -6px; } @media (max-width: 767px) { .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { left: auto; right: -250px; } @keyframes sidebarSlideInRight { from { right: -250px; } to { right: 0; } } @-webkit-keyframes sidebarSlideInRight { from { right: -250px; } to { right: 0; } } .page-with-right-sidebar.page-sidebar-toggled .sidebar, .page-with-right-sidebar.page-sidebar-toggled .sidebar-bg { right: 0; animation: sidebarSlideInRight .2s; -webkit-animation: sidebarSlideInRight .2s; } } /* 3.4 Sidebar - Page with Two Sidebar Setting */ .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right { position: fixed; } .page-with-two-sidebar .sidebar.sidebar-right, .page-with-two-sidebar .sidebar-bg.sidebar-right { right: -250px; left: auto; } .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right .nav-header, .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right .nav-user, .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right .nav-project { display: block; } @media (max-width: 767px) { @keyframes mobileSidebarSlideInRight { from { right: -250px; } to { right: 0; } } @-webkit-keyframes mobileSidebarSlideInRight { from { right: -250px; } to { right: 0; } } .page-with-two-sidebar .sidebar.sidebar-right, .page-with-two-sidebar .sidebar-bg.sidebar-right { right: -250px; -webkit-animation: none; animation: none; } .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right, .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right { right: 0; left: auto; -webkit-animation: mobileSidebarSlideInRight .2s; animation: mobileSidebarSlideInRight .2s; } } .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right, .page-with-two-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right { width: 250px; padding: 0; } .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right, .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right { right: 0; } /* 3.5 Sidebar - Page with Top Menu Setting */ .page-with-top-menu .sidebar, .page-with-top-menu .sidebar-bg { top: 100px; } @media (max-width: 767px) { .page-with-top-menu .sidebar, .page-with-top-menu .sidebar-bg { top: 0; } } /* 3.6 Sidebar - Badge & Label Setting */ .sidebar .badge { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 10px; } .sidebar a:hover .badge, .sidebar a:focus .badge { background: #8a8f94; } .sidebar .badge.pull-right, .sidebar .badge.pull-left { padding-top: 4px; padding-bottom: 3px; } /* 3.7 Sidebar Widget - User Profile */ .sidebar .nav-user { padding: 15px; background: #30373e; } .sidebar .nav-user .image { width: 40px; height: 40px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; } .sidebar .nav-user .image img { max-width: 100%; } .sidebar .nav-user .image + .info { margin-left: 50px; } .sidebar .nav-user .info .name, .sidebar .nav-user .info .name > a, .sidebar .nav-user .info .name > a:hover, .sidebar .nav-user .info .name > a:focus { color: #fff; text-decoration: none; background: none; display: block; font-size: 14px; } .sidebar .nav-user .info .position { color: #b1b5b8; font-size: 12px; } /* 3.8 Sidebar Widget - Project */ .sidebar .nav-project .project-list { list-style-type: none; margin: 0 0 15px; padding: 0; } .sidebar .nav-project .project-list > li { padding: 0 20px; } .sidebar .nav-project .project-list > li + li { margin-top: 10px; } .sidebar .nav-project .project-list > li:before, .sidebar .nav-project .project-list > li:after { content: ''; display: table; clear: both; } .sidebar .nav-project .project-list > li a { text-decoration: none; } .sidebar .nav-project .project-list > li .icon { float: left; width: 20px; text-align: center; font-size: 12px; line-height: 18px; } .sidebar .nav-project .project-list > li .info { margin-left: 30px; } .sidebar .nav-project .project-list > li .title { font-size: 13px; margin-bottom: 5px; } .sidebar .nav-project .project-list > li .title, .sidebar .nav-project .project-list > li .title a, .sidebar .nav-project .project-list > li .title a:hover, .sidebar .nav-project .project-list > li .title a:focus { color: #fff; } .sidebar .nav-project .project-list > li .desc { font-size: 11px; color: #8a8f94; } .sidebar .nav-project .project-list > li .progress { height: 5px; margin-bottom: 5px; background: #30373e; } /* 3.9 Sidebar Widget - Tabs */ .sidebar .nav.nav-tabs { display: table; width: 100%; border: none; } .sidebar .tab-content { background: none; padding: 0; } .sidebar .nav.nav-tabs > li { display: table-cell; float: none; margin: 0; border: none; } .sidebar .nav.nav-tabs > li a { padding: 0; margin: 0; border: none; border-radius: 0; line-height: 36px; font-size: 12px; text-align: center; background: #30373e; } .sidebar .nav.nav-tabs > li a:hover, .sidebar .nav.nav-tabs > li a:focus { background: #636a71; } .sidebar .nav.nav-tabs > li:after, .sidebar .nav.nav-tabs > li:hover:after, .sidebar .nav.nav-tabs > li:focus:after, .sidebar .nav.nav-tabs > li.active:after, .sidebar .nav.nav-tabs > li.active:hover:after, .sidebar .nav.nav-tabs > li.active:focus:after { background: none; } .sidebar .nav.nav-tabs > li.active a { background: none !important; } /* 3.10 Sidebar Widget - Calendar */ .sidebar .calendar { background: none; border: none; padding-left: 10px; padding-right: 10px; } .sidebar .calendar .table { background: none !important; } .sidebar .calendar .table > thead > tr > th, .sidebar .calendar .table > tbody > tr > td { border: none !important; } .sidebar .calendar .week_days td { background: none; color: #17B6A4 !important; } .sidebar .calendar .week_days td, .sidebar .calendar .visualmonthyear, .sidebar .calendar a { color: #b1b5b8; text-shadow: none; } .sidebar .calendar .table td { border-color: transparent; font-weight: 300; } .sidebar .calendar .table.header td.year { width: 100%; } .sidebar .calendar .event { background: #272C31; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sidebar .calendar .event a { color: #fff; } .sidebar .calendar .icon-arrow-right, .sidebar .calendar .icon-arrow-left { display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); cursor: pointer; width: 25px; } .sidebar .calendar .icon-arrow-right:hover, .sidebar .calendar .icon-arrow-right:focus, .sidebar .calendar .icon-arrow-left:hover, .sidebar .calendar .icon-arrow-left:focus { color: #fff; } .sidebar .calendar .icon-arrow-right:before { content: '\F061'; } .sidebar .calendar .icon-arrow-left:before { content: '\F060'; } .sidebar .nav > li.nav-date { font-size: 18px; color: #fff; text-align: center; padding: 15px 0; } .sidebar .nav > li.nav-date + .divider { margin-top: 0; } /* 3.11 Sidebar Widget - Notification List */ .sidebar .notification-list { list-style-type: none; margin: 0; padding: 5px 20px; } .sidebar .notification-list > li { padding: 0; } .sidebar .notification-list > li + li { margin-top: 12px; padding-top: 12px; border-top: 1px solid #4f575e; } .sidebar .notification-list > li:before, .sidebar .notification-list > li:after { content: ''; display: table; clear: both; } .sidebar .notification-list > li .media { float: left; width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); font-size: 14px; } .sidebar .notification-list > li .media img { max-width: 100%; display: block; } .sidebar .notification-list > li .info { margin-left: 40px; } .sidebar .notification-list > li .info .title, .sidebar .notification-list > li .info .title a { text-decoration: none; color: #fff; font-size: 13px; } .sidebar .notification-list > li .info .title, .sidebar .notification-list > li .info .title a, .sidebar .notification-list > li .info .time, .sidebar .notification-list > li .info .desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar .notification-list > li .info .time, .sidebar .notification-list > li .info .desc { font-size: 11px; color: #b1b5b8; } /* 3.12 Sidebar Widget - Stock List */ .sidebar .stock-list { list-style-type: none; margin: 0; padding: 0 20px; font-size: 11px; } .sidebar .stock-list > li:before, .sidebar .stock-list > li:after { content: ''; display: table; clear: both; } .sidebar .stock-list > li { padding: 10px 0; } .sidebar .stock-list > li + li { border-top: 1px solid #4f575e; } .sidebar .stock-list > li .name, .sidebar .stock-list > li .value, .sidebar .stock-list > li .percentage { float: left; } .sidebar .stock-list > li div + div { padding-left: 10px; } .sidebar .stock-list > li .name { width: 35%; color: #fff; } .sidebar .stock-list > li .value { width: 35%; text-align: right; color: #b1b5b8; } .sidebar .stock-list > li .percentage { width: 30%; text-align: center; } .sidebar .stock-list > li .percentage .label { font-weight: 300; font-size: 11px; display: block; padding: 3px 0; margin: -3px 0; line-height: 15px; } /* 3.13 Sidebar Widget - Latest Post */ .sidebar .nav-post { list-style-type: none; margin: 0; padding: 5px 20px; } .sidebar .nav-post > li { padding: 0; } .sidebar .nav-post > li + li { margin-top: 12px; padding-top: 12px; border-top: 1px solid #4f575e; } .sidebar .nav-post > li:before, .sidebar .nav-post > li:after { content: ''; display: table; clear: both; } .sidebar .nav-post > li .image { float: left; width: 46px; height: 32px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sidebar .nav-post > li .image img { max-height: 100%; display: block; } .sidebar .nav-post > li .info { margin-left: 56px; } .sidebar .nav-post > li .info .title { font-size: 12px; color: #fff; } .sidebar .nav-post > li .info .time, .sidebar .nav-post > li .info .desc { color: #b1b5b8; font-size: 11px; } .sidebar .nav-post > li .info .title, .sidebar .nav-post > li .info .time, .sidebar .nav-post > li .info .desc { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 3.14 Sidebar Theme - Light */ .sidebar.sidebar-light, .sidebar-bg.sidebar-light { background: #fff; } .sidebar.sidebar-light .nav-user, .sidebar.sidebar-light .sub-menu, .page-sidebar-minified .sidebar.sidebar-light li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-light li.has-sub:focus > .sub-menu, .sidebar.sidebar-light .nav > li.divider, .sidebar.sidebar-light .sidebar-minify-btn, .sidebar.sidebar-light .sidebar-minify-btn:hover, .sidebar.sidebar-light .sidebar-minify-btn:focus, .sidebar.sidebar-light .nav-project .project-list > li .progress { background: #eff0f1; } .sidebar.sidebar-light .nav-user .info .name, .sidebar.sidebar-light .nav-user .info .name > a, .sidebar.sidebar-light .nav-user .info .name > a:hover, .sidebar.sidebar-light .nav-user .info .name > a:focus { color: #323539; } .sidebar.sidebar-light .nav-user .position { color: #636a71; } .sidebar.sidebar-light .nav > li > a, .sidebar.sidebar-light .nav > li > a > i, .sidebar.sidebar-light .nav > li.nav-header, .sidebar.sidebar-light .sub-menu > li.active > a, .sidebar.sidebar-light .sub-menu > li.active > a:before, .sidebar.sidebar-light .sub-menu > li > a:hover, .sidebar.sidebar-light .sub-menu > li > a:focus, .sidebar.sidebar-light .sub-menu > li > a:hover:before, .sidebar.sidebar-light .sub-menu > li > a:focus:before, .sidebar.sidebar-light .nav-project .project-list > li .title, .sidebar.sidebar-light .nav-project .project-list > li .title a, .sidebar.sidebar-light .nav-project .project-list > li .title a:hover, .sidebar.sidebar-light .nav-project .project-list > li .title a:focus { color: #3C454D; } .sidebar.sidebar-light .nav > li > a > i { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC); background: rgba(70, 78, 86, 0.15); } .sidebar.sidebar-light .nav > li > a > i:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.15); } .sidebar.sidebar-light .nav > li.expand > a, .sidebar.sidebar-light .nav > li > a:hover, .sidebar.sidebar-light .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-light .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-light .nav > li.has-sub:focus > a { background: #d8dadb; } .sidebar.sidebar-light .nav > li.active > a i { color: #0F6655; background: #1abc9c; } .sidebar.sidebar-light .nav > li.active > a, .sidebar.sidebar-light .nav > li.active > a:hover, .sidebar.sidebar-light .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-light .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-light .nav > li.has-sub.active:focus > a { background: #464e56; color: #fff; } .sidebar.sidebar-light .slimScrollBar { background: #464e56 !important; } .sidebar.sidebar-light .sub-menu:before { background: #c4c7c9; } .sidebar.sidebar-light .sub-menu > li > a, .sidebar.sidebar-light .sub-menu > li > a:before { color: #9da2a6; } .sidebar.sidebar-light .nav.nav-tabs > li a, .sidebar.sidebar-light .nav.nav-tabs > li.active a { color: #3C454D; font-weight: normal; } .sidebar.sidebar-light .nav.nav-tabs > li a, .sidebar.sidebar-light .nav.nav-tabs > li a:hover, .sidebar.sidebar-light .nav.nav-tabs > li a:focus { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.15); } .sidebar.sidebar-light .nav.nav-tabs > li.active a, .sidebar.sidebar-light .nav.nav-tabs > li.active a:hover, .sidebar.sidebar-light .nav.nav-tabs > li.active a:focus { background: none; } .sidebar.sidebar-light .stock-list > li .value, .sidebar.sidebar-light .calendar .week_days td, .sidebar.sidebar-light .calendar .visualmonthyear, .sidebar.sidebar-light .calendar a, .sidebar.sidebar-light .calendar .table { color: #3C454D; } .sidebar.sidebar-light .calendar .week_days td { color: #3C454D !important; font-weight: normal; } .sidebar.sidebar-light .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.15) !important; } .sidebar.sidebar-light .stock-list > li + li, .sidebar.sidebar-light .nav-post > li + li, .sidebar.sidebar-light .notification-list > li + li { border-top-color: #eff0f1; } .sidebar.sidebar-light .nav-post > li .info .time, .sidebar.sidebar-light .nav-post > li .info .desc, .sidebar.sidebar-light .notification-list > li .info .time, .sidebar.sidebar-light .notification-list > li .info .desc { color: #000; color: rgba(0, 0, 0, 0.5); font-weight: normal; } .sidebar.sidebar-light .nav > li.nav-date, .sidebar.sidebar-light .nav-post > li .info .title, .sidebar.sidebar-light .stock-list > li .name, .sidebar.sidebar-light .notification-list > li .info .title, .sidebar.sidebar-light .notification-list > li .info .title a, .sidebar.sidebar-light .notification-list > li .media { color: #3C454D; } /* 3.15 Sidebar Theme - Success */ .sidebar.sidebar-success, .sidebar-bg.sidebar-success { background: #17B6A4; } .sidebar.sidebar-success .nav-user, .sidebar.sidebar-success .sub-menu, .page-sidebar-minified .sidebar.sidebar-success li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-success li.has-sub:focus > .sub-menu, .sidebar.sidebar-success .nav > li.divider, .sidebar.sidebar-success .sidebar-minify-btn, .sidebar.sidebar-success .sidebar-minify-btn:hover, .sidebar.sidebar-success .sidebar-minify-btn:focus, .sidebar.sidebar-success .nav-project .project-list > li .progress { background: #129283; } .sidebar.sidebar-success .nav-user .info .name, .sidebar.sidebar-success .nav-user .info .name > a, .sidebar.sidebar-success .nav-user .info .name > a:hover, .sidebar.sidebar-success .nav-user .info .name > a:focus, .sidebar.sidebar-success .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-success .nav > li.nav-header, .sidebar.sidebar-success .nav-user .position { color: #b9e9e4; } .sidebar.sidebar-success .nav > li > a, .sidebar.sidebar-success .nav-project .project-list > li .title, .sidebar.sidebar-success .nav-project .project-list > li .title a, .sidebar.sidebar-success .nav-project .project-list > li .title a:hover, .sidebar.sidebar-success .nav-project .project-list > li .title a:focus, .sidebar.sidebar-success .nav > li > a > i, .sidebar.sidebar-success .sub-menu > li.active > a, .sidebar.sidebar-success .sub-menu > li.active > a:before, .sidebar.sidebar-success .sub-menu > li > a:hover, .sidebar.sidebar-success .sub-menu > li > a:focus, .sidebar.sidebar-success .sub-menu > li > a:hover:before, .sidebar.sidebar-success .sub-menu > li > a:focus:before, .sidebar.sidebar-success .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-success .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-success .nav > li.expand > a, .sidebar.sidebar-success .nav > li > a:hover, .sidebar.sidebar-success .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-success .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-success .nav > li.has-sub:focus > a { background: #45c5b6; } .sidebar.sidebar-success .nav > li.active > a i, .sidebar.sidebar-success .badge, .sidebar.sidebar-success a:hover .badge, .sidebar.sidebar-success a:focus .badge, .sidebar.sidebar-success .label, .sidebar.sidebar-success a:hover .label, .sidebar.sidebar-success a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-success .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-success .nav > li.active > a, .sidebar.sidebar-success .nav > li.active > a:hover, .sidebar.sidebar-success .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-success .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-success .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-success .sub-menu:before { background: #108073; } .sidebar.sidebar-success .progress .progress-bar { background: #fff; } .sidebar.sidebar-success .sub-menu > li > a, .sidebar.sidebar-success .sub-menu > li > a:before { color: #8bdad1; } .sidebar.sidebar-success .stock-list > li .percentage .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-success .nav.nav-tabs > li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-success .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-success .stock-list > li .value, .sidebar.sidebar-success .calendar .week_days td, .sidebar.sidebar-success .calendar .visualmonthyear, .sidebar.sidebar-success .calendar a, .sidebar.sidebar-success .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-success .calendar .event { background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-success .calendar .week_days td { color: #000 !important; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-success .stock-list > li + li, .sidebar.sidebar-success .nav-post > li + li, .sidebar.sidebar-success .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-success .nav-post > li .info .time, .sidebar.sidebar-success .nav-post > li .info .desc, .sidebar.sidebar-success .notification-list > li .info .time, .sidebar.sidebar-success .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-success .notification-list > li .media { color: #fff; } /* 3.16 Sidebar Theme - Lime */ .sidebar.sidebar-lime, .sidebar-bg.sidebar-lime { background: #65C56F; } .sidebar.sidebar-lime .nav-user, .sidebar.sidebar-lime .sub-menu, .page-sidebar-minified .sidebar.sidebar-lime li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-lime li.has-sub:focus > .sub-menu, .sidebar.sidebar-lime .nav > li.divider, .sidebar.sidebar-lime .sidebar-minify-btn, .sidebar.sidebar-lime .sidebar-minify-btn:hover, .sidebar.sidebar-lime .sidebar-minify-btn:focus, .sidebar.sidebar-lime .nav-project .project-list > li .progress { background: #519e59; } .sidebar.sidebar-lime .nav-user .info .name, .sidebar.sidebar-lime .nav-user .info .name > a, .sidebar.sidebar-lime .nav-user .info .name > a:hover, .sidebar.sidebar-lime .nav-user .info .name > a:focus, .sidebar.sidebar-lime .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-lime .nav > li.nav-header, .sidebar.sidebar-lime .nav-user .position { color: #d0edd4; } .sidebar.sidebar-lime .nav > li > a, .sidebar.sidebar-lime .nav-project .project-list > li .title, .sidebar.sidebar-lime .nav-project .project-list > li .title a, .sidebar.sidebar-lime .nav-project .project-list > li .title a:hover, .sidebar.sidebar-lime .nav-project .project-list > li .title a:focus, .sidebar.sidebar-lime .nav > li > a > i, .sidebar.sidebar-lime .sub-menu > li.active > a, .sidebar.sidebar-lime .sub-menu > li.active > a:before, .sidebar.sidebar-lime .sub-menu > li > a:hover, .sidebar.sidebar-lime .sub-menu > li > a:focus, .sidebar.sidebar-lime .sub-menu > li > a:hover:before, .sidebar.sidebar-lime .sub-menu > li > a:focus:before, .sidebar.sidebar-lime .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-lime .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-lime .nav > li.expand > a, .sidebar.sidebar-lime .nav > li > a:hover, .sidebar.sidebar-lime .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-lime .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-lime .nav > li.has-sub:focus > a { background: #84d18c; } .sidebar.sidebar-lime .nav > li.active > a i, .sidebar.sidebar-lime .badge, .sidebar.sidebar-lime a:hover .badge, .sidebar.sidebar-lime a:focus .badge, .sidebar.sidebar-lime .label, .sidebar.sidebar-lime a:hover .label, .sidebar.sidebar-lime a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-lime .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-lime .nav > li.active > a, .sidebar.sidebar-lime .nav > li.active > a:hover, .sidebar.sidebar-lime .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-lime .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-lime .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-lime .sub-menu:before { background: #478a4e; } .sidebar.sidebar-lime .progress .progress-bar { background: #fff; } .sidebar.sidebar-lime .sub-menu > li > a, .sidebar.sidebar-lime .sub-menu > li > a:before { color: #b2e2b7; } .sidebar.sidebar-lime .stock-list > li .percentage .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-lime .nav.nav-tabs > li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-lime .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-lime .stock-list > li .value, .sidebar.sidebar-lime .calendar .week_days td, .sidebar.sidebar-lime .calendar .visualmonthyear, .sidebar.sidebar-lime .calendar a, .sidebar.sidebar-lime .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-lime .calendar .week_days td { color: #000; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-lime .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-lime .stock-list > li + li, .sidebar.sidebar-lime .nav-post > li + li, .sidebar.sidebar-lime .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-lime .nav-post > li .info .time, .sidebar.sidebar-lime .nav-post > li .info .desc, .sidebar.sidebar-lime .notification-list > li .info .time, .sidebar.sidebar-lime .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-lime .notification-list > li .media { color: #fff; } /* 3.17 Sidebar Theme - Warning */ .sidebar.sidebar-warning, .sidebar-bg.sidebar-warning { background: #fcaf41; } .sidebar.sidebar-warning .nav-user, .sidebar.sidebar-warning .sub-menu, .page-sidebar-minified .sidebar.sidebar-warning li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-warning li.has-sub:focus > .sub-menu, .sidebar.sidebar-warning .nav > li.divider, .sidebar.sidebar-warning .sidebar-minify-btn, .sidebar.sidebar-warning .sidebar-minify-btn:hover, .sidebar.sidebar-warning .sidebar-minify-btn:focus, .sidebar.sidebar-warning .nav-project .project-list > li .progress { background: #ca8c34; } .sidebar.sidebar-warning .nav-user .info .name, .sidebar.sidebar-warning .nav-user .info .name > a, .sidebar.sidebar-warning .nav-user .info .name > a:hover, .sidebar.sidebar-warning .nav-user .info .name > a:focus, .sidebar.sidebar-warning .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-warning .nav > li.nav-header, .sidebar.sidebar-warning .nav-user .position { color: #fee7c6; } .sidebar.sidebar-warning .nav > li > a, .sidebar.sidebar-warning .nav-project .project-list > li .title, .sidebar.sidebar-warning .nav-project .project-list > li .title a, .sidebar.sidebar-warning .nav-project .project-list > li .title a:hover, .sidebar.sidebar-warning .nav-project .project-list > li .title a:focus, .sidebar.sidebar-warning .nav > li > a > i, .sidebar.sidebar-warning .sub-menu > li.active > a, .sidebar.sidebar-warning .sub-menu > li.active > a:before, .sidebar.sidebar-warning .sub-menu > li > a:hover, .sidebar.sidebar-warning .sub-menu > li > a:focus, .sidebar.sidebar-warning .sub-menu > li > a:hover:before, .sidebar.sidebar-warning .sub-menu > li > a:focus:before, .sidebar.sidebar-warning .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-warning .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-warning .nav > li.expand > a, .sidebar.sidebar-warning .nav > li > a:hover, .sidebar.sidebar-warning .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-warning .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-warning .nav > li.has-sub:focus > a { background: #fdbf67; } .sidebar.sidebar-warning .nav > li.active > a i, .sidebar.sidebar-warning .badge, .sidebar.sidebar-warning a:hover .badge, .sidebar.sidebar-warning a:focus .badge, .sidebar.sidebar-warning .label, .sidebar.sidebar-warning a:hover .label, .sidebar.sidebar-warning a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-warning .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-warning .nav > li.active > a, .sidebar.sidebar-warning .nav > li.active > a:hover, .sidebar.sidebar-warning .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-warning .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-warning .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-warning .sub-menu:before { background: #b17b2e; } .sidebar.sidebar-warning .progress .progress-bar { background: #fff; } .sidebar.sidebar-warning .sub-menu > li > a, .sidebar.sidebar-warning .sub-menu > li > a:before { color: #fdd7a0; } .sidebar.sidebar-warning .stock-list > li .percentage .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-warning .nav.nav-tabs > li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-warning .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-warning .stock-list > li .value, .sidebar.sidebar-warning .calendar .week_days td, .sidebar.sidebar-warning .calendar .visualmonthyear, .sidebar.sidebar-warning .calendar a, .sidebar.sidebar-warning .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-warning .calendar .week_days td { color: #000; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-warning .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-warning .stock-list > li + li, .sidebar.sidebar-warning .nav-post > li + li, .sidebar.sidebar-warning .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-warning .nav-post > li .info .time, .sidebar.sidebar-warning .nav-post > li .info .desc, .sidebar.sidebar-warning .notification-list > li .info .time, .sidebar.sidebar-warning .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-warning .notification-list > li .media { color: #fff; } /* 3.18 Sidebar Theme - Danger */ .sidebar.sidebar-danger, .sidebar-bg.sidebar-danger { background: #F04B46; } .sidebar.sidebar-danger .nav-user, .sidebar.sidebar-danger .sub-menu, .page-sidebar-minified .sidebar.sidebar-danger li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-danger li.has-sub:focus > .sub-menu, .sidebar.sidebar-danger .nav > li.divider, .sidebar.sidebar-danger .sidebar-minify-btn, .sidebar.sidebar-danger .sidebar-minify-btn:hover, .sidebar.sidebar-danger .sidebar-minify-btn:focus, .sidebar.sidebar-danger .nav-project .project-list > li .progress { background: #c03c38; } .sidebar.sidebar-danger .nav-user .info .name, .sidebar.sidebar-danger .nav-user .info .name > a, .sidebar.sidebar-danger .nav-user .info .name > a:hover, .sidebar.sidebar-danger .nav-user .info .name > a:focus, .sidebar.sidebar-danger .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-danger .nav > li.nav-header, .sidebar.sidebar-danger .nav-user .position { color: #fac9c7; } .sidebar.sidebar-danger .nav > li > a, .sidebar.sidebar-danger .nav-project .project-list > li .title, .sidebar.sidebar-danger .nav-project .project-list > li .title a, .sidebar.sidebar-danger .nav-project .project-list > li .title a:hover, .sidebar.sidebar-danger .nav-project .project-list > li .title a:focus, .sidebar.sidebar-danger .nav > li > a > i, .sidebar.sidebar-danger .sub-menu > li.active > a, .sidebar.sidebar-danger .sub-menu > li.active > a:before, .sidebar.sidebar-danger .sub-menu > li > a:hover, .sidebar.sidebar-danger .sub-menu > li > a:focus, .sidebar.sidebar-danger .sub-menu > li > a:hover:before, .sidebar.sidebar-danger .sub-menu > li > a:focus:before, .sidebar.sidebar-danger .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-danger .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-danger .nav > li.expand > a, .sidebar.sidebar-danger .nav > li > a:hover, .sidebar.sidebar-danger .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-danger .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-danger .nav > li.has-sub:focus > a { background: #f36f6b; } .sidebar.sidebar-danger .nav > li.active > a i, .sidebar.sidebar-danger .badge, .sidebar.sidebar-danger a:hover .badge, .sidebar.sidebar-danger a:focus .badge, .sidebar.sidebar-danger .label, .sidebar.sidebar-danger a:hover .label, .sidebar.sidebar-danger a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-danger .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-danger .nav > li.active > a, .sidebar.sidebar-danger .nav > li.active > a:hover, .sidebar.sidebar-danger .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-danger .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-danger .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-danger .sub-menu:before { background: #a83531; } .sidebar.sidebar-danger .progress .progress-bar { background: #fff; } .sidebar.sidebar-danger .sub-menu > li > a, .sidebar.sidebar-danger .sub-menu > li > a:before { color: #f7a5a2; } .sidebar.sidebar-danger .stock-list > li .percentage .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-danger .nav.nav-tabs > li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-danger .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-danger .stock-list > li .value, .sidebar.sidebar-danger .calendar .week_days td, .sidebar.sidebar-danger .calendar .visualmonthyear, .sidebar.sidebar-danger .calendar a, .sidebar.sidebar-danger .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-danger .calendar .week_days td { color: #000; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-danger .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-danger .stock-list > li + li, .sidebar.sidebar-danger .nav-post > li + li, .sidebar.sidebar-danger .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-danger .nav-post > li .info .time, .sidebar.sidebar-danger .nav-post > li .info .desc, .sidebar.sidebar-danger .notification-list > li .info .time, .sidebar.sidebar-danger .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-danger .notification-list > li .media { color: #fff; } /* 3.19 Sidebar Theme - Primary */ .sidebar.sidebar-primary, .sidebar-bg.sidebar-primary { background: #2184DA; } .sidebar.sidebar-primary .nav-user, .sidebar.sidebar-primary .sub-menu, .page-sidebar-minified .sidebar.sidebar-primary li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-primary li.has-sub:focus > .sub-menu, .sidebar.sidebar-primary .nav > li.divider, .sidebar.sidebar-primary .sidebar-minify-btn, .sidebar.sidebar-primary .sidebar-minify-btn:hover, .sidebar.sidebar-primary .sidebar-minify-btn:focus, .sidebar.sidebar-primary .nav-project .project-list > li .progress { background: #1a6aae; } .sidebar.sidebar-primary .nav-user .info .name, .sidebar.sidebar-primary .nav-user .info .name > a, .sidebar.sidebar-primary .nav-user .info .name > a:hover, .sidebar.sidebar-primary .nav-user .info .name > a:focus, .sidebar.sidebar-primary .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-primary .nav > li.nav-header, .sidebar.sidebar-primary .nav-user .position { color: #d3e6f8; } .sidebar.sidebar-primary .nav > li > a, .sidebar.sidebar-primary .nav-project .project-list > li .title, .sidebar.sidebar-primary .nav-project .project-list > li .title a, .sidebar.sidebar-primary .nav-project .project-list > li .title a:hover, .sidebar.sidebar-primary .nav-project .project-list > li .title a:focus, .sidebar.sidebar-primary .nav > li > a > i, .sidebar.sidebar-primary .sub-menu > li.active > a, .sidebar.sidebar-primary .sub-menu > li.active > a:before, .sidebar.sidebar-primary .sub-menu > li > a:hover, .sidebar.sidebar-primary .sub-menu > li > a:focus, .sidebar.sidebar-primary .sub-menu > li > a:hover:before, .sidebar.sidebar-primary .sub-menu > li > a:focus:before, .sidebar.sidebar-primary .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-primary .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-primary .nav > li.expand > a, .sidebar.sidebar-primary .nav > li > a:hover, .sidebar.sidebar-primary .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-primary .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-primary .nav > li.has-sub:focus > a { background: #4d9de1; } .sidebar.sidebar-primary .nav > li.active > a i, .sidebar.sidebar-primary .badge, .sidebar.sidebar-primary a:hover .badge, .sidebar.sidebar-primary a:focus .badge, .sidebar.sidebar-primary .label, .sidebar.sidebar-primary a:hover .label, .sidebar.sidebar-primary a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-primary .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-primary .nav > li.active > a, .sidebar.sidebar-primary .nav > li.active > a:hover, .sidebar.sidebar-primary .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-primary .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-primary .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-primary .sub-menu:before { background: #175d99; } .sidebar.sidebar-primary .progress .progress-bar { background: #fff; } .sidebar.sidebar-primary .sub-menu > li > a, .sidebar.sidebar-primary .sub-menu > li > a:before { color: #90c1ec; } .sidebar.sidebar-primary .stock-list > li .percentage .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-primary .nav.nav-tabs > li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-primary .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-primary .stock-list > li .value, .sidebar.sidebar-primary .calendar .week_days td, .sidebar.sidebar-primary .calendar .visualmonthyear, .sidebar.sidebar-primary .calendar a, .sidebar.sidebar-primary .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-primary .calendar .week_days td { color: #000; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-primary .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-primary .stock-list > li + li, .sidebar.sidebar-primary .nav-post > li + li, .sidebar.sidebar-primary .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-primary .nav-post > li .info .time, .sidebar.sidebar-primary .nav-post > li .info .desc, .sidebar.sidebar-primary .notification-list > li .info .time, .sidebar.sidebar-primary .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-primary .notification-list > li .media { color: #fff; } /* 3.20 Sidebar Theme - Grey */ .sidebar.sidebar-grey, .sidebar-bg.sidebar-grey { background: #aab3ba; } .sidebar.sidebar-grey .nav-user, .sidebar.sidebar-grey .sub-menu, .page-sidebar-minified .sidebar.sidebar-grey li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-grey li.has-sub:focus > .sub-menu, .sidebar.sidebar-grey .nav > li.divider, .sidebar.sidebar-grey .sidebar-minify-btn, .sidebar.sidebar-grey .sidebar-minify-btn:hover, .sidebar.sidebar-grey .sidebar-minify-btn:focus, .sidebar.sidebar-grey .nav-project .project-list > li .progress { background: #888f95; } .sidebar.sidebar-grey .nav-user .info .name, .sidebar.sidebar-grey .nav-user .info .name > a, .sidebar.sidebar-grey .nav-user .info .name > a:hover, .sidebar.sidebar-grey .nav-user .info .name > a:focus, .sidebar.sidebar-grey .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-grey .nav > li.nav-header, .sidebar.sidebar-grey .nav-user .position { color: #e5e8ea; } .sidebar.sidebar-grey .nav > li > a, .sidebar.sidebar-grey .nav-project .project-list > li .title, .sidebar.sidebar-grey .nav-project .project-list > li .title a, .sidebar.sidebar-grey .nav-project .project-list > li .title a:hover, .sidebar.sidebar-grey .nav-project .project-list > li .title a:focus, .sidebar.sidebar-grey .nav > li > a > i, .sidebar.sidebar-grey .sub-menu > li.active > a, .sidebar.sidebar-grey .sub-menu > li.active > a:before, .sidebar.sidebar-grey .sub-menu > li > a:hover, .sidebar.sidebar-grey .sub-menu > li > a:focus, .sidebar.sidebar-grey .sub-menu > li > a:hover:before, .sidebar.sidebar-grey .sub-menu > li > a:focus:before, .sidebar.sidebar-grey .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-grey .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-grey .nav > li.expand > a, .sidebar.sidebar-grey .nav > li > a:hover, .sidebar.sidebar-grey .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-grey .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-grey .nav > li.has-sub:focus > a { background: #bbc2c8; } .sidebar.sidebar-grey .nav > li.active > a i, .sidebar.sidebar-grey .badge, .sidebar.sidebar-grey a:hover .badge, .sidebar.sidebar-grey a:focus .badge, .sidebar.sidebar-grey .label, .sidebar.sidebar-grey a:hover .label, .sidebar.sidebar-grey a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-grey .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-grey .nav > li.active > a, .sidebar.sidebar-grey .nav > li.active > a:hover, .sidebar.sidebar-grey .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-grey .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-grey .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-grey .sub-menu:before { background: #777e83; } .sidebar.sidebar-grey .progress .progress-bar { background: #fff; } .sidebar.sidebar-grey .sub-menu > li > a, .sidebar.sidebar-grey .sub-menu > li > a:before { color: #d4d9dc; } .sidebar.sidebar-grey .stock-list > li .percentage .label { background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-grey .nav.nav-tabs > li a { background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-grey .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-grey .stock-list > li .value, .sidebar.sidebar-grey .calendar .week_days td, .sidebar.sidebar-grey .calendar .visualmonthyear, .sidebar.sidebar-grey .calendar a, .sidebar.sidebar-grey .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-grey .calendar .week_days td { color: #000; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-grey .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-grey .stock-list > li + li, .sidebar.sidebar-grey .nav-post > li + li, .sidebar.sidebar-grey .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-grey .nav-post > li .info .time, .sidebar.sidebar-grey .nav-post > li .info .desc, .sidebar.sidebar-grey .notification-list > li .info .time, .sidebar.sidebar-grey .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-grey .notification-list > li .media { color: #fff; } /* 3.21 Sidebar Theme - Purple */ .sidebar.sidebar-purple, .sidebar-bg.sidebar-purple { background: #9b59b6; } .sidebar.sidebar-purple .nav-user, .sidebar.sidebar-purple .sub-menu, .page-sidebar-minified .sidebar.sidebar-purple li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar.sidebar-purple li.has-sub:focus > .sub-menu, .sidebar.sidebar-purple .nav > li.divider, .sidebar.sidebar-purple .sidebar-minify-btn, .sidebar.sidebar-purple .sidebar-minify-btn:hover, .sidebar.sidebar-purple .sidebar-minify-btn:focus, .sidebar.sidebar-purple .nav-project .project-list > li .progress { background: #7c4792; } .sidebar.sidebar-purple .nav-user .info .name, .sidebar.sidebar-purple .nav-user .info .name > a, .sidebar.sidebar-purple .nav-user .info .name > a:hover, .sidebar.sidebar-purple .nav-user .info .name > a:focus, .sidebar.sidebar-purple .nav > li > a > .caret.pull-right { color: #fff; } .sidebar.sidebar-purple .nav > li.nav-header, .sidebar.sidebar-purple .nav-user .position { color: #e1cde9; } .sidebar.sidebar-purple .nav > li > a, .sidebar.sidebar-purple .nav-project .project-list > li .title, .sidebar.sidebar-purple .nav-project .project-list > li .title a, .sidebar.sidebar-purple .nav-project .project-list > li .title a:hover, .sidebar.sidebar-purple .nav-project .project-list > li .title a:focus, .sidebar.sidebar-purple .nav > li > a > i, .sidebar.sidebar-purple .sub-menu > li.active > a, .sidebar.sidebar-purple .sub-menu > li.active > a:before, .sidebar.sidebar-purple .sub-menu > li > a:hover, .sidebar.sidebar-purple .sub-menu > li > a:focus, .sidebar.sidebar-purple .sub-menu > li > a:hover:before, .sidebar.sidebar-purple .sub-menu > li > a:focus:before, .sidebar.sidebar-purple .nav-project .project-list > li .desc { color: #fff; } .sidebar.sidebar-purple .nav-project .project-list > li .icon i { color: #fff !important; } .sidebar.sidebar-purple .nav > li.expand > a, .sidebar.sidebar-purple .nav > li > a:hover, .sidebar.sidebar-purple .nav > li > a:focus, .page-sidebar-minified .sidebar.sidebar-purple .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-purple .nav > li.has-sub:focus > a { background: #af7ac5; } .sidebar.sidebar-purple .nav > li.active > a i, .sidebar.sidebar-purple .badge, .sidebar.sidebar-purple a:hover .badge, .sidebar.sidebar-purple a:focus .badge, .sidebar.sidebar-purple .label, .sidebar.sidebar-purple a:hover .label, .sidebar.sidebar-purple a:focus .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-purple .text-theme { color: #000; color: rgba(0, 0, 0, 0.4); } .sidebar.sidebar-purple .nav > li.active > a, .sidebar.sidebar-purple .nav > li.active > a:hover, .sidebar.sidebar-purple .nav > li.active > a:focus, .page-sidebar-minified .sidebar.sidebar-purple .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar.sidebar-purple .nav > li.has-sub.active:focus > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREZDRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREZERUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkFFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkJFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmXJSAAAAD0lEQVR42mJgYGBIAwgwAABrAGcNvnM+AAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.4); color: #fff; } .sidebar.sidebar-purple .sub-menu:before { background: #6d3e80; } .sidebar.sidebar-purple .progress .progress-bar { background: #fff; } .sidebar.sidebar-purple .sub-menu > li > a, .sidebar.sidebar-purple .sub-menu > li > a:before { color: #cdacda; } .sidebar.sidebar-purple .stock-list > li .percentage .label { background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-purple .nav.nav-tabs > li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } .sidebar.sidebar-purple .nav.nav-tabs > li a:focus { background: none; } .sidebar.sidebar-purple .stock-list > li .value, .sidebar.sidebar-purple .calendar .week_days td, .sidebar.sidebar-purple .calendar .visualmonthyear, .sidebar.sidebar-purple .calendar a, .sidebar.sidebar-purple .calendar .table { color: #fff; color: rgba(255, 255, 255, 0.8); } .sidebar.sidebar-purple .calendar .week_days td { color: #000; color: rgba(0, 0, 0, 0.4) !important; font-weight: bold; } .sidebar.sidebar-purple .calendar .event { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.25) !important; } .sidebar.sidebar-purple .stock-list > li + li, .sidebar.sidebar-purple .nav-post > li + li, .sidebar.sidebar-purple .notification-list > li + li { border-top-color: rgba(255, 255, 255, 0.3); } .sidebar.sidebar-purple .nav-post > li .info .time, .sidebar.sidebar-purple .nav-post > li .info .desc, .sidebar.sidebar-purple .notification-list > li .info .time, .sidebar.sidebar-purple .notification-list > li .info .desc { color: #fff; color: rgba(255, 255, 255, 0.6); } .sidebar.sidebar-purple .notification-list > li .media { color: #fff; } /* ------------------------------- 4.0 Content Setting ------------------------------- */ /* 4.1 Content Element */ .content { margin-left: 250px; padding: 25px; min-height: 100%; position: relative; } @media (max-width: 767px) { .content { margin-left: 0; margin-right: 0; padding: 20px; } } /* 4.1.1 Content Element - Breadcrumb */ .breadcrumb { padding: 0; margin: 3px 0 20px; background: none; font-weight: normal; font-size: 13px; position: relative; z-index: 1000; } .breadcrumb a { color: #30373e; } .breadcrumb > li.active { color: #657380; font-weight: 300; } .breadcrumb > li + li:before { color: #b1b5b8; } @media (max-width: 767px) { .breadcrumb { margin: 0 0 8px; font-size: 12px; } .breadcrumb.pull-right, .breadcrumb.pull-left { float: none !important; } } /* 4.1.2 Content Element - Page Header */ .page-header { font-size: 20px; margin: 0 0 20px; padding: 0; color: #30373e; border: none; font-weight: normal; position: relative; z-index: 1000; display: inline-block; } .page-header small { font-size: 14px; color: #657380; font-weight: 300; } /* 4.2 Content Setting - Page Sidebar Minified */ .page-sidebar-minified .content { margin-left: 70px; } @media (max-width: 767px) { .page-sidebar-minified .content { margin-left: 0; } } /* 4.3 Content Setting - Page with Right Sidebar */ .page-with-right-sidebar .content { margin-left: 0; margin-right: 250px; } .page-with-two-sidebar.page-right-sidebar-toggled .content { margin-right: 250px; } .page-with-right-sidebar.page-sidebar-minified .content { margin-right: 70px; } @media (max-width: 767px) { .page-with-right-sidebar .content, .page-with-two-sidebar.page-right-sidebar-toggled .content { margin-right: 0; } } /* 4.4 Content Setting - Page with Footer */ .page-with-footer .content, .page-footer-fixed .content { padding-bottom: 50px; } /* 4.5 Content Setting - Page without Sidebar */ .page-without-sidebar .content { margin-left: 0; } .page-without-sidebar .content .row-content { margin-bottom: 130px; } /* ------------------------------- 5.0 Footer Setting ------------------------------- */ /* 5.1 Footer Element */ .footer { color: #657380; font-size: 12px; border-top: 2px solid rgba(0, 0, 0, 0.06); padding: 15px 25px; position: absolute; left: 0; right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .footer a { color: #657380; } .footer a:hover, .footer a:focus { color: #30373e; text-decoration: none; } .footer b { color: #30373e; font-weight: normal; } @media (max-width: 767px) { .footer { padding: 15px 20px; } } /* 5.2 Footer Setting - Page with Fixed Footer */ .page-footer-fixed .footer { position: fixed; bottom: 0; right: 0; left: 250px; margin: 0 !important; background: #d5d8da; } .page-footer-fixed.page-sidebar-minified .footer { left: 70px; } .page-footer-fixed.page-with-right-sidebar.page-sidebar-minified .footer { right: 70px; left: 0; } .page-footer-fixed.page-with-right-sidebar .footer { left: 0; right: 250px; } .page-footer-fixed.page-with-two-sidebar.page-right-sidebar-toggled .footer { right: 250px; } .page-footer-fixed.page-without-sidebar .footer { left: 0; } @media (max-width: 767px) { .footer { margin-right: 0 !important; margin-left: 0 !important; right: 0 !important; left: 0 !important; } } /* ------------------------------- 6.0 Top Menu Setting ------------------------------- */ /* 6.1 Top Menu Element */ .top-menu { background: #3C454D; height: 44px; position: fixed; top: 56px; left: 0; right: 0; z-index: 1020; } .top-menu .nav { white-space: nowrap; } .top-menu .nav > li { display: inline-block; position: relative; } @media (max-width: 767px) { .top-menu { position: relative; top: 0; height: auto; display: none; } .top-menu .container, .top-menu .container-fluid { padding: 0; } .top-menu .nav > li { display: block; } .top-menu .nav { margin: 0 !important; } } .top-menu .nav > li > a { padding: 12px 20px; color: #b1b5b8; font-size: 13px; line-height: 20px; } .top-menu .nav > li > a .badge, .top-menu .nav > li > a .label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.2); font-size: 11px; margin-left: 5px; color: #fff; color: rgba(255, 255, 255, 0.6); } .top-menu .nav > li > a i { float: left; font-size: 14px; margin-right: 10px; line-height: 18px; color: #fff; color: rgba(255, 255, 255, 0.2); width: 14px; text-align: center; } .top-menu .nav > li > a .caret { color: #fff; color: rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { .top-menu .nav > li > a .caret { float: right; margin-top: 10px; } } .top-menu .nav > li:hover > a, .top-menu .nav > li:focus > a, .top-menu .nav > li > a:hover, .top-menu .nav > li > a:focus { background: #636a71; } /* 6.2 Top Menu Sub Menu Setting */ .top-menu .nav .sub-menu { display: none; position: absolute; left: 0; width: 220px; top: 100%; background: #30373e; list-style-type: none; margin: 0; padding: 10px 0; font-size: 13px; } .top-menu .sub-menu > li > a { padding: 5px 20px; display: block; color: #8a8f94; text-decoration: none; position: relative; } .top-menu .nav .sub-menu > li > a .caret { margin-top: 7px; } @media (max-width: 767px) { .top-menu .nav .sub-menu { position: relative; top: 0; width: 100%; } .top-menu .sub-menu > li > a { padding-left: 44px; } } .top-menu .sub-menu .sub-menu { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.2); position: relative; left: 0; top: 0; } .top-menu .sub-menu > li > a:hover, .top-menu .sub-menu > li > a:focus { color: #fff; } .top-menu .nav > li.has-sub:hover > .sub-menu { display: block; } @media (max-width: 767px) { .top-menu .nav > li.has-sub:hover > .sub-menu { display: none; } } .top-menu .nav > li.active > a, .top-menu .nav > li.active > a:hover, .top-menu .nav > li.active > a:focus, .top-menu .sub-menu > li.active > a, .top-menu .sub-menu > li.active > a:hover, .top-menu .sub-menu > li.active > a:focus { background: #24292e; color: #fff; } .top-menu .nav > li.active > a i { color: #1abc9c; } /* 6.3 Top Menu Left & Right Control Setting */ .top-menu .nav > li.menu-control { position: absolute; top: 0; width: 44px; background: #3C454D; height: 44px; } @media (max-width: 767px) { .top-menu .nav > li.menu-control { display: none !important; } } .top-menu .nav > li.menu-control > a { padding: 0; text-align: center; line-height: 44px; } .top-menu .nav > li.menu-control > a i { float: none; margin: 0; font-size: 20px; display: block; line-height: 44px; color: #fff; width: auto; } .top-menu .nav > li.menu-control.menu-control-left { left: -50px; } .top-menu .nav > li.menu-control.menu-control-right { right: -50px; } @keyframes slideInLeft { from { left: -50px; } to { left: 0; } } @-webkit-keyframes slideInLeft { from { left: -50px; } to { left: 0; } } .top-menu .nav > li.menu-control.menu-control-left.show { -webkit-animation: slideInLeft .2s; animation: slideInLeft .2s; left: 0; } @keyframes slideInRight { from { right: -50px; } to { right: 0; } } @-webkit-keyframes slideInRight { from { right: -50px; } to { right: 0; } } .top-menu .nav > li.menu-control.menu-control-right.show { -webkit-animation: slideInRight .2s; animation: slideInRight .2s; right: 0; } .top-menu .nav > li.menu-control.menu-control-left > a { -webkit-box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5); box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5); } .top-menu .nav > li.menu-control.menu-control-right > a { -webkit-box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5); box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5); } /* ------------------------------- 7.0 Predefined CSS Setting ------------------------------- */ /* 7.1 Predefined Classes */ .row { margin: 0 -10px; } .row > [class*="col-"] { padding: 0 10px; } .row.row-space-0 { margin: 0; } .row.row-space-2 { margin: 0 -1px; } .row.row-space-4 { margin: 0 -2px; } .row.row-space-6 { margin: 0 -3px; } .row.row-space-8 { margin: 0 -4px; } .row.row-space-10 { margin: 0 -5px; } .row.row-space-12 { margin: 0 -6px; } .row.row-space-14 { margin: 0 -7px; } .row.row-space-16 { margin: 0 -8px; } .row.row-space-18 { margin: 0 -9px; } .row.row-space-18 { margin: 0 -10px; } .row.row-space-22 { margin: 0 -11px; } .row.row-space-24 { margin: 0 -12px; } .row.row-space-26 { margin: 0 -13px; } .row.row-space-28 { margin: 0 -14px; } .row.row-space-30 { margin: 0 -15px; } .row.row-space-0 > [class*="col-"] { padding: 0; } .row.row-space-2 > [class*="col-"] { padding: 0 1px; } .row.row-space-4 > [class*="col-"] { padding: 0 2px; } .row.row-space-6 > [class*="col-"] { padding: 0 3px; } .row.row-space-8 > [class*="col-"] { padding: 0 4px; } .row.row-space-10 > [class*="col-"] { padding: 0 5px; } .row.row-space-12 > [class*="col-"] { padding: 0 6px; } .row.row-space-14 > [class*="col-"] { padding: 0 7px; } .row.row-space-16 > [class*="col-"] { padding: 0 8px; } .row.row-space-18 > [class*="col-"] { padding: 0 9px; } .row.row-space-20 > [class*="col-"] { padding: 0 10px; } .row.row-space-22 > [class*="col-"] { padding: 0 11px; } .row.row-space-24 > [class*="col-"] { padding: 0 12px; } .row.row-space-26 > [class*="col-"] { padding: 0 13px; } .row.row-space-28 > [class*="col-"] { padding: 0 14px; } .row.row-space-30 > [class*="col-"] { padding: 0 15px; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .m-auto { margin: 0 auto !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-1 { margin-top: 1px !important; } .m-t-2 { margin-top: 2px !important; } .m-t-3 { margin-top: 3px !important; } .m-t-4 { margin-top: 4px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-r-0 { margin-right: 0px !important; } .m-r-1 { margin-right: 1px !important; } .m-r-2 { margin-right: 2px !important; } .m-r-3 { margin-right: 3px !important; } .m-r-4 { margin-right: 4px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-1 { margin-bottom: 1px !important; } .m-b-2 { margin-bottom: 2px !important; } .m-b-3 { margin-bottom: 3px !important; } .m-b-4 { margin-bottom: 4px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-0 { margin-left: 0px !important; } .m-l-1 { margin-left: 1px !important; } .m-l-2 { margin-left: 2px !important; } .m-l-3 { margin-left: 3px !important; } .m-l-4 { margin-left: 4px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20, .wrapper { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .horizontal-divider { height: 2px; margin: 25px -25px; background: #ebeced; } @media (max-width: 767px) { .horizontal-divider { margin: 20px -20px; } } .p-t-0 { padding-top: 0px !important; } .p-t-1 { padding-top: 1px !important; } .p-t-2 { padding-top: 2px !important; } .p-t-3 { padding-top: 3px !important; } .p-t-4 { padding-top: 4px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-1 { padding-right: 1px !important; } .p-r-2 { padding-right: 2px !important; } .p-r-3 { padding-right: 3px !important; } .p-r-4 { padding-right: 4px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-1 { padding-bottom: 1px !important; } .p-b-2 { padding-bottom: 2px !important; } .p-b-3 { padding-bottom: 3px !important; } .p-b-4 { padding-bottom: 4px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-1 { padding-left: 1px !important; } .p-l-2 { padding-left: 2px !important; } .p-l-3 { padding-left: 3px !important; } .p-l-4 { padding-left: 4px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .f-s-8 { font-size: 8px !important; } .f-s-9 { font-size: 9px !important; } .f-s-10 { font-size: 10px !important; } .f-s-11 { font-size: 11px !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .f-s-15 { font-size: 15px !important; } .f-s-16 { font-size: 16px !important; } .f-s-17 { font-size: 17px !important; } .f-s-18 { font-size: 18px !important; } .f-s-19 { font-size: 19px !important; } .f-s-20 { font-size: 20px !important; } .f-s-21 { font-size: 21px !important; } .f-s-22 { font-size: 22px !important; } .f-s-23 { font-size: 23px !important; } .f-s-24 { font-size: 24px !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } @media (min-width: 1200px) { .text-right-lg { text-align: right !important; } .text-left-lg { text-align: left !important; } .text-center-lg { text-align: center !important; } } @media (min-width: 992px) { .text-right-md { text-align: right !important; } .text-left-md { text-align: left !important; } .text-center-md { text-align: center !important; } } @media (min-width: 768px) { .text-right-sm { text-align: right !important; } .text-left-sm { text-align: left !important; } .text-center-sm { text-align: center !important; } } @media (max-width: 767px) { .text-right-xs { text-align: right !important; } .text-left-xs { text-align: left !important; } .text-center-xs { text-align: center !important; } } .pull-left { float: left !important; } .pull-right { float: right !important; } .pull-none { float: none !important; } .f-w-100 { font-weight: 100 !important; } .f-w-200 { font-weight: 200 !important; } .f-w-300 { font-weight: 300 !important; } .f-w-400 { font-weight: 400 !important; } .f-w-500 { font-weight: 500 !important; } .f-w-600 { font-weight: 600 !important; } .f-w-700 { font-weight: 700 !important; } .table-valign-middle th, .table-valign-middle td { vertical-align: middle !important; } .table-th-valign-middle th, .table-td-valign-middle td { vertical-align: middle !important; } .table-valign-top th, .table-valign-top td { vertical-align: top !important; } .table-th-valign-top th, .table-td-valign-top td { vertical-align: top !important; } .table-valign-bottom th, .table-valign-bottom td { vertical-align: bottom !important; } .table-th-valign-bottom th, .table-td-valign-bottom td { vertical-align: bottom !important; } .table-last-row-no-border-bottom tr:last-child td { border-bottom: none !important; } .table-last-row-no-border-top tr:last-child td { border-top: none !important; } .vertical-box { display: table; table-layout: fixed; border-spacing: 0; height: 100%; width: 100%; } .vertical-box-column { display: table-cell; vertical-align: top; height: 100%; } .vertical-box-row { display: table-row; height: 100%; } .vertical-box-row > .vertical-box-cell { position: relative; height: 100%; width: 100%; float: none; } .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .page-content-full-height .content { position: absolute; left: 0; top: 54px; right: 0; bottom: -1px; -webkit-transform: translateZ(0); } .no-rounded-corner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .rounded-corner { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .no-border { border: 0 !important; } .border-top-1 { border-top: 1px solid #eee !important; } .border-right-1 { border-right: 1px solid #eee !important; } .border-bottom-1 { border-bottom: 1px solid #eee !important; } .border-left-1 { border-left: 1px solid #eee !important; } .no-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .bg-white { background: #ffffff !important; } .bg-inverse { background: #3C454D !important; } .bg-inverse-light { background: #595F64 !important; } .bg-inverse-dark { background: #30373e !important; } .bg-grey { background: #aab3ba !important; } .bg-grey-light { background: #BBC2C7 !important; } .bg-grey-dark { background: #888f95 !important; } .bg-purple { background: #9b59b6 !important; } .bg-purple-light { background: #AF7AC4 !important; } .bg-purple-dark { background: #7c4792 !important; } .bg-primary { background: #2184DA !important; } .bg-primary-light { background: #4D9CE1 !important; } .bg-primary-dark { background: #1e77c5 !important; } .bg-info { background: #38AFD3 !important; } .bg-info-light { background: #5FBFDB !important; } .bg-info-dark { background: #2d8ca9 !important; } .bg-success { background: #17B6A4 !important; } .bg-success-light { background: #45C4B6 !important; } .bg-success-dark { background: #129283 !important; } .bg-lime { background: #65C56F !important; } .bg-lime-light { background: #83D08B !important; } .bg-lime-dark { background: #519e59 !important; } .bg-warning { background: #fcaf41 !important; } .bg-warning-light { background: #FCBF67 !important; } .bg-warning-dark { background: #ca8c34 !important; } .bg-danger { background: #F04B46 !important; } .bg-danger-light { background: #F36F6B !important; } .bg-danger-dark { background: #c03c38 !important; } .no-bg { background: none !important; } .text-muted { color: #aab3ba; } .text-white { color: #ffffff; } .text-inverse { color: #30373e; } .text-purple { color: #7c4792; } .text-primary { color: #1e77c5; } .text-info { color: #2d8ca9; } .text-success { color: #129283; } .text-lime { color: #519e59; } .text-warning { color: #ca8c34; } .text-danger { color: #c03c38; } .text-inverse-light { color: #3C454D; } .text-purple-light { color: #9b59b6; } .text-primary-light { color: #2184DA; } .text-info-light { color: #38AFD3; } .text-success-light { color: #17B6A4; } .text-lime-light { color: #65C56F; } .text-warning-light { color: #fcaf41; } .text-danger-light { color: #F04B46; } .height-xs { height: 150px !important; } .height-sm { height: 300px !important; } .height-md { height: 450px !important; } .height-lg { height: 600px !important; } .height-full { height: 100% !important; } .height-half { height: 50% !important; } .height-50 { height: 50px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-550 { height: 550px !important; } .height-600 { height: 600px !important; } .width-xs { width: 150px !important; } .width-sm { width: 300px !important; } .width-md { width: 450px !important; } .width-lg { width: 600px !important; } .width-full { width: 100% !important; } .width-half { width: 50% !important; } .width-50 { width: 50px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-450 { width: 450px !important; } .width-500 { width: 500px !important; } .width-550 { width: 550px !important; } .width-600 { width: 600px !important; } .animated { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fade { opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .text-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .text-nowrap { white-space: nowrap !important; } .underline { border-bottom: 1px solid #ebeced !important; } /* ------------------------------- 8.0 UI Elements Setting ------------------------------- */ /* 8.1 Progress Bar Setting */ .progress, .progress .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress.progress-rounded { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .progress.progress-xs { height: 5px; } .progress.progress-xs .progress-bar { line-height: 5px; font-size: 5px; } .progress.progress-sm { height: 10px; } .progress.progress-sm .progress-bar { line-height: 10px; font-size: 10px; } .progress.progress-lg { height: 30px; } .progress.progress-lg .progress-bar { line-height: 30px; font-size: 18px; } .progress { background: #EAEDEF; } .progress .progress-bar.progress-bar-success { background: #17B6A4; } .progress .progress-bar.progress-bar-info { background: #38AFD3; } .progress .progress-bar.progress-bar-warning { background: #fcaf41; } .progress .progress-bar.progress-bar-danger { background: #F04B46; } .progress .progress-bar.progress-bar-inverse { background: #3C454D; } .progress .progress-bar.progress-bar-purple { background: #9b59b6; } .progress .progress-bar.progress-bar-grey { background: #aab3ba; } .progress .progress-bar.progress-bar-lime { background: #65C56F; } .progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar.progress-bar-success, .progress-striped .progress-bar.progress-bar-info, .progress-striped .progress-bar.progress-bar-warning, .progress-striped .progress-bar.progress-bar-danger, .progress-striped .progress-bar.progress-bar-inverse, .progress-striped .progress-bar.progress-bar-purple, .progress-striped .progress-bar.progress-bar-grey, .progress-striped .progress-bar.progress-bar-lime { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } /* 8.2 Label & Badge Setting */ .badge { font-weight: normal; background: #636a71; } .badge { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; } .label.label-default, .badge.badge-default { color: #30373e; background: #ebeced; } .label.label-grey, .badge.badge-grey { background: #aab3ba; } .label.label-white, .badge.badge-white { color: #30373e; background: #fff; } .label.label-inverse, .badge.badge-inverse { background: #3C454D; } .label.label-purple, .badge.badge-purple { background: #9b59b6; } .label.label-primary, .badge.badge-primary { background: #2184DA; } .label.label-info, .badge.badge-info { background: #38AFD3; } .label.label-success, .badge.badge-success { background: #17B6A4; } .label.label-lime, .badge.badge-lime { background: #65C56F; } .label.label-warning, .badge.badge-warning { background: #fcaf41; } .label.label-danger, .badge.badge-danger { background: #F04B46; } h1 .label, h1 .badge, h2 .label, h2 .badge, h3 .label, h3 .badge, h4 .label, h4 .badge, h5 .label, h5 .badge, h6 .label, h6 .badge { position: relative; } h1 .label, h1 .badge { top: -6px; } h2 .label, h2 .badge { top: -5px; } h3 .label, h3 .badge { top: -4px; } h4 .label, h4 .badge { top: -3px; } h5 .label, h5 .badge { top: -2px; } h6 .label, h6 .badge { top: -1px; } .page-header .label, .page-header .badge { font-size: 14px; padding-bottom: .15em; top: -3px; } .page-header .label.pull-left, .page-header .label.pull-right, .page-header .badge.pull-left, .page-header .badge.pull-right { padding: 6px 8px 4px; } /* 8.3 Form Element Setting */ .form-control { border-width: 2px; border-color: #bec3c6; -webkit-box-shadow: none; box-shadow: none; color: #30373F; } .form-input-flat .form-control:focus, .form-control:focus { border-color: #8d9aa5; -webkit-box-shadow: none; box-shadow: none; outline: none; } .input-group-addon { background: #ebeced; } .form-control::-webkit-input-placeholder { color: #8d9aa5; } .form-control:-moz-placeholder { color: #8d9aa5; } .form-control::-moz-placeholder { color: #8d9aa5; } .form-control:-ms-input-placeholder { color: #8d9aa5; } .form-input-flat .form-control { background: #ebeced; border-color: #ebeced; } .form-input-flat .input-group-addon { background: #dadcdd; border-color: #dadcdd; border-left: none; border-right: none; } .form-control.input-lg { font-size: 16px; } textarea.form-control { resize: vertical; } legend { font-weight: normal; padding-bottom: 7px; font-size: 18px; border-bottom: 2px solid #bec3c6; } .input-group-addon { border-color: #bec3c6; border-width: 2px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 9px 16px; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 4px 10px; } .input-group-btn > .btn + .btn { border-left: 1px solid rgba(0, 0, 0, 0.3); } .has-success .form-control, .has-warning .form-control, .has-error .form-control, .has-success .form-control:focus, .has-warning .form-control:focus, .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-success .form-control, .has-success .input-group-addon { border-color: #17B6A4; } .has-success .form-control:focus { border-color: #129283; } .has-feedback label ~ .form-control-feedback { top: 24px; line-height: 34px; } .control-label { color: #111; font-size: 13px; } .help-block { margin-top: 2px; margin-bottom: 30px; } .has-success .input-group-addon { background: #d1f0ed; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label, .has-success .form-control-feedback, .has-success .input-group-addon { color: #129283; } .has-warning .form-control, .has-warning .input-group-addon { border-color: #fcaf41; } .has-warning .form-control:focus { border-color: #ca8c34; } .has-warning .input-group-addon { background: #feefd9; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label, .has-warning .form-control-feedback, .has-warning .input-group-addon { color: #ca8c34; } .has-error .form-control, .has-error .input-group-addon { border-color: #F04B46; } .has-error .form-control:focus { border-color: #c03c38; } .has-error .input-group-addon { background: #fcdbda; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label, .has-error .form-control-feedback, .has-error .input-group-addon { color: #c03c38; } input[type=checkbox], input[type=radio] { margin: 2px 0 0; } .checkbox label, .radio label, .checkbox-inline, .radio-inline { font-weight: 300; } label { font-weight: normal; } .input-group-btn .btn, .input-group-btn .btn:hover, .input-group-btn .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-top: 7px; padding-bottom: 7px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 0; } /* 8.4 Carousel Setting */ .carousel-control .fa { position: absolute; top: 50%; margin-top: -10px; } /* 8.5 Dropdown Setting */ .dropdown-menu { border: none; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .navbar .dropdown-menu { max-width: 360px; text-align: center; left: 0; } .navbar .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu > li.dropdown-header, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 20px 8px; border-bottom: 1px solid #EAEDEF; } .dropdown-menu > li.dropdown-footer, .navbar-nav .open .dropdown-menu .dropdown-footer { padding: 10px 20px 5px; border-top: 1px solid #EAEDEF; } .dropdown-menu > li.dropdown-footer > a, .navbar-nav .open .dropdown-menu .dropdown-footer > a { margin: -10px -20px; padding: 10px 20px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a { font-size: 12px; padding: 5px 20px; } .dropdown-menu > li.divider { height: 2px; margin: 5px 0; background: #EAEDEF; } .navbar-nav .open .dropdown-menu { background: #fff; } .dropdown-menu > li > a .badge.pull-left, .dropdown-menu > li > a .badge.pull-right { padding-top: 4px; padding-bottom: 3px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: #2184DA; } /* 8.6 Dropdown Notification Setting */ .dropdown-notification > li.notification-item { position: relative; } .dropdown-notification > li.notification-item + li.notification-item { border-top: 1px solid #EAEDEF; } .dropdown-notification > li.notification-item .media { float: left; width: 40px; height: 40px; overflow: hidden; text-align: center; line-height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #d5d8da; color: #000; color: rgba(0, 0, 0, 0.6); } .dropdown-notification > li.notification-item .media img { max-width: 100%; display: block; margin: 0 auto; } .dropdown-notification > li.notification-item .option { position: absolute; right: 10px; top: 10px; padding: 5px 10px; font-size: 12px; } .dropdown-notification > li.notification-item .option .fa:before { color: #1ABC9C; } .dropdown-notification > li.notification-item .option.read .fa:before { content: '\F192'; color: #333; } .dropdown-notification > li.notification-item > a, .navbar-nav .open .dropdown-notification > li.notification-item > a { padding: 15px 20px; } .dropdown-notification > li.notification-item > a:before, .dropdown-notification > li.notification-item > a:after { content: ''; display: table; clear: both; } .dropdown-notification > li.notification-item .media + .message { margin-left: 50px; } .dropdown-notification > li.notification-item .message { padding-right: 20px; } .dropdown-notification > li.notification-item .title { margin: 0 0 3px; font-size: 14px; } .dropdown-notification > li.notification-item .desc { font-size: 12px; font-weight: 300; margin-bottom: 3px; } .dropdown-notification > li.notification-item .title, .dropdown-notification > li.notification-item .desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropdown-notification > li.notification-item .time { font-size: 11px; color: #86939E; font-weight: 300; } @media (max-width: 480px) { .navbar .dropdown-menu.dropdown-notification { max-width: 300px; margin-right: -50px; } } @media (max-width: 320px) { .navbar .dropdown-menu.dropdown-notification { max-width: 260px; margin-right: -100px; } } /* 8.7 Typography Setting */ /* 8.8 Description List Setting */ dt + dd { margin-top: -2px; } dd + dt { margin-top: 10px; } .dl-horizontal dt + dd, .dl-horizontal dd + dt { margin-top: 0; } /* 8.9 Blockquote Setting */ blockquote { border-left-color: #EAEDEF; } blockquote small { color: #acafb2; } /* 8.10 Panel Setting */ .panel { border: none; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .panel .panel-heading { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 15px 20px; border: none; } .panel .panel-heading .panel-title { font-size: 14px; font-weight: normal; line-height: 20px; } .panel .panel-heading .panel-title small { font-weight: 300; margin-left: 3px; color: #fff; color: rgba(255, 255, 255, 0.5); } .panel.panel-default .panel-heading .panel-title small, .panel.panel-white .panel-heading .panel-title small { color: #000; color: rgba(0, 0, 0, 0.5); font-weight: normal; } .panel.panel-default .panel-heading .panel-title, .panel.panel-inverse .panel-heading .panel-title, .panel.panel-purple .panel-heading .panel-title, .panel.panel-primary .panel-heading .panel-title, .panel.panel-success .panel-heading .panel-title, .panel.panel-warning .panel-heading .panel-title, .panel.panel-danger .panel-heading .panel-title, .panel.panel-info .panel-heading .panel-title, .panel.panel-lime .panel-heading .panel-title, .panel.panel-grey .panel-heading .panel-title { font-weight: 300; } .panel .panel-heading .panel-heading-btn { float: right; } .panel .panel-body { padding: 20px; } .panel.panel-white .panel-heading { background: #ffffff; } .panel.panel-default .panel-heading { background: #ebeced; } .panel.panel-white .panel-heading .panel-title, .panel.panel-default .panel-heading .panel-title { font-weight: normal; } .panel.panel-inverse .panel-heading { background: #272C31; color: #fff; } .panel.panel-primary .panel-heading { background: #2184DA; color: #fff; } .panel.panel-success .panel-heading { background: #17B6A4; color: #fff; } .panel.panel-warning .panel-heading { background: #fcaf41; color: #fff; } .panel.panel-purple .panel-heading { background: #9b59b6; color: #fff; } .panel.panel-danger .panel-heading { background: #F04B46; color: #fff; } .panel.panel-grey .panel-heading { background: #aab3ba; color: #fff; } .panel.panel-grey .panel-heading { background: #717b85; color: #fff; } .panel.panel-info .panel-heading { background: #38AFD3; color: #fff; } .panel.panel-lime .panel-heading { background: #65C56F; color: #fff; } .panel .panel-heading-btn { float: right; } .panel .panel-heading-btn > .btn { box-shadow: 0 1px rgba(0, 0, 0, 0.125); } .panel .panel-heading-btn > .btn + .btn { margin-left: 5px; } .panel .panel-footer { border-top: 2px solid #dfe0e1; background: #ebeced; padding: 10px 20px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .panel.panel-expand { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1060; margin-bottom: 0; border-radius: 0; } .panel.panel-expand .panel-heading, .panel.panel-expand .panel-body { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel .panel-heading .label, .panel .panel-heading .badge { padding-bottom: 1px; top: -1px; } .panel .panel-heading .label.pull-left, .panel .panel-heading .label.pull-right, .panel .panel-heading .badge.pull-left, .panel .panel-heading .badge.pull-right { top: 1px; padding-top: 4px; padding-bottom: 3px; } .panel > .alert { padding: 10px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .panel > .form-control { border: none; } .panel .panel-toolbar { padding: 10px 20px; border-bottom: 2px solid #dfe0e1; background: #ebeced; } .panel.panel-with-tabs .nav.nav-tabs { margin-top: -15px; } .panel.panel-with-tabs.panel-inverse .nav.nav-tabs > li.active > a { color: #fff; } .panel.panel-with-tabs.panel-inverse .nav.nav-tabs > li > a { color: #fff; color: rgba(255, 255, 255, 0.4); } .panel.panel-with-tabs.panel-inverse .nav.nav-tabs > li:not(.active):after { background: #3C454D; } .panel-body.panel-form { padding: 0; } .panel-body.panel-form .form-group { padding: 15px; margin: 0; } .panel-body.panel-form .form-group + .form-group { border-top: 2px dashed #EAEDEF; } .panel-body.panel-form .form-horizontal .form-group { padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .panel.panel-with-tabs .nav.nav-tabs > li { float: left; } } /* 8.11 Panel Loading Element Setting */ .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.95; animation: fadeIn .1s; -webkit-animation: fadeIn .1s; z-index: 1020; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* 8.12 Spinner Small Setting */ .spinner-small { min-width: 100px; margin: 0; left: 50%; top: 50%; margin-top: -8px; margin-left: -50px; bottom: 0; text-align: center; position: absolute; line-height: 16px; padding-left: 16px; } .spinner-small:before { content: ''; position: absolute; top: 0; left: 50%; width: 16px; height: 16px; margin-left: -43px; } .spinner-small:not(:required):before { content: ''; border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.3); border-top-color: rgba(0, 0, 0, 0.6); animation: spinner .6s linear infinite; -webkit-animation: spinner .6s linear infinite; } /* 8.13 Button Element Setting */ .btn { border: none; font-weight: 300; } .btn.btn-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .btn.btn-rounded { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .btn.active { position: relative; top: 1px; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .btn:focus, .btn:focus:active, .btn:hover:active, .btn:active { outline: none; } .btn:focus:active, .btn:hover:active, .btn:active { position: relative; top: 1px; } /* 8.14 Button Group Setting */ .btn-group > .btn + .btn { border-left: 1px solid rgba(0, 0, 0, 0.3); } .btn-group > .btn.active { top: 0; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: 0; } .btn-group-vertical > .btn + .btn { border-top: 1px solid rgba(0, 0, 0, 0.3); } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 0; } /* 8.15 Button Theme Setting */ /* 8.15.1 Button Default */ .btn.btn-default { background: #ebeced; -webkit-box-shadow: 0 1px #8d8e8e; box-shadow: 0 1px #8d8e8e; } .btn.btn-default:focus:active, .btn.btn-default:hover:active, .btn.btn-default:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-default.active, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .open > .dropdown-toggle.btn-default { background: #bcbdbe; outline: none; -webkit-box-shadow: 0 1px #5e5e5f; box-shadow: 0 1px #5e5e5f; } /* 8.15.2 Button Danger */ .btn.btn-danger { background: #F04B46; -webkit-box-shadow: 0 1px #902d2a; box-shadow: 0 1px #902d2a; } .btn.btn-danger:focus:active, .btn.btn-danger:hover:active, .btn.btn-danger:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-danger.active, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .open > .dropdown-toggle.btn-danger { background: #c03c38; outline: none; -webkit-box-shadow: 0 1px #601e1c; box-shadow: 0 1px #601e1c; } /* 8.15.3 Button Warning */ .btn.btn-warning { background: #fcaf41; -webkit-box-shadow: 0 1px #976927; box-shadow: 0 1px #976927; } .btn.btn-warning:focus:active, .btn.btn-warning:hover:active, .btn.btn-warning:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-warning.active, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .open > .dropdown-toggle.btn-warning { background: #ca8c34; outline: none; -webkit-box-shadow: 0 1px #65461a; box-shadow: 0 1px #65461a; } /* 8.15.4 Button Lime */ .btn.btn-lime { color: #fff; background: #65C56F; -webkit-box-shadow: 0 1px #3d7643; box-shadow: 0 1px #3d7643; } .btn.btn-lime:focus:active, .btn.btn-lime:hover:active, .btn.btn-lime:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-lime.active, .btn.btn-lime:hover, .btn.btn-lime:focus, .btn.btn-lime:active, .open > .dropdown-toggle.btn-lime { color: #fff; background: #519e59; outline: none; -webkit-box-shadow: 0 1px #284f2c; box-shadow: 0 1px #284f2c; } /* 8.15.5 Button Success */ .btn.btn-success { background: #17B6A4; -webkit-box-shadow: 0 1px #0e6d62; box-shadow: 0 1px #0e6d62; } .btn.btn-success:focus:active, .btn.btn-success:hover:active, .btn.btn-success:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-success.active, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .open > .dropdown-toggle.btn-success { background: #129283; outline: none; -webkit-box-shadow: 0 1px #094942; box-shadow: 0 1px #094942; } /* 8.15.6 Button Info */ .btn.btn-info { background: #38AFD3; -webkit-box-shadow: 0 1px #22697f; box-shadow: 0 1px #22697f; } .btn.btn-info:focus:active, .btn.btn-info:hover:active, .btn.btn-info:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-info.active, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .open > .dropdown-toggle.btn-info { background: #2d8ca9; outline: none; -webkit-box-shadow: 0 1px #164654; box-shadow: 0 1px #164654; } /* 8.15.7 Button Primary */ .btn.btn-primary { background: #2184DA; -webkit-box-shadow: 0 1px #144f83; box-shadow: 0 1px #144f83; } .btn.btn-primary:focus:active, .btn.btn-primary:hover:active, .btn.btn-primary:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-primary.active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .open > .dropdown-toggle.btn-primary { background: #1e77c5; outline: none; -webkit-box-shadow: 0 1px #0d3557; box-shadow: 0 1px #0d3557; } /* 8.15.8 Button Purple */ .btn.btn-purple { color: #fff; background: #9b59b6; -webkit-box-shadow: 0 1px #5d356d; box-shadow: 0 1px #5d356d; } .btn.btn-purple:focus:active, .btn.btn-purple:hover:active, .btn.btn-purple:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-purple.active, .btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple:active, .open > .dropdown-toggle.btn-purple { color: #fff; background: #7c4792; outline: none; -webkit-box-shadow: 0 1px #3e2449; box-shadow: 0 1px #3e2449; } /* 8.15.9 Button Inverse */ .btn.btn-inverse { color: #fff; background: #3C454D; -webkit-box-shadow: 0 1px #24292e; box-shadow: 0 1px #24292e; } .btn.btn-inverse:focus:active, .btn.btn-inverse:hover:active, .btn.btn-inverse:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-inverse.active, .btn.btn-inverse:hover, .btn.btn-inverse:focus, .btn.btn-inverse:active, .open > .dropdown-toggle.btn-inverse { color: #fff; background: #30373e; outline: none; -webkit-box-shadow: 0 1px #181c1f; box-shadow: 0 1px #181c1f; } /* 8.15.10 Button Grey */ .btn.btn-grey { color: #fff; background: #aab3ba; -webkit-box-shadow: 0 1px #666b70; box-shadow: 0 1px #666b70; } .btn.btn-grey:focus:active, .btn.btn-grey:hover:active, .btn.btn-grey:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-grey.active, .btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active, .open > .dropdown-toggle.btn-grey { color: #fff; background: #888f95; outline: none; -webkit-box-shadow: 0 1px #44484a; box-shadow: 0 1px #44484a; } /* 8.15.11 Button White */ .btn.btn-white { color: #30373e; background: #fff; -webkit-box-shadow: 0 1px #b1b5b8; box-shadow: 0 1px #b1b5b8; } .btn.btn-white:focus:active, .btn.btn-white:hover:active, .btn.btn-white:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-white.active, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .open > .dropdown-toggle.btn-white { background: #ecedee; outline: none; -webkit-box-shadow: 0 1px #8a8f94; box-shadow: 0 1px #8a8f94; } /* 8.16 Alert Setting */ .alert { font-size: 13px; padding: 10px 15px; border: none; } .alert h4 { margin-top: 5px; } .alert .close { color: inherit; line-height: 16px; } .alert.alert-success { background: #d1f0ed; color: #108073; } .alert.alert-success.alert-bordered { border: 1px solid #17b6a4; } .alert.alert-info { background: #d7eff6; color: #277b94; } .alert.alert-info.alert-bordered { border: 1px solid #38AFD3; } .alert.alert-danger { background: #fcdbda; color: #d8443f; } .alert.alert-danger.alert-bordered { border: 1px solid #F04B46; } .alert.alert-warning { background: #feefd9; color: #b17b2e; } .alert.alert-warning.alert-bordered { border: 1px solid #e39e3b; } /* 8.17 Thumbnail Setting */ .thumbnail { padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .thumbnail .caption { padding: 10px 17px; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #8D9AA5; } /* 8.18 Default Link Setting */ a { color: #2184DA; } a:focus { outline: none; } a:hover, a:focus { color: #1e77c5; } /* 8.19 Pagination Setting */ .pagination > li + li a { margin-left: -2px; } .pagination > li > a, .pagination > li > span { border: 2px solid #BCBCBD; color: #30373e; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background: #ebeced; color: #30373e; border-color: #BCBCBD; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: #2184DA; position: relative; border-color: #1e77c5; z-index: 1020; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #aab3ba; border-color: #c3c3c3; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 9px 15px; font-size: 18px; } .pagination-inverse.pagination > .active > a, .pagination-inverse.pagination > .active > a:focus, .pagination-inverse.pagination > .active > a:hover, .pagination-inverse.pagination > .active > span, .pagination-inverse.pagination > .active > span:focus, .pagination-inverse.pagination > .active > span:hover, .pagination-inverse .pagination > .active > a, .pagination-inverse .pagination > .active > a:focus, .pagination-inverse .pagination > .active > a:hover, .pagination-inverse .pagination > .active > span, .pagination-inverse .pagination > .active > span:focus, .pagination-inverse .pagination > .active > span:hover { background: #3C454D; border-color: #30373e; } .pagination-info.pagination > .active > a, .pagination-info.pagination > .active > a:focus, .pagination-info.pagination > .active > a:hover, .pagination-info.pagination > .active > span, .pagination-info.pagination > .active > span:focus, .pagination-info.pagination > .active > span:hover, .pagination-info .pagination > .active > a, .pagination-info .pagination > .active > a:focus, .pagination-info .pagination > .active > a:hover, .pagination-info .pagination > .active > span, .pagination-info .pagination > .active > span:focus, .pagination-info .pagination > .active > span:hover { background: #38AFD3; border-color: #2d8ca9; } .pagination-purple.pagination > .active > a, .pagination-purple.pagination > .active > a:focus, .pagination-purple.pagination > .active > a:hover, .pagination-purple.pagination > .active > span, .pagination-purple.pagination > .active > span:focus, .pagination-purple.pagination > .active > span:hover, .pagination-purple .pagination > .active > a, .pagination-purple .pagination > .active > a:focus, .pagination-purple .pagination > .active > a:hover, .pagination-purple .pagination > .active > span, .pagination-purple .pagination > .active > span:focus, .pagination-purple .pagination > .active > span:hover { background: #9b59b6; border-color: #7c4792; } .pagination-success.pagination > .active > a, .pagination-success.pagination > .active > a:focus, .pagination-success.pagination > .active > a:hover, .pagination-success.pagination > .active > span, .pagination-success.pagination > .active > span:focus, .pagination-success.pagination > .active > span:hover, .pagination-success .pagination > .active > a, .pagination-success .pagination > .active > a:focus, .pagination-success .pagination > .active > a:hover, .pagination-success .pagination > .active > span, .pagination-success .pagination > .active > span:focus, .pagination-success .pagination > .active > span:hover { background: #17B6A4; border-color: #129283; } .pagination-lime.pagination > .active > a, .pagination-lime.pagination > .active > a:focus, .pagination-lime.pagination > .active > a:hover, .pagination-lime.pagination > .active > span, .pagination-lime.pagination > .active > span:focus, .pagination-lime.pagination > .active > span:hover, .pagination-lime .pagination > .active > a, .pagination-lime .pagination > .active > a:focus, .pagination-lime .pagination > .active > a:hover, .pagination-lime .pagination > .active > span, .pagination-lime .pagination > .active > span:focus, .pagination-lime .pagination > .active > span:hover { background: #65C56F; border-color: #519e59; } .pagination-warning.pagination > .active > a, .pagination-warning.pagination > .active > a:focus, .pagination-warning.pagination > .active > a:hover, .pagination-warning.pagination > .active > span, .pagination-warning.pagination > .active > span:focus, .pagination-warning.pagination > .active > span:hover, .pagination-warning .pagination > .active > a, .pagination-warning .pagination > .active > a:focus, .pagination-warning .pagination > .active > a:hover, .pagination-warning .pagination > .active > span, .pagination-warning .pagination > .active > span:focus, .pagination-warning .pagination > .active > span:hover { background: #fcaf41; border-color: #ca8c34; } .pagination-danger.pagination > .active > a, .pagination-danger.pagination > .active > a:focus, .pagination-danger.pagination > .active > a:hover, .pagination-danger.pagination > .active > span, .pagination-danger.pagination > .active > span:focus, .pagination-danger.pagination > .active > span:hover, .pagination-danger .pagination > .active > a, .pagination-danger .pagination > .active > a:focus, .pagination-danger .pagination > .active > a:hover, .pagination-danger .pagination > .active > span, .pagination-danger .pagination > .active > span:focus, .pagination-danger .pagination > .active > span:hover { background: #F04B46; border-color: #c03c38; } .pagination-grey.pagination > .active > a, .pagination-grey.pagination > .active > a:focus, .pagination-grey.pagination > .active > a:hover, .pagination-grey.pagination > .active > span, .pagination-grey.pagination > .active > span:focus, .pagination-grey.pagination > .active > span:hover, .pagination-grey .pagination > .active > a, .pagination-grey .pagination > .active > a:focus, .pagination-grey .pagination > .active > a:hover, .pagination-grey .pagination > .active > span, .pagination-grey .pagination > .active > span:focus, .pagination-grey .pagination > .active > span:hover { background: #aab3ba; border-color: #888f95; } /* 8.20 Pager Setting */ .pager li > a, .pager li > span { padding: 4px 13px; border: 2px solid #BCBCBD; color: #30373e; } .pager li > a:focus, .pager li > a:hover { background: #EAEDEF; color: #30373e; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { opacity: 0.5; } /* 8.21 Jumbotron Setting */ .jumbotron { padding-left: 60px; padding-right: 60px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ebeced; } @media (max-width: 767px) { .jumbotron { padding-left: 40px; padding-right: 40px; } } @media (max-width: 480px) { .jumbotron { padding: 15px 30px; } .jumbotron p { font-size: 16px; } } /* 8.22 List Group Setting */ .list-group .list-group-item .badge { padding: 4px 7px; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background: #2184DA; border-color: #1e77c5; } .list-group-item { border: 2px solid #BCBCBD; margin-bottom: -2px; } a.list-group-item:focus, a.list-group-item:hover, .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background: #ebeced; } .list-group-item-success, a.list-group-item-success { background: #d1f0ed; color: #108073; } a.list-group-item-success:focus, a.list-group-item-success:hover { background: #daf3f1; color: #108073; } .list-group-item-info, a.list-group-item-info { background: #d7eff6; color: #277b94; } a.list-group-item-info:focus, a.list-group-item-info:hover { background: #dff2f8; color: #277b94; } .list-group-item-warning, a.list-group-item-warning { background: #feefd9; color: #b17b2e; } a.list-group-item-warning:focus, a.list-group-item-warning:hover { background: #fef2e1; color: #b17b2e; } .list-group-item-danger, a.list-group-item-danger { background: #fcdbda; color: #d8443f; } a.list-group-item-danger:focus, a.list-group-item-danger:hover { background: #fde2e1; color: #d8443f; } /* 8.23 Well Setting */ .well { border: none; padding: 20px; background: #ebeced; -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px rgba(0, 0, 0, 0.125); } .well.well-lg { padding: 25px; border-radius: 6px; } .well.well-sm { padding: 10px; border-radius: 3px; } /* 8.24 Nav Tabs & Pills Setting */ .nav-tabs, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav.nav-tabs > li > a, .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { background: none; border: none; color: #aab3ba; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #30373e; } .nav-tabs, .nav-tabs.nav-justified { border-bottom: 2px solid #EAEDEF; } .nav.nav-tabs > li { margin-bottom: 0; position: relative; } .nav.nav-tabs > li > a { padding: 15px 20px; margin: 0; } .nav.nav-tabs > li:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: transparent; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; } .nav.nav-tabs > li.active:after, .nav.nav-tabs > li.active:hover:after, .nav.nav-tabs > li.active:focus:after { background: #3C454D; } .nav.nav-tabs > li:hover:after, .nav.nav-tabs > li:focus:after { background: #BBC8D3; } .nav.nav-pills.nav-pills-primary > li.active > a, .nav.nav-pills.nav-pills-primary > li.active > a:hover, .nav.nav-pills.nav-pills-primary > li.active > a:focus, .nav.nav-tabs.nav-tabs-primary > li.active:after, .nav.nav-tabs.nav-tabs-primary > li.active:hover:after, .nav.nav-tabs.nav-tabs-primary > li.active:focus:after { background: #2184DA; } .nav.nav-pills.nav-pills-info > li.active > a, .nav.nav-pills.nav-pills-info > li.active > a:hover, .nav.nav-pills.nav-pills-info > li.active > a:focus, .nav.nav-tabs.nav-tabs-info > li.active:after, .nav.nav-tabs.nav-tabs-info > li.active:hover:after, .nav.nav-tabs.nav-tabs-info > li.active:focus:after { background: #38AFD3; } .nav.nav-pills.nav-pills-warning > li.active > a, .nav.nav-pills.nav-pills-warning > li.active > a:hover, .nav.nav-pills.nav-pills-warning > li.active > a:focus, .nav.nav-tabs.nav-tabs-warning > li.active:after, .nav.nav-tabs.nav-tabs-warning > li.active:hover:after, .nav.nav-tabs.nav-tabs-warning > li.active:focus:after { background: #fcaf41; } .nav.nav-pills.nav-pills-lime > li.active > a, .nav.nav-pills.nav-pills-lime > li.active > a:hover, .nav.nav-pills.nav-pills-lime > li.active > a:focus, .nav.nav-tabs.nav-tabs-lime > li.active:after, .nav.nav-tabs.nav-tabs-lime > li.active:hover:after, .nav.nav-tabs.nav-tabs-lime > li.active:focus:after { background: #65C56F; } .nav.nav-pills.nav-pills-success > li.active > a, .nav.nav-pills.nav-pills-success > li.active > a:hover, .nav.nav-pills.nav-pills-success > li.active > a:focus, .nav.nav-tabs.nav-tabs-success > li.active:after, .nav.nav-tabs.nav-tabs-success > li.active:hover:after, .nav.nav-tabs.nav-tabs-success > li.active:focus:after { background: #17B6A4; } .nav.nav-pills.nav-pills-purple > li.active > a, .nav.nav-pills.nav-pills-purple > li.active > a:hover, .nav.nav-pills.nav-pills-purple > li.active > a:focus, .nav.nav-tabs.nav-tabs-purple > li.active:after, .nav.nav-tabs.nav-tabs-purple > li.active:hover:after, .nav.nav-tabs.nav-tabs-purple > li.active:focus:after { background: #9b59b6; } .nav.nav-pills.nav-pills-danger > li.active > a, .nav.nav-pills.nav-pills-danger > li.active > a:hover, .nav.nav-pills.nav-pills-danger > li.active > a:focus, .nav.nav-tabs.nav-tabs-danger > li.active:after, .nav.nav-tabs.nav-tabs-danger > li.active:hover:after, .nav.nav-tabs.nav-tabs-danger > li.active:focus:after { background: #F04B46; } @media (max-width: 767px) { .nav.nav-tabs { border-bottom: none; } .nav.nav-tabs > li { float: none; } .nav.nav-tabs > li, .nav.nav-tabs.nav-justified > li { border-bottom: 2px solid #EAEDEF; } .nav.nav-tabs > li > a { text-align: left; } } .tab-content { padding: 20px; -webkit-border-radius: 0 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; margin-bottom: 20px; } .nav.nav-pills + .tab-content { margin-top: 10px; } .nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:focus, .nav.nav-pills > li.active > a:hover { color: #fff; border-color: rgba(0, 0, 0, 0.3); background: #3C454D; } .nav.nav-pills > li + li { margin-left: 5px; } .nav.nav-stacked > li + li { margin-left: 0; margin-top: 5px; } .nav.nav-pills > li > a { color: #aab3ba; background: none; border: 2px solid #aab3ba; padding: 8px 13px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav.nav-pills > li > a:hover, .nav.nav-pills > li > a:focus { background: #ccd1d6; color: #888f95; } .nav.nav-pills.nav-justified > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav.nav-pills.nav-justified > li:first-child > a { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .nav.nav-pills.nav-justified > li:last-child > a { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } @media (max-width: 767px) { .nav.nav-pills + .tab-content { margin-top: 5px; } .nav.nav-pills > li, .nav.nav-pills > li + li, .nav.nav-pills.nav-justified > li { margin-left: 0; float: none; } .nav.nav-pills > li > a { margin-bottom: 5px; } .nav.nav-pills.nav-justified > li > a, .nav.nav-pills.nav-justified > li:first-child > a, .nav.nav-pills.nav-justified > li:last-child > a { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } } /* 8.25 Accordion Setting */ .panel-title .accordion-toggle { margin: -15px -20px; padding: 15px 20px; display: block; text-decoration: none; } .panel-title a.accordion-toggle:hover, .panel-title a.accordion-toggle:focus { color: #fff; color: rgba(255, 255, 255, 0.8); text-decoration: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDc5RUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdBRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0NzdFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0NzhFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6tZVTKAAAAD0lEQVR42mJgYGCQAggwAAAfABtkgG0aAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.125); } .panel-white .panel-title a.accordion-toggle:hover, .panel-white .panel-title a.accordion-toggle:focus { color: #000; color: rgba(0, 0, 0, 0.8); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDc5RUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdBRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0NzdFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0NzhFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6tZVTKAAAAD0lEQVR42mJgYGCQAggwAAAfABtkgG0aAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.05); } .panel-group .panel + .panel { margin-top: 10px; } /* 8.26 Modal Setting */ .modal-content { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .modal-header { border-bottom: 2px solid #EAEDEF; padding: 15px 20px 12px; } .modal-body { padding: 15px 20px; } .modal-footer { padding: 15px 20px; border-top: 2px solid #EAEDEF; } .modal-message .modal-dialog { width: 100%; margin: 0; } .modal-message .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal-message .modal-header, .modal-message .modal-body, .modal-message .modal-footer { width: 60%; border: none; margin: 0 auto; } @media (max-width: 767px) { .modal-message .modal-header, .modal-message .modal-body, .modal-message .modal-footer { width: 80%; } } .modal-backdrop.in { opacity: 0.6; filter: alpha(opacity=60); } /* 8.27 Popover Setting */ .popover { -webkit-box-shadow: none; box-shadow: none; padding: 2px; border: 2px solid rgba(0, 0, 0, 0.125); } .popover.top > .arrow { border-top-color: rgba(0, 0, 0, 0.125); } .popover.bottom > .arrow { border-bottom-color: rgba(0, 0, 0, 0.125); } .popover.left > .arrow { border-left-color: rgba(0, 0, 0, 0.125); } .popover.right > .arrow { border-right-color: rgba(0, 0, 0, 0.125); } .popover.top > .arrow:after { bottom: 2px; } .popover.bottom > .arrow:after { top: 2px; } .popover.left > .arrow:after { right: 2px; } .popover.right > .arrow:after { left: 2px; } .popover-title { background: #eaecee; padding: 8px 13px; } .popover { font-family: 'Lato', sans-serif; } .popover-content { font-size: 13px; font-weight: 300; padding: 8px 13px; } /* 8.28 Section Container Setting */ .section-container { margin-left: -25px; margin-right: -25px; padding: 25px; } .section-container.section-with-top-border { border-top: 2px solid #ebeced; } .section-container.section-with-bottom-border { border-bottom: 2px solid #ebeced; } @media (max-width: 767px) { .section-container { margin-left: -20px; margin-right: -20px; padding: 20px; } } /* 8.29 Form Header Setting */ .form-header { margin-top: 0; font-size: 16px; margin-bottom: 20px; line-height: 20px; } .form-header.form-header-lg { font-size: 20px; line-height: 24px; } .form-header .icon { float: left; width: 30px; text-align: center; margin-right: 5px; border: 2px solid; border-radius: 50px; height: 30px; line-height: 27px; margin: -5px 10px -5px 0; } .form-header.form-header-lg .icon { width: 36px; height: 36px; line-height: 33px; margin-top: -6px; margin-bottom: -6px; } .form-header .icon i { display: block; line-height: 26px; } .form-header.form-header-lg .icon i { line-height: 33px; } @media (max-width: 480px) { .form-header { font-size: 14px; } .form-header.form-header-lg { font-size: 16px; } .form-header .icon { width: 20px; line-height: 18px; height: 20px; margin: 0 8px 0 0; } .form-header.form-header-lg .icon { width: 30px; height: 30px; line-height: 26px; margin: -3px 8px -3px 0; } .form-header.form-header-lg .icon i { line-height: 26px; } } /* 8.30 Table Setting */ .table { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-responsive { border: none; } .table, .table > thead > tr > th, .table > tbody > tr > td { border-color: #ebeced !important; border-width: 1px; } .table > thead > tr > th { padding: 10px 20px 8px; font-weight: normal; background-color: #ebeced; border-color: #bec3c6 !important; } .table.table-bordered { border: none; } .table > thead > tr > th { border-bottom-width: 2px !important; border-bottom-style: solid !important; } .table.table-bordered > thead > tr > th:first-child { border-left-width: 0 !important; } .table.table-bordered > thead > tr > th:last-child { border-right-width: 0 !important; } .table > tbody > tr > td { padding: 10px 20px; border-left: 0; border-right: 0; border-bottom: 0; } .table.table-bordered > tbody > tr:last-child > td { border-bottom-width: 1px; border-bottom-style: solid; } .table.table-bordered > tbody > tr > td + td { border-left-width: 1px; border-left-style: solid; } .table-striped > tbody > tr:nth-of-type(odd) { background: none; } .table-striped > tbody > tr:nth-of-type(even), .table-hover > tbody > tr:hover { background: #f9f9f9; } .panel > .table, .panel > .table-responsive > .table, .panel > .table > thead > tr > th, .panel > .table-responsive > .table > thead > tr > th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .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 { background-color: #F04B46; color: #fff; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #c03c38; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #38AFD3; color: #fff; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #2d8ca9; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #65C56F; color: #fff; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #519e59; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcaf41; color: #fff; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #ca8c34; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background: #888f95; color: #fff; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background: #717b85; } .table > thead > tr.success > th { color: #fff; background-color: #129283 !important; border-color: #094942 !important; } .table > thead > tr.lime > th { color: #fff; background-color: #519e59 !important; border-color: #284f2c !important; } .table > thead > tr.danger > th { color: #fff; background-color: #c03c38 !important; border-color: #601e1c !important; } .table > thead > tr.warning > th { color: #fff; background-color: #ca8c34 !important; border-color: #65461a !important; } .table > thead > tr.primary > th { color: #fff; background-color: #1e77c5 !important; border-color: #0d3557 !important; } .table > thead > tr.info > th { color: #fff; background-color: #2d8ca9 !important; border-color: #164654 !important; } .table > thead > tr.grey > th { color: #fff; background-color: #888f95 !important; border-color: #44484a !important; } .table > thead > tr.purple > th { color: #fff; background-color: #7c4792 !important; border-color: #3e2449 !important; } .table > thead > tr.inverse > th { color: #fff; background-color: #30373e !important; border-color: #181c1f !important; } .table > thead > tr.white > th { background-color: #fff !important; border-color: #bec3c6 !important; } /* 8.31 Background Cover Setting */ .bg-cover { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .bg-cover img { max-width: 100%; } @media (min-width: 1920px) { .bg-cover img { width: 100%; } } @media (max-width: 767px) { .bg-cover img { max-width: inherit; min-width: 100%; max-height: 100%; } } /* ------------------------------- 9.0 Plugins ------------------------------- */ /* 9.2 Plugin - Parsley Validation Setting */ input.parsley-error, select.parsley-error, textarea.parsley-error { border: 2px solid #F04B46 !important; background: #fff; color: #30373F; } input.parsley-error:focus, select.parsley-error:focus, textarea.parsley-error:focus { border-color: #c03c38 !important; } input.parsley-success, select.parsley-success, textarea.parsley-success { border: 2px solid #17B6A4 !important; background: #fff; color: #30373F; } input.parsley-success:focus, select.parsley-success:focus, textarea.parsley-success:focus { border-color: #129283 !important; } .parsley-errors-list { margin: 0; font-size: 13px; font-weight: normal; } .parsley-errors-list > li { margin-top: 10px; color: #c03c38; } .radio .parsley-error { min-height: 0px; } .radio .parsley-error + .parsley-errors-list.filled > li, .checkbox .parsley-error + .parsley-errors-list.filled > li { margin-top: 3px; } /* 9.3 Plugin - DataTables Setting */ .dataTables_wrapper table.dataTable thead th { padding: 12px 30px 10px 20px; white-space: nowrap; border-top: none; } .without-pagination .dataTables_wrapper .dataTables_info { padding-top: 0 !important; } .dataTables_scroll:before, .dataTables_scroll:after { content: ''; display: table; clear: both; } .dataTables_scrollBody { margin-bottom: 20px !important; } .dataTables_empty { text-align: center; } .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper div.dataTables_length select { border: 2px solid; border-color: #bec3c6; -webkit-box-shadow: none; box-shadow: none; color: #30373F; display: inline-block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .dataTables_wrapper div.dataTables_length label { margin-bottom: 15px; } .panel > .table-responsive > .dataTables_wrapper div.dataTables_length label, .panel > .dataTables_wrapper div.dataTables_length label { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; } .dataTables_length, div.dataTables_info { float: left; } .dataTables_wrapper .dataTables_filter input { margin-left: 15px; } .dataTables_wrapper div.dataTables_filter label { margin-bottom: 15px; } .panel > .table-responsive > .dataTables_wrapper div.dataTables_filter label, .panel > .dataTables_wrapper div.dataTables_filter label { margin-right: 20px; margin-top: 15px; margin-bottom: 15px; } .panel-body div.dataTables_length label { margin: 0 0 20px; } .panel-body div.dataTables_filter label { margin: 0 0 20px; } .dataTables_filter input:focus, div.dataTables_length select:focus { border-color: #8d9aa5; -webkit-box-shadow: none; box-shadow: none; outline: none; } .dataTables_wrapper table.dataTable { margin-top: 0 !important; margin-bottom: 20px !important; } .dataTables_wrapper:before, .dataTables_wrapper:after { content: ''; display: table; clear: both; } .panel .dataTables_wrapper { margin-bottom: 20px; } .panel div.dataTables_paginate { margin-right: 20px !important; margin-bottom: -5px; } .panel div.dataTables_info { margin-left: 20px; } @media (max-width: 767px) { .dataTables_length, div.dataTables_info { float: none; } .panel > .table-responsive > .dataTables_wrapper div.dataTables_length label, .panel > .dataTables_wrapper div.dataTables_length label { margin: 20px 0 0; } div.dataTables_wrapper div.dataTables_info { margin: 0; padding-top: 0 !important; } div.dataTables_wrapper div.dataTables_paginate { margin: 10px 20px 0 !important; text-align: center; } div.dataTables_wrapper div.dataTables_paginate .pagination { display: block; white-space: initial !important; } div.dataTables_wrapper div.dataTables_paginate .pagination > li > a { float: none; margin-bottom: 5px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.dataTables_wrapper div.dataTables_paginate .pagination > li + li a { margin-left: 5px; } } /* 9.3.1 Plugin - DataTables Extension - Fixed Columns */ table.DTFC_Cloned tr.even { background: none !important; } div.dataTables_scrollHead .table, .DTFC_LeftWrapper div.DTFC_LeftHeadWrapper table, .DTFC_RightWrapper div.DTFC_RightHeadWrapper table { margin-bottom: 0 !important; } .dataTables_scrollBody .table thead > tr > th, .DTFC_LeftBodyLiner .table thead > tr > th { border-bottom: none !important; } .DTFC_LeftWrapper table.table-bordered.dataTable th:last-child { border-right-width: 1px !important; } .dataTables_scrollBody, .DTFC_LeftBodyLiner { border-bottom: 2px solid #ebeced; } .dataTables_wrapper .dataTables_scrollBody table.dataTable, .dataTables_wrapper .DTFC_LeftBodyLiner table.dataTable, .dataTables_scroll + .dataTables_info { margin-bottom: 0 !important; } .dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > td, .dataTables_wrapper .DTFC_LeftWrapper table.dataTable > tbody > tr > td { border-bottom: none !important; } /* 9.3.2 Plugin - DataTables Extension - Fixed Header */ .FixedHeader_Cloned table.dataTable thead th, .FixedHeader_Cloned table.dataTable thead td { padding: 12px 20px 10px; } /* 9.3.3 Plugin - DataTables Extension - KeyTable */ table.KeyTable th.focus, table.KeyTable td.focus { outline: 2px dashed #aab3ba !important; outline-offset: -2px !important; } /* 9.3.4 Plugin - DataTables Extension - Responsive */ table.dataTable.dtr-inline.collapsed tbody td:first-child, table.dataTable.dtr-inline.collapsed tbody th:first-child { padding-left: 50px !important; } table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before { left: 13px !important; height: 18px !important; width: 18px !important; line-height: 16px !important; font-size: 16px !important; border: 2px solid #aab3ba !important; background: #fff !important; color: #aab3ba !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .table-responsive .dataTables_wrapper > .row { margin: 0; } .table-responsive .dataTables_wrapper > .row > [class*="col-"] { padding: 0; } /* 9.3.5 Plugin - DataTables Extension - Buttons */ .dt-buttons.btn-group { margin-top: 15px; float: left; margin-left: 20px; } @media (max-width: 767px) { .dt-buttons.btn-group { float: none; text-align: center; display: block; margin: 15px 0px -5px; } .dt-buttons.btn-group > .btn { float: none; margin-bottom: 5px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .dt-buttons.btn-group > .btn + .btn { border-left: none; margin-left: 5px; } } /* 9.3.6 Plugin - DataTables Extension - RowReorder */ table.dt-rowReorder-float { outline: 2px dashed #bec3c6 !important; outline-offset: -3px !important; background: #fff !important; opacity: 0.95 !important; } tr.dt-rowReorder-moving { outline: 2px dashed #bec3c6 !important; outline-offset: -3px !important; } /* 9.3.7 DataTables Extension - KeyTable */ table.dataTable th.focus, table.dataTable td.focus { position: relative; z-index: 1000; outline: 3px solid #3C454D !important; } /* 9.3.8 Plugin - DataTables Extension - AutoFill */ div.dt-autofill-background { z-index: 1040 !important; } div.dt-autofill-list { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 1050 !important; } /* 9.3.9 Plugin - DataTables Extension - Scroll */ div.DTS div.dataTables_scrollBody { background: #fff !important; } /* 9.3.10 Plugin - DataTables Extension - Select */ table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected, table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a { color: initial !important; } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background: #ffc !important; } /* 9.4 Plugin - Vector Map Setting */ .mapTooltip { position: fixed; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMUM3NzBERUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGMUM3NzBFRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YxQzc3MEJFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YxQzc3MENFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cZQWhAAAAD0lEQVR42mJgYGA4AxBgAADRAM1baFuFAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.8); border-radius: 5px; padding: 6px 10px; z-index: 1000; max-width: 200px; display: none; color: #fff; } .zoomIn, .zoomOut { background-color: #3C454D; -webkit-box-shadow: 0 1px #24292e; box-shadow: 0 1px #24292e; color: #fff; padding: 3px 10px; line-height: 1.42857143; text-align: center; border-radius: 4px; font-size: 14px; cursor: pointer; position: absolute; top: 10px; left: 10px; min-width: 30px; text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .zoomIn:hover, .zoomIn:focus, .zoomOut:hover, .zoomOut:focus { background: #30373e; outline: none; -webkit-box-shadow: 0 1px #181c1f; box-shadow: 0 1px #181c1f; } .zoomOut { top: 45px; } .map { position: relative; } /* 9.6 Plugin - Slimscroll Setting */ .slimScrollBar { width: 5px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* 9.7 Plugin - Datetimepicker Setting */ .bootstrap-datetimepicker-widget.dropdown-menu { padding: 8px !important; width: 20em !important; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background: #2184DA !important; border-color: #2184DA !important; color: #fff !important; text-shadow: none !important !important; } .bootstrap-datetimepicker-widget table td span { color: #30373e !important; background: #ebeced !important; margin: 0 auto !important; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #ebeced !important; } .datepicker { padding: 0 0 5px !important; } .timepicker { padding: 0 5px !important; } .collapse .timepicker-picker, .collapsing .timepicker-picker, .collapse .timepicker-minutes, .collapsing .timepicker-minutes { margin-top: 8px !important; } .timepicker-picker .table-condensed t > tr > td { width: auto !important; padding: 0 !important; } .bootstrap-datetimepicker-widget table td.seperator { width: 50px !important; } .timepicker-picker .table-condensed t > tr > td .btn { display: block !important; width: auto !important; } .timepicker-picker .table-condensed t > tr > td .btn span { background: none; } .timepicker-picker .table-condensed .btn span:hover, .timepicker-picker .table-condensed .btn span:focus { background: #ebeced !important; } .bootstrap-datetimepicker-widget .picker-switch { padding: 0 !important; } .bootstrap-datetimepicker-widget table td span:hover { background: #dadcdd; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background: #FFE2BA !important; } .timepicker, .bootstrap-datetimepicker-widget a[data-action] { padding: 0 !important; } .datepicker-months .table-condensed, .datepicker-months .table-condensed thead, .datepicker-months .table-condensed tbody, .datepicker-months .table-condensed ttr, .datepicker-months .table-condensed ttr td, .datepicker-years .table-condensed, .datepicker-years .table-condensed thead, .datepicker-years .table-condensed tbody, .datepicker-years .table-condensed ttr, .datepicker-years .table-condensed ttr td, .datepicker-decades .table-condensed, .datepicker-decades .table-condensed thead, .datepicker-decades .table-condensed tbody, .datepicker-decades .table-condensed ttr, .datepicker-decades .table-condensed ttr td { display: block !important; width: auto !important; height: auto !important; } .datepicker-months .table-condensed ttr td:before, .datepicker-months .table-condensed ttr td:after, .datepicker-years .table-condensed ttr td:before, .datepicker-years .table-condensed ttr td:after, .datepicker-decades .table-condensed ttr td:before, .datepicker-decades .table-condensed ttr td:after { content: ''; display: table; clear: both; } .datepicker table tr td span { width: 22% !important; margin: 3.5px !important; font-size: 13px; } .datepicker-months .table-condensed ttr td, .datepicker-years .table-condensed ttr td, .datepicker-decades .table-condensed ttr td { margin: 0 -4px -2px !important; } .datepicker-months .table-condensed thead tr, .datepicker-years .table-condensed thead tr, .datepicker-decades .table-condensed thead tr { display: table !important; width: 100% !important; } .datepicker-months .table-condensed > t > tr > td, .datepicker-years .table-condensed > t > tr > td, .datepicker-decades .table-condensed > t > tr > td { padding: 0 !important; } .bootstrap-datetimepicker-widget table td span { line-height: 40px !important; height: 40px !important; } .bootstrap-datetimepicker-widget table td { height: auto !important; line-height: auto !important; width: auto !important; } .timepicker-picker .table-condensed t > tr > td.separator { padding: 0 !important; } .bootstrap-datetimepicker-widget .datepicker-decades span.decade { line-height: 15px !important; padding-top: 5px !important; } /* 9.8 Plugin - DateRange Picker Setting */ .daterangepicker .ranges li { color: #30373e; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #3C454D !important; border-color: #3C454D !important; } .daterangepicker td.active, .daterangepicker td.active:hover { background: #2184DA !important; border-color: #2184DA !important; } .daterangepicker td.in-range { background: #ebeced !important; } .daterangepicker .ranges .input-mini { background: #ebeced !important; border-width: 2px !important; border-color: #ebeced !important; } .daterangepicker .ranges .input-mini:focus { border-color: #8d9aa5 !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Lato', sans-serif !important; } .daterangepicker .calendar { border: none !important; } .daterangepicker .calendar-date, .daterangepicker .calendar.single .calendar-date { border: 2px solid #ebeced !important; } @media (max-width: 767px) { .daterangepicker .calendar, .daterangepicker .ranges { float: none !important; width: auto !important; } .daterangepicker .ranges { padding-left: 4px; padding-right: 4px; } .daterangepicker .ranges .range_inputs > div { width: 50%; } } /* 9.9 Colorpicker Setting */ .colorpicker { padding: 8px !important; } .colorpicker:before { border-bottom-color: rgba(0, 0, 0, 0.05) !important; } .colorpicker-hue, .colorpicker-alpha { margin-bottom: 0; margin-left: 5px; } .colorpicker-color { float: left; width: 100%; } /* 9.10 Plugin - Timepicker Setting */ .input-group.bootstrap-timepicker .bootstrap-timepicker-widget + .form-control { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .bootstrap-timepicker-widget.dropdown-menu .form-control { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap-timepicker-widget.dropdown-menu { width: 200px; } .bootstrap-timepicker-widget.dropdown-menu:before { border: none !important; } .bootstrap-timepicker-widget table td a:hover, .bootstrap-timepicker-widget table td a:focus { background: #ebeced !important; border-color: #ebeced !important; } /* 9.11 Plugin - Select2 Setting */ .select2-container .select2-selection--single { height: 34px !important; padding: 6px 12px !important; border: 2px solid #bec3c6 !important; color: #30373F !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #30373F !important; line-height: 18px !important; padding: 0 !important; } .select2.select2-container, .select2 span { -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 5px !important; left: 0 !important; margin: 0 !important; top: 15px !important; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 5px !important; top: 10px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 12px !important; top: 0 !important; width: 10px !important; } .select2-search--dropdown { padding: 12px 12px 7px !important; } .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple { border-width: 2px !important; border-color: #ebeced !important; background: #ebeced !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; padding: 6px 12px !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 !important; margin-top: -5px !important; } .select2-container .select2-search--inline .select2-search__field { padding: 0 !important; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: block !important; } .form-input-flat .select2-container .select2-selection--single, .form-input-flat .select2-container--default .select2-search--dropdown .select2-search__field, .form-input-flat .select2-container--default .select2-selection--multiple { background: #ebeced !important; border-color: #ebeced !important; } .select2-container--default .select2-results__group { padding: 6px 12px; } .select2-results__option { padding: 6px 12px; } .select2-container--open .select2-dropdown--below { border-top: none !important; } .select2-container--open .select2-dropdown--above { border-bottom: none !important; } .select2-container--default .select2-results__option .select2-results__option { padding: 8px 12px 8px 18px !important; } .select2-container--default .select2-results__option[aria-selected=true] { background: #ebeced !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #2184DA !important; } .select2-dropdown { border: 2px solid #bec3c6 !important; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none !important; border-color: #8d9aa5 !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 2px solid #8d9aa5 !important; } .select2.select2-container:focus, .select2 span:focus, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { outline: none !important; border-color: #8d9aa5 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #888f95 !important; color: #fff !important; border: none !important; font-size: 12px !important; line-height: 18px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background: #6d7277 !important; float: right !important; margin-right: -5px !important; font-size: 14px !important; margin-left: 5px !important; line-height: 17px !important; height: 18px !important; padding: 0 5px !important; -webkit-border-radius: 0 4px 4px 0 !important; -moz-border-radius: 0 4px 4px 0 !important; border-radius: 0 4px 4px 0 !important; color: #fff !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background: #525659 !important; color: #fff !important; } /* 9.12 Plugin - Datepicker Setting */ .datepicker-inline, .datepicker-inline .table-condensed { width: 100% !important; } .datepicker.dropdown-menu { width: 280px; border: none !important; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; padding: 8px; } .datepicker table { width: 100% !important; } .input-daterange .input-group-addon { border-color: #ebeced !important; text-shadow: none !important; } /* 9.13 Plugin - Ionrangeslider Setting */ .irs-diapason { background: #3C454D; } .irs-line-left, .irs-line-mid, .irs-line-right { background: #EBECED !important; } .irs-line-left { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .irs-line-right { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .irs-from, .irs-to, .irs-single { background: #3C454D !important; } .irs-grid-text { color: #8d9aa5 !important; } .rangeSlider-success .irs-diapason { background: #1ABC9C; } .rangeSlider-primary .irs-diapason { background: #2184DA; } .rangeSlider-purple .irs-diapason { background: #9b59b6; } .rangeSlider-lime .irs-diapason { background: #65C56F; } .rangeSlider-info .irs-diapason { background: #38AFD3; } .rangeSlider-warning .irs-diapason { background: #fcaf41; } .rangeSlider-danger .irs-diapason { background: #F04B46; } /* 9.14 Plugin - Autocomplete Setting */ .ui-widget-content.ui-autocomplete { border: none; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); } .ui-widget { font-size: 13px; padding: 5px 0; } .ui-menu .ui-menu-item a { font-weight: 300; padding: 6px 12px; line-height: 18px; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; margin: 0 !important; font-weight: 300 !important; background: #ebeced; color: #30373F; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* 9.15 Plugin - Strength JS Setting */ .strength_meter .veryweak { color: #c03c38; } .strength_meter .weak { color: #ca8c34; } .strength_meter .medium { color: #519e59; } .strength_meter .strong { color: #129283; } .strength_meter { background: none !important; width: auto !important; height: auto !important; float: right; } .strength_meter div { font-weight: 300 !important; color: #aab3ba; width: auto !important; background: none !important; line-height: 18px !important; height: auto !important; } .button_strength { float: left; color: #30373e; } /* 9.16 Plugin - Bootstrap Select Setting */ .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0 !important; } /* 9.17 Plugin - jQuery TagIt Setting */ ul.tagit { margin-bottom: 0; border: 2px solid #bec3c6; padding: 5px 12px 0 !important; font-size: 0px; } ul.tagit:before, ul.tagit:after { content: ''; display: table; clear: both; } .form-input-flat ul.tagit { background: #ebeced; border-color: #ebeced; } ul.tagit input[type="text"] { background: none; } ul.tagit li.tagit-choice-editable, ul.tagit li.tagit-new { background: #888f95; color: #fff; border: none; font-size: 12px; line-height: 18px !important; margin: 0px 5px 5px 0; padding-top: 1px !important; padding-bottom: 1px !important; } ul.tagit li.tagit-new { background: none; } ul.tagit .ui-state-default .ui-icon.ui-icon-close { background: none; text-indent: 3px !important; } ul.tagit li.tagit-choice .tagit-close:hover, ul.tagit li.tagit-choice .tagit-close:focus, ul.tagit .ui-state-default .ui-icon.ui-icon-close:hover, ul.tagit .ui-state-default .ui-icon.ui-icon-close:focus { color: #fff; text-decoration: none; } ul.tagit .ui-state-default .ui-icon.ui-icon-close:before { content: 'x'; } /* 9.18 Plugin - Powerange Slider Setting */ .slider-wrapper { padding-left: 20px; padding-right: 20px; position: relative; min-height: 30px; padding-top: 13px; } .slider-wrapper.slider-without-range { padding-left: 0; padding-right: 0; } .slider-wrapper.slider-vertical { min-width: 30px; padding-left: 13px; padding-top: 20px; padding-bottom: 20px; } .slider-wrapper.slider-vertical.slider-without-range { padding-top: 0; padding-bottom: 0; } .slider-wrapper.slider-vertical .range-min { bottom: -20px; padding-bottom: 2px; } .slider-wrapper.slider-vertical .range-max { top: -20px; padding-top: 2px; } .slider-wrapper .range { background: #aab3ba; } .slider-wrapper .range-quantity { background: #17B6A4; } .slider-wrapper.slider-primary .range-quantity { background: #2184DA; } .slider-wrapper.slider-purple .range-quantity { background: #9b59b6; } .slider-wrapper.slider-lime .range-quantity { background: #65C56F; } .slider-wrapper.slider-inverse .range-quantity { background: #3C454D; } .slider-wrapper.slider-warning .range-quantity { background: #fcaf41; } .slider-wrapper.slider-danger .range-quantity { background: #ff5b57; } .slider-wrapper.slider-info .range-quantity { background: #38AFD3; } .slider-wrapper.slider-grey .range-quantity { background: #aab3ba; } /* 9.19 Plugin - Bootstrap Wizard Setting */ .bwizard { background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); margin-bottom: 20px; } .bwizard-steps { display: table !important; width: 100%; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 3px solid #bec3c6; } .bwizard-steps:before, .bwizard-steps:after { display: none; } .bwizard-steps > li, .bwizard-steps > li:first-child, .bwizard-steps > li:last-child { float: none; display: table-cell !important; text-align: center; padding: 10px 20px; background: #eff0f1; } .bwizard-steps > li { width: 20%; } .bwizard-steps.clickable > li:hover, .bwizard-steps.clickable > li:focus, .bwizard-steps.clickable li:hover:not(.active), .bwizard-steps.clickable li:focus:not(.active) { background: #eff0f1 !important; } .bwizard-steps.clickable > li:hover a, .bwizard-steps.clickable > li:focus a, .bwizard-steps.clickable li:hover:not(.active) a, .bwizard-steps.clickable li:focus:not(.active) a { color: #30373e !important; } .bwizard-steps > li .label { display: block; width: 36px; height: 36px; line-height: 32px; border: 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 16px; margin: 5px auto; color: #30373e; font-weight: normal; top: 0; } .bwizard-steps a { display: block; font-size: 16px; line-height: 20px; } .bwizard-steps a:hover, .bwizard-steps a:focus { text-decoration: none; } .bwizard-steps a small { font-size: 12px; display: block; line-height: 16px; margin: 1px 0 5px 0; color: #8a8f94; } .bwizard-steps li:before, .bwizard-steps li:after { border: none !important; } .bwizard-steps > li.active, .bwizard-steps > li.active:hover, .bwizard-steps > li.active:focus { background: #3C454D !important; } .bwizard-steps.clickable > li.active:hover a, .bwizard-steps.clickable > li.active:focus a, .bwizard-steps.clickable li.active:hover:not(.active) a, .bwizard-steps.clickable li.active:focus:not(.active) a { color: #fff !important; } .bwizard-steps.clickable li:hover:not(.active) .label, .bwizard-steps.clickable li:focus:not(.active) .label { color: #1abc9c; } .bwizard-steps .active .label { border-color: #1abc9c; background: #1abc9c; color: #fff; } .bwizard-steps li.active:after { top: 50%; margin-top: -20px; border-bottom: 20px inset transparent !important; border-left: 20px solid #3C454D !important; border-top: 20px inset transparent !important; } .bwizard-steps li.active:last-child:after { border: none !important; } .bwizard .well { background: #fff; margin: 0 !important; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; padding: 30px; -webkit-box-shadow: none; box-shadow: none; } .bwizard-steps li:first-child { -webkit-border-radius: 6px 0 0 0 !important; -moz-border-radius: 6px 0 0 0 !important; border-radius: 6px 0 0 0 !important; } .bwizard-steps li:last-child { -webkit-border-radius: 0 6px 0 0 !important; -moz-border-radius: 0 6px 0 0 !important; border-radius: 0 6px 0 0 !important; } .bwizard-buttons { padding: 30px; margin: 0; background: #eff0f1; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border-top: 3px solid #BEC3C6; } @media (min-width: 768px) { .bwizard-buttons.pager > li > a { font-size: 16px; padding: 8px 26px; border-radius: 40px; } } @media (max-width: 1200px) { .bwizard-steps > li { padding: 10px 10px !important; } .bwizard-steps a { font-size: 13px; } .bwizard-steps a small { display: none; } } @media (max-width: 767px) { .bwizard-steps > li, .bwizard-steps > li:first-child, .bwizard-steps > li:last-child { display: block !important; width: auto; text-align: left; } .bwizard-steps > li:first-child { -webkit-border-radius: 6px 6px 0 0 !important; -moz-border-radius: 6px 6px 0 0 !important; border-radius: 6px 6px 0 0 !important; } .bwizard-steps > li:last-child { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .bwizard-steps > li a { line-height: 26px !important; } .bwizard-steps .label { float: left; margin: 0 !important; margin-right: 10px !important; width: 26px !important; height: 26px !important; line-height: 22px !important; } .bwizard-steps li:before, .bwizard-steps li:after, .bwizard-steps li.active:before, .bwizard-steps li.active:after { content: ''; display: table !important; border: none !important; clear: both !important; position: relative !important; margin: 0 !important; } .bwizard .well, .bwizard-buttons { padding: 20px; } } /* 9.20 Plugin - SummerNote Setting */ .note-editor { border: none !important; margin: 0; background: none !important; } .panel .note-editor { -webkit-border-radius: 0 0 6px 6px !important; -moz-border-radius: 0 0 6px 6px !important; border-radius: 0 0 6px 6px !important; } .note-editor .note-toolbar .btn.btn-default { color: #30373e; background: #fff; -webkit-box-shadow: 0 1px #b1b5b8; box-shadow: 0 1px #b1b5b8; } .note-editor .note-toolbar .btn.btn-default:hover, .note-editor .note-toolbar .btn.btn-default:focus { background: #bcbdbe; outline: none; -webkit-box-shadow: 0 1px #5e5e5f; box-shadow: 0 1px #5e5e5f; } .note-popover .popover .popover-content, .panel-heading.note-toolbar { padding: 10px 20px 15px !important; } .panel .note-editor .panel-heading.note-toolbar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .panel-heading.note-toolbar { background: #ebeced !important; } .note-editor .note-editing-area .note-editable { padding: 20px !important; } /* 9.21 Plugin - Morris Chart Setting */ .morris-hover.morris-default-style { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3NDhDNjBFRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk3NDhDNjBGRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTc0OEM2MENFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTc0OEM2MERFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4o0q/HAAAAD0lEQVR42mJgYGB4BhBgAADrAOc/Xf92AAAAAElFTkSuQmCC) !important; background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important; border: none !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } /* 9.22 Plugin - Fullcalendar Setting */ .fullcalendar { background: #fff; border-radius: 5px; } .fullcalendar .fullcalendar-event, .fullcalendar .fullcalendar-container { padding: 20px; } .fullcalendar .fullcalendar-event { width: 220px; background: #ebeced; } .fullcalendar > div:first-child { border-radius: 5px 0 0 5px; } .fullcalendar > div:last-child { border-radius: 0 5px 5px 0; } .fullcalendar .fullcalendar-event .fc-event { padding: 8px 20px 8px 45px; border-radius: 0; margin-left: -20px; margin-right: -20px; background: none; border: none; color: #30373e; position: relative; font-size: 13px; font-weight: 300; border-top: 2px solid #D4D5D6; border-bottom: 2px solid #D4D5D6; cursor: pointer; } .fullcalendar .fullcalendar-event .fc-event + .fc-event { margin-top: -2px; } .fullcalendar .fullcalendar-event .fc-event:hover, .fullcalendar .fullcalendar-event .fc-event:focus { background: #f9f9f9; } .fullcalendar .fullcalendar-event .fc-event .fc-event-icon { position: absolute; left: 20px; top: 7px; font-size: 14px; } .fullcalendar .fullcalendar-event .fc-event.ui-draggable-dragging { border: 2px solid #ebeced; border-radius: 5px; } .fullcalendar .fullcalendar-container .fc-view-container { margin: 0 -20px -20px; } .fullcalendar .fullcalendar-container .fc td:first-child, .fullcalendar .fullcalendar-container .fc th:first-child { border-left: none !important; } .fullcalendar .fullcalendar-container .fc td:last-child, .fullcalendar .fullcalendar-container .fc th:last-child { border-right: none !important; } .fullcalendar .fc table { font-size: 13px; } .fullcalendar table { border: none !important; } .fullcalendar .fc th { padding: 15px 0 5px !important; border: none !important; font-size: 13px !important; font-weight: 300 !important; } .fullcalendar .fc-widget-header { border: none !important; border-bottom: 1px solid #aab3ba !important; } .fullcalendar .fc-toolbar { margin: 0; } .fullcalendar .fc-toolbar h2 { font-weight: 300; font-size: 24px; } .fullcalendar .fc-basic-view td.fc-day-number, .fullcalendar .fc-basic-view td.fc-week-number span { padding-right: 10px; padding-top: 5px; } .fullcalendar .fc-row.fc-week.fc-widget-content:last-child td { border-bottom: none !important; } .fullcalendar .fc-state-default { color: #30373e; background: #fff; outline: none; box-shadow: none; border-color: #bcbdbe; text-shadow: none; } .fullcalendar .fc-state-active, .fc-state-down { background: #bcbdbe; color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; } .fullcalendar .fc-state-active { background: #F04B46; border-color: #F04B46; } .fullcalendar .fc-day-grid-event, .fullcalendar .fc-day-grid-event:hover, .fullcalendar .fc-day-grid-event:focus, .fullcalendar .fc-view-container .fc-event, .fullcalendar .fc-view-container .fc-event:hover, .fullcalendar .fc-view-container .fc-event:focus { margin: 1px 4px 0; padding: 3px 5px 2px; border: none; font-size: 11px; font-weight: 300; background: #EBECED; color: #30373e; } .fullcalendar .fc-view-container .fc-time-grid-container .fc-event, .fullcalendar .fc-view-container .fc-time-grid-container .fc-event:hover, .fullcalendar .fc-view-container .fc-time-grid-container .fc-event:focus { margin: 5px -1px 4px 1px; } .fullcalendar .fc-ltr .fc-h-event.fc-not-start, .fullcalendar .fc-rtl .fc-h-event.fc-not-end { margin-left: 0 !important; padding-left: 5px; padding-right: 5px; } .fullcalendar .fc-unthemed .fc-today { background: #FFFDF3; } .fullcalendar .fc-unthemed .fc-divider, .fullcalendar .fc-unthemed .fc-popover .fc-header { background: #aab3ba; } .fullcalendar hr.fc-divider { padding: 0 0 1px; } .fullcalendar .fc-ltr .fc-time-grid .fc-event-container { margin: 0px 5px 0px 3px; } .fullcalendar .fc-scroller, .fullcalendar .fc-time-grid-container { height: auto !important; } .fullcalendar .fc-row .fc-content-skeleton td, .fullcalendar .fc-row .fc-helper-skeleton td { border-color: #ddd; } @media (max-width: 340px) { .fullcalendar .fc button { padding: 0 5px; } } @media (max-width: 1024px) { .fullcalendar .fc-center { float: left; width: 100%; text-align: center; } .fullcalendar .fc-toolbar h2 { font-size: 20px; padding-left: 10px; padding-right: 10px; float: left; width: 100%; text-align: center; margin-top: 15px; } } /* 9.23 Plugin - Sparkline Setting */ .jqstooltip { border: none !important; border-radius: 4px !important; display: block !important; width: auto !important; height: auto !important; } /* 9.24 Plugin - jQuery Vector Map Setting */ .jvectormap-zoomin, .jvectormap-zoomout { width: 16px !important; height: 16px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMUM3NzBERUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGMUM3NzBFRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YxQzc3MEJFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YxQzc3MENFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cZQWhAAAAD0lEQVR42mJgYGA4AxBgAADRAM1baFuFAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.75) !important; left: 15px; } .jvectormap-zoomout { top: 35px; } .jvectormap-zoomin { top: 15px; } .jvectormap-label { border: none !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMUM3NzBERUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGMUM3NzBFRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YxQzc3MEJFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YxQzc3MENFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cZQWhAAAAD0lEQVR42mJgYGA4AxBgAADRAM1baFuFAAAAAElFTkSuQmCC) !important; background: rgba(0, 0, 0, 0.75) !important; padding: 3px 6px !important; } /* ------------------------------- 10.0 Pages ------------------------------- */ /* 10.2 Page - Coming Soon Setting */ .coming-soon { text-align: center; padding: 50px 0; position: relative; z-index: 1020; } .coming-soon-header .brand { font-size: 24px; font-weight: bold; line-height: 45px; } .coming-soon-header .desc { font-size: 16px; } .countdown { padding: 45px 0; max-width: 600px; margin: 0 auto; } .countdown:before, .countdown:after { content: ''; display: table; clear: both; } .countdown .countdown-col { float: left; } .countdown.col-5 .countdown-col { width: 20%; } .countdown.col-4 .countdown-col { width: 25%; } .countdown.col-3 .countdown-col { width: 33.33%; } .countdown.col-2 .countdown-col { width: 50%; } .countdown-number { position: relative; margin: 0 auto 15px; width: 60px; height: 90px; border-radius: 10px; background: #30373e; cursor: pointer; line-height: 1; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .countdown-number .number { line-height: 92px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); z-index: 1020; color: #fff; font-size: 28px; } .countdown-number:before, .countdown-number:after { position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ''; left: 0; } .countdown-number:before { transform: rotate(60deg); -moz-transform: rotate(60deg); -webkit-transform: rotate(60deg); } .countdown-number:after { transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); } .coming-soon-content { width: 600px; margin: 0 auto; } .coming-soon-content .desc { font-size: 16px; margin-bottom: 25px; } .coming-soon-content .coming-soon-form { width: 350px; margin: 0 auto 25px; } .coming-soon-form .input-group { border-radius: 40px; padding: 2px; background: #30373e; } .coming-soon-form .btn, .coming-soon-form .form-control { border-radius: 40px; } .coming-soon-form .form-control { transition: all .2s linear; } .coming-soon-form .form-control:focus { border-color: #fff; background: #fff; } @media (max-width: 600px) { .coming-soon-content { width: auto; margin: 0; } } @media (max-width: 400px) { .coming-soon-content .coming-soon-form { width: auto; margin: 0 0 25px; } } /* 10.5 Page - Login & Register & forget-pwd Setting */ .register, .forget, .login { width: 480px; display: block; top: 80px; position: absolute; left: 50%; margin-left: -210px; z-index: 1020; } .login { top: 100px; } .forget-content, .register-content, .login-content { padding: 30px 80px 50px 80px; border-radius: 0 0 8px 8px; background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); } .register-brand, .login-brand, .forget-brand, .activate-brand { font-size: 18px; font-weight: 400; padding: 20px 30px; line-height: 36px; border-radius: 8px 8px 0 0; } @media (max-width: 420px) { .register, .login { width: 100%; left: 0; top: 0; margin: 0; bottom: 0; background: #fff; } .register-content, .login-content { box-shadow: none; } .register-brand, .login-brand, .register-content, .login-content { border-radius: 0; } } /* 10.6 Page - Search Result Setting */ .search-container { background: #fff; border-radius: 5px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); position: relative; margin-bottom: 20px; } .search-container.search-container-inverse { background: #3C454D; } .search-container.search-container-inverse .form-control { color: #fff; } .search-container .search-icon { float: left; width: 60px; text-align: center; line-height: 50px; font-size: 18px; } .search-container .search-input { margin-left: 60px; margin-right: 360px; } .search-container .search-input .form-control { border: none; height: 50px; line-height: 50px; padding-left: 0; padding-right: 0; background: none; } .search-container .search-item { position: absolute; top: 0; right: 0; width: 360px; padding: 0 20px; } .search-container .search-item .search-item-link { color: #8d9aa5; font-size: 14px; line-height: 50px; display: block; font-weight: normal; } .search-container .search-item .search-item-link:hover, .search-container .search-item .search-item-link:focus { color: #30373e; text-decoration: none; } .search-container.search-container-inverse .search-item .search-item-link:hover, .search-container.search-container-inverse .search-item .search-item-link:focus { color: #fff; } .search-container .search-item .search-item-link i { color: #bec3c6; font-size: 12px; margin-left: 5px; } .search-container .search-item .dropdown-menu { margin-top: -10px; } @media (max-width: 767px) { .search-container .search-icon { width: auto; text-align: center; position: absolute; right: 0; padding-right: 20px; } .search-container .search-input { margin: 0; padding-left: 20px; padding-right: 45px; } .search-container .search-item { padding: 0; position: relative; width: auto; } .search-container .search-item .search-item-link { line-height: 40px; padding-left: 20px; padding-right: 20px; border-top: 2px solid #EAEDEF; } .search-container .search-item .search-item-link i { float: right; line-height: 40px; } } .search-result-total { float: right; padding: 0 20px; line-height: 48px; } .search-result-container { border: none; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; background: #fff; } .search-result-header { border-radius: 5px 5px 0 0; } .search-result-header .nav.nav-tabs { border-bottom: none; } .search-result-header .nav.nav-tabs > li:after { bottom: -1px; } .search-result-header .nav.nav-tabs.nav-tabs-white > li > a { color: rgba(255, 255, 255, 0.5); } .search-result-header .nav.nav-tabs.nav-tabs-white > li.active > a, .search-result-header .nav.nav-tabs.nav-tabs-white > li > a:hover, .search-result-header .nav.nav-tabs.nav-tabs-white > li > a:focus { color: #fff; } @media (max-width: 767px) { .search-result-header .nav.nav-tabs > li:after { bottom: -2px; } } /* ------------------------------- 11.0 Widgets ------------------------------- */ /* 11.1 Widget - Basic Element Setting */ .widget { border: none; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; position: relative; background: #fff; padding: 20px; display: block; } .widget-header { margin: -20px -20px 0; padding: 15px 20px; border-radius: 5px 5px 0 0; position: relative; } .widget-header h4 { margin: 0; font-size: 14px; } .widget-header p { margin-bottom: 0; } .widget-header-btn { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 20px; top: 10px; } .widget-header-btn > li { float: left; } .widget-header-btn > li + li { margin-left: 5px; } .widget-header-btn a { padding: 0px; display: block; line-height: 26px; text-align: center; font-size: 14px; width: 28px; height: 26px; box-shadow: none !important; } .widget-header + .widget-body { margin-top: 0; } .widget-body { margin: -20px; padding: 20px; position: relative; } /* 11.3 Widget - Stat Setting */ .widget.widget-stat { text-align: center; } .widget-stat-number { font-size: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .widget-stat-text { opacity: 0.8; } .widget-stat-btn { position: absolute; right: 15px; top: 15px; z-index: 1000; } .widget-stat-btn a { color: #000; opacity: 0.3; display: block; text-decoration: none; } .widget-stat-btn a:hover, .widget-stat-btn a:focus { opacity: 0.5; } .widget-stat-btn a .fa { display: block; } .widget-stat-icon { width: 50px; float: left; font-size: 40px; color: #000; opacity: 0.5; } .widget-stat-info { margin-left: 70px; text-align: left; } .widget-stat-text, .widget-stat-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .widget-stat-cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border-radius: 5px 5px 0 0; } .widget-stat-cover img { min-height: 100%; max-width: 100%; } .widget-stat-cover:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.3; } .widget-stat-content { position: relative; text-align: left; } .widget-stat-chart { margin: 0 -20px -20px; overflow: hidden; border-radius: 0 0 5px 5px; position: relative; } .widget-stat-header { margin: -20px -20px 20px; padding: 20px; border-radius: 5px 5px 0 0; position: relative; } /* 11.4 Widget - Blog Setting */ .animation-grow-hover { transition: all .1s ease-in-out; } .animation-grow-hover:hover { transform: scale(1.1); } .widget-blog-author { margin: -20px -20px 0px; padding: 10px 20px; } .widget-blog-author-info { padding-left: 75px; } .widget-blog-author-image { float: left; margin-top: -30px; padding: 5px; border-radius: 70px; width: 70px; height: 70px; background: #fff; position: relative; } .widget-blog-author-image img { max-width: 100%; border-radius: 70px; } .widget-blog-content h5 { margin: 5px 0; } .widget-blog-content p { margin: 0; } /* 11.5 Widget - Gallery List Setting */ .widget-gallery-header { margin: -20px -20px 0; padding: 20px; border-radius: 5px 5px 0 0; } .widget-gallery-header h5, .widget-gallery-header p { margin: 0; } .widget-gallery-header p { font-size: 12px; } .widget-gallery-list { list-style-type: none; margin: -5px -20px -20px; padding: 3px 0 0 3px; } .widget-gallery-list > li { width: 25%; position: relative; padding-top: 25%; overflow: hidden; float: left; } .widget-gallery-list > li.empty a, .widget-gallery-list > li.add a { position: absolute; top: 0; left: 0; right: 3px; bottom: 3px; max-height: 100%; text-align: center; } .widget-gallery-list > li i { position: absolute; top: 50%; line-height: 28px; margin-top: -14px; font-size: 28px; left: 0; right: 0; } .widget-gallery-list > li img { position: absolute; right: 3px; bottom: 3px; max-height: 100%; } .widget-gallery-list > li a:before { content: ''; position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; transition: all .2s ease-in-out; background: transparent; z-index: 1020; border-radius: 50%; } .widget-gallery-list > li:hover a:before { content: ''; left: 0; right: 3px; top: 0; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzREY4RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzREY5RUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0ZFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0ODBFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BzJDjAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.3); border-radius: 0%; } .widget-gallery-list > li a { background: #EAEDEF; color: #aab3ba; text-decoration: none; } /* 11.6 Widget - Image Setting */ .widget.widget-image { overflow: hidden; } .widget-image-cover { margin: -20px; padding: 20px; border-radius: 5px; overflow: hidden; background: #3C454D; padding-top: 100%; position: relative; } .widget-image-cover img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%; max-width: 100%; } .widget-image .widget-image-cover img { transition: all .1s ease-in-out; } .widget-image:hover .widget-image-cover img { max-width: 110%; min-height: 110%; margin-left: -5%; margin-top: -5%; } .widget-image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%); padding: 20px; color: #fff; } .widget-image-info h5 { color: #fff; margin-top: 0; margin-bottom: 5px; font-size: 16px; } .widget-image-info p { color: #fff; color: rgba(255, 255, 255, 0.9); } .widget-image-info .sub-title { color: #fff; } .widget-image-user .widget-image-user-image { border-radius: 36px; float: left; width: 36px; background: #fff; } .widget-image-user .widget-image-user-image img { max-width: 100%; border-radius: 36px; } .widget-image-user .widget-image-user-info { margin-left: 46px; } .widget-image-user .widget-image-user-info span { color: #fff; color: rgba(255, 255, 255, 0.8); font-size: 11px; } .widget-image-rating { list-style-type: none; margin: 0; padding: 0; } .widget-image-rating > li { display: inline; } .widget-image-rating-text { color: #fff; color: rgba(255, 255, 255, 0.8); font-size: 11px; } .widget-image-rating > li.active { color: #fcaf41; } /* 11.7 Widget - Chart Setting */ .widget-chart-placeholder { list-style-type: none; margin: 0; padding: 0; } .widget-chart-placeholder.inline > li { display: inline; } .widget-chart-placeholder.inline > li + li { margin-left: 15px; } .widget-chart-placeholder > li { position: relative; padding-left: 18px; line-height: 20px; } .widget-chart-placeholder > li .legend-circle { width: 8px; height: 8px; border-radius: 8px; position: absolute; left: 0; top: 5px; } /* 11.8 Widget - Chat History Setting */ .widget-chat { position: relative; overflow: hidden; } .widget-chat .widget-header a:hover, .widget-chat .widget-header a:focus { color: #aab3ba; text-decoration: none; } .widget-body .widget-chat-list { margin: -20px; } .widget-chat-list { list-style-type: none; margin: 0; padding: 0; } .widget-chat-list li + li { margin-top: -1px; } .widget-chat-list > li:before, .widget-chat-list > li:after, .widget-chat-list > li a:before, .widget-chat-list > li a:after { content: ''; display: table; clear: both; } .widget-chat-list a { text-decoration: none; color: #30373e; display: block; padding: 0 20px; transition: background .1s linear; } .widget-chat-list li:last-child a { border-radius: 0 0 5px 5px; } .widget-chat-list a:hover, .widget-chat-list a:focus { background: #ebeced; } .widget-chat-list .chat-image { float: left; width: 48px; height: 48px; border-radius: 48px; overflow: hidden; margin-top: 10px; } .widget-chat-list .chat-image img { display: block; max-width: 100%; } .widget-chat-list .chat-info { margin-left: 63px; position: relative; padding-top: 10px; padding-bottom: 10px; } .widget-chat-list li + li .chat-info { border-top: 1px solid #ebeced; } .widget-chat-list .chat-info h4 { margin: 5px 0; font-size: 14px; padding-right: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .widget-chat-list .chat-info p { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; color: #8a8f94; } .widget-chat-list .chat-info .chat-time { position: absolute; right: 0; top: 15px; font-size: 11px; color: #aab3ba; } .widget-chat-detail { position: absolute; left: 100%; right: -100%; top: 0; bottom: 0; background: #fff; border-radius: 0 0 5px 5px; transition: all .2s ease-in-out; background: #ebeced; } .widget-chat-detail-toggled .widget-chat-detail { left: 0; right: 0; } .widget-chat-detail-list { list-style-type: none; margin: 0; padding: 0; } .widget-chat-detail-container { position: absolute; top: 0; left: 0; right: 0; bottom: 54px; } .widget-chat-detail-list > li { padding: 20px; } .widget-chat-detail-list > li + li { padding-top: 0; } .widget-chat-detail-list > li.time { text-align: center; padding: 0; margin-bottom: 10px; } .widget-chat-detail-list > li .time { float: right; font-size: 11px; color: #aab3ba; margin-top: 2px; } .widget-chat-detail-list > li.time span { display: inline-block; padding: 5px 10px; border-radius: 5px; background: #fff; font-size: 11px; font-weight: normal; } .widget-chat-detail-list > li:before, .widget-chat-detail-list > li:after { content: ''; display: table; clear: both; } .widget-chat-detail-list > li .image { float: left; width: 28px; height: 28px; border-radius: 28px; overflow: hidden; } .widget-chat-detail-list > li .image img { display: block; max-width: 100%; } .widget-chat-detail-list > li .chat-info { margin-left: 38px; } .widget-chat-detail-list > li .message { padding: 7px 10px; border-radius: 5px; background: #fff; margin-top: 3px; position: relative; } .widget-chat-detail-list > li .message:before { content: ''; position: absolute; left: -10px; top: 5px; border: 5px solid transparent; border-right-color: #fff; } .widget-chat-detail-list > li.right .image { float: right; } .widget-chat-detail-list > li.right { text-align: right; } .widget-chat-detail-list > li.right .chat-info { margin-left: 0; margin-right: 38px; } .widget-chat-detail-list > li.right .message { background: #2184DA; color: #fff; text-align: left; } .widget-chat-detail-list > li.right .message:before { right: -10px; left: auto; border-right-color: transparent; border-left-color: #2184DA; } .widget-chat-detail-list > li.right .time { float: left; } .widget-chat-input { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: #fff; z-index: 1020; border-radius: 0 0 5px 5px; } .widget-chat-detail .widget-header { position: absolute; left: 0; top: -45px; right: 0; margin: 0; } .widget-map-left { border-radius: 5px 0 0 5px; overflow: hidden; } .widget-map-right { border-radius: 0 5px 5px 0; overflow: hidden; } @media (max-width: 991px) { .widget-map-left { border-radius: 5px 5px 0 0; } .widget-map-right { border-radius: 0 0 5px 5px; } } /* 11.9 Widget - Todolist Setting */ .widget-todolist-header-title { margin: 0; } .widget-todolist { list-style-type: none; margin: 0; padding: 0; } .widget .widget-todolist { margin: 0 -20px -20px -20px; } .widget-todolist > li { padding: 10px 20px; position: relative; } .widget-todolist > li.widget-todolist-title + li, .widget-todolist > li + li.widget-todolist-title { border-top: none; } .widget-todolist > li + li { border-top: 2px solid #ebeced; } .widget-todolist > li:last-child { border-radius: 0 0 5px 5px; } .widget-todolist > li.widget-todolist-title { background: #ebeced; padding: 5px 20px; font-weight: bold; } .widget-todolist .checkbox { float: left; font-size: 18px; color: #30373e; margin: 0; width: 18px; } .widget-todolist > li.completed .checkbox .fa:before { content: '\F14A'; } .widget-todolist > li.completed .info { text-decoration: line-through; } .widget-todolist > li.completed .info { opacity: 0.5; } .widget-todolist .checkbox label { padding: 0; margin: 0; } .widget-todolist .checkbox input { display: none; } .widget-todolist .info { margin-left: 28px; padding-right: 38px; } .widget-todolist .info h4 { margin: 4px 0 2px; font-size: 13px; } .widget-todolist .info p { font-size: 12px; color: #aab3ba; margin-bottom: 0; } .widget-todolist .action { font-size: 18px; width: 28px; position: absolute; right: 20px; top: 15px; color: #aab3ba; } .widget-todolist .action > a { display: block; text-align: center; color: #EBECED; } .widget-todolist .action > a:hover, .widget-todolist .action > a:focus { color: #bcbdbe; } /* 11.10 Widget - Task List Setting */ .widget-task-list { list-style-type: none; margin: 0 -20px -20px; padding: 0; } .widget-task-list > li:before, .widget-task-list > li:after { content: ''; display: table; clear: both; } .widget-task-list > li { padding: 15px 20px; } .widget-task-list > li + li { border-top: 2px solid #ebeced; } .widget-task-list > li h4 { font-size: 13px; margin: 0 0 3px; } .widget-task-list > li p { font-size: 11px; color: #aab3ba; margin: 0 0 6px; } .widget-task-list > li .progress { margin: 0; } .widget-body .widget-task-list { margin: 0; } /* 11.11 Widget - Theme Panel Setting */ .theme-panel { position: fixed; right: -280px; top: 0; bottom: 0; z-index: 10000; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .theme-panel.expand { right: 0; } .theme-panel .theme-collapse-btn { width: 36px; height: 36px; color: #30373e; text-align: center; line-height: 40px; display: block; position: absolute; left: -36px; top: 190px; background: #fff; background: rgba(255, 255, 255, 0.98); border-radius: 6px 0 0 6px; font-size: 18px; } .theme-panel .horizontal-divider { margin: 20px -20px; } .theme-panel-content { width: 280px; border-radius: 6px 0 0 6px; background: #fff; background: rgba(255, 255, 255, 0.98); padding: 20px; height: 100%; overflow: scroll; } .theme-list { list-style-type: none; margin: 0 -8px -8px 0; padding: 0; } .theme-list > li { float: left; margin-right: 8px; margin-bottom: 8px; position: relative; } .theme-list > li.active a:after { content: '\F00C'; font-family: FontAwesome; position: absolute; left: 0; right: 0; text-align: center; line-height: 34px; top: 0; font-size: 18px; color: #fff; color: rgba(255, 255, 255, 0.8); z-index: 1020; } .theme-list > li.active a.bg-white:after { color: #fff; color: rgba(48, 55, 62, 0.8); } .theme-list > li > a { display: block; width: 33px; height: 33px; text-decoration: none; position: relative; border-radius: 30px; overflow: hidden; -webkit-transition: opacity ease .1s; -moz-transition: opacity ease .1s; transition: opacity ease .1s; } .theme-list > li > a.bg-white { background: #EFF0F1 !important; } .theme-list > li > a:hover, .theme-list > li > a:focus { opacity: 0.8; } .theme-list > li > a:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); } /* ------------------------------- 12.0 Update - v1.1 ------------------------------- */ /* 12.1 Widget - Stat Progress */ .widget-stat-right .widget-stat-icon { float: right; } .widget-stat-right .widget-stat-info { margin-left: 0; margin-right: 70px; } .widget-stat-right .widget-stat-info .widget-stat-title { margin-bottom: 5px; } .widget-stat-right .widget-stat-footer { margin: -10px 0; text-align: left; color: #fff; color: rgba(255, 255, 255, 0.7); font-size: 12px; } .widget-stat-progress { margin: 10px -20px; } .widget-stat-progress .progress { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RjQzRTAwRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RjQzRTAxRUZEQTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThGNDNERkVFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNDNERkZFRkRBMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NV6PFAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.5); height: 2px; } .widget-stat-progress .progress .progress-bar { background: #fff; } /* 12.2 Panel - Option */ .panel-option { padding: 15px; background: #edeff0; font-size: 12px; font-weight: bold; } .panel-option .btn { margin-top: -6px; } .panel-body .panel-option { margin: -20px -20px 20px; } /* 12.5 Feeds Setting */ .feeds { list-style-type: none; margin: 0; padding: 0; } .feeds > li { position: relative; line-height: 30px; padding: 5px; background: #ebeced; border-radius: 4px; overflow: hidden; } .feeds > li + li { margin-top: 5px; } .feeds > li > a { display: block; text-decoration: none; } .feeds > li .icon { float: left; width: 40px; height: 40px; text-align: center; color: #000; color: rgba(0, 0, 0, 0.6); line-height: 40px; font-size: 18px; margin: -5px 0 -5px -5px; } .feeds > li .desc { overflow: hidden; text-overflow: ellipsis; padding-left: 10px; white-space: nowrap; color: #272C31; } .feeds > li .time { float: right; padding: 0 10px; font-style: italic; color: #aab3ba; font-size: 12px; } /* 12.6 Chats Setting */ .chats { list-style-type: none; margin: 0; padding: 0; } .chats:before, .chats:after, .chats > li:before, .chats > li:after { content: ''; display: table; clear: both; } .chats > li + li { margin-top: 15px; } .chats > li .image { float: left; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } .chats > li.right .image { float: right; } .chats > li.right .message { margin-left: 0; margin-right: 70px; } .chats > li.right .message:before { border-left-color: #ebeced; border-right-color: transparent; left: auto; right: -20px; } .chats > li .image img { max-width: 100%; display: block; } .chats > li .message { margin-left: 70px; background: #ebeced; border-radius: 6px; padding: 10px; position: relative; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); padding-bottom: 30px; } .chats > li .message:before { content: ''; display: block; position: absolute; left: -20px; border: 10px solid transparent; border-right-color: #ebeced; top: 15px; } .chats > li .message .name { color: #08c; display: block; } .chats > li .message .date-time { position: absolute; bottom: 10px; right: 10px; font-size: 11px; line-height: 10px; opacity: 0.7; } /* 12.7 Project Summary Setting */ .project-summary { list-style-type: none; margin: 0; padding: 0; } .project-summary .project-title { margin-bottom: 8px; } .project-summary .progress { height: 6px; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjI3NDdERUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjI3NDdFRUZDRTExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGMjc0N0JFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGMjc0N0NFRkNFMTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z5kbyAAAAD0lEQVR42mJgYGAwBggwAAA4ADSSvYwwAAAAAElFTkSuQmCC); background: rgba(0, 0, 0, 0.15); margin-bottom: 15px; } .project-summary .progress .progress-bar { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3NDhDNjEyRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk3NDhDNjEzRUZFNjExRTM4Nzc5RDQwNjI2MkYwRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTc0OEM2MTBFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTc0OEM2MTFFRkU2MTFFMzg3NzlENDA2MjYyRjBFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hrkv2AAAAEElEQVR42mL4////M4AAAwAJ4gPkeCmujwAAAABJRU5ErkJggg==); background: rgba(255, 255, 255, 0.9); background: linear-gradient(90deg, #00c6ff 10%, #0072ff 90%); /* W3C */ background: #3e474f; background: linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); } .project-summary .users .title { font-weight: normal; padding: 5px 0 10px; } .project-summary .users .image-list .add-btn { background: #272C31; border-radius: 30px; line-height: 24px; width: 24px; text-align: center; height: 24px; margin-left: 10px; margin-top: 6px; } .project-summary .users .image-list .add-btn i { display: block; line-height: 24px; font-size: 14px; text-decoration: none; color: #fff; } .project-summary .image-list { list-style-type: none; margin: 0; padding: 0; height: 36px; white-space: nowrap; overflow: hidden; } .project-summary .image-list:before, .project-summary .image-list:after { content: ''; display: table; clear: both; } .project-summary .image-list > li { float: left; margin-right: 5px; } .project-summary .image-list > li img { display: block; width: 36px; height: 36px; border-radius: 36px; } /* 12.8 Sidebar Highlight Theme - Purple */ .sidebar.sidebar-highlight-purple .label.label-theme, .sidebar.sidebar-highlight-purple .nav > li.active > a > i, .sidebar.sidebar-highlight-purple .stock-list > li .percentage .label, .sidebar.sidebar-highlight-purple .calendar .event { background: #9b59b6 !important; } .sidebar.sidebar-highlight-purple .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-purple .text-theme, .sidebar.sidebar-highlight-purple .calendar .week_days td { color: #9b59b6 !important; } .sidebar.sidebar-highlight-purple .nav > li.active > a > i { color: #3e2449; } /* 12.9 Sidebar Highlight Theme - Primary */ .sidebar.sidebar-highlight-primary .label.label-theme, .sidebar.sidebar-highlight-primary .nav > li.active > a > i, .sidebar.sidebar-highlight-primary .stock-list > li .percentage .label, .sidebar.sidebar-highlight-primary .calendar .event { background: #2184DA !important; } .sidebar.sidebar-highlight-primary .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-primary .text-theme, .sidebar.sidebar-highlight-primary .calendar .week_days td { color: #2184DA !important; } .sidebar.sidebar-highlight-primary .nav > li.active > a > i { color: #0d3557; } /* 12.10 Sidebar Highlight Theme - Info */ .sidebar.sidebar-highlight-info .label.label-theme, .sidebar.sidebar-highlight-info .nav > li.active > a > i, .sidebar.sidebar-highlight-info .stock-list > li .percentage .label, .sidebar.sidebar-highlight-info .calendar .event { background: #38AFD3 !important; } .sidebar.sidebar-highlight-info .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-info .text-theme, .sidebar.sidebar-highlight-info .calendar .week_days td { color: #38AFD3 !important; } .sidebar.sidebar-highlight-info .nav > li.active > a > i { color: #164654; } /* 12.11 Sidebar Highlight Theme - Lime */ .sidebar.sidebar-highlight-lime .label.label-theme, .sidebar.sidebar-highlight-lime .nav > li.active > a > i, .sidebar.sidebar-highlight-lime .stock-list > li .percentage .label, .sidebar.sidebar-highlight-lime .calendar .event { background: #65C56F !important; } .sidebar.sidebar-highlight-lime .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-lime .text-theme, .sidebar.sidebar-highlight-lime .calendar .week_days td { color: #65C56F !important; } .sidebar.sidebar-highlight-lime .nav > li.active > a > i { color: #284f2c; } /* 12.12 Sidebar Highlight Theme - Warning */ .sidebar.sidebar-highlight-warning .label.label-theme, .sidebar.sidebar-highlight-warning .nav > li.active > a > i, .sidebar.sidebar-highlight-warning .stock-list > li .percentage .label, .sidebar.sidebar-highlight-warning .calendar .event { background: #fcaf41 !important; } .sidebar.sidebar-highlight-warning .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-warning .text-theme, .sidebar.sidebar-highlight-warning .calendar .week_days td { color: #fcaf41 !important; } .sidebar.sidebar-highlight-warning .nav > li.active > a > i { color: #65461a; } /* 12.13 Sidebar Highlight Theme - Danger */ .sidebar.sidebar-highlight-danger .label.label-theme, .sidebar.sidebar-highlight-danger .nav > li.active > a > i, .sidebar.sidebar-highlight-danger .stock-list > li .percentage .label, .sidebar.sidebar-highlight-danger .calendar .event { background: #F04B46 !important; } .sidebar.sidebar-highlight-danger .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-danger .text-theme, .sidebar.sidebar-highlight-danger .calendar .week_days td { color: #F04B46 !important; } .sidebar.sidebar-highlight-danger .nav > li.active > a > i { color: #601e1c; } /* 12.14 Sidebar Highlight Theme - Grey */ .sidebar.sidebar-highlight-grey .label.label-theme, .sidebar.sidebar-highlight-grey .nav > li.active > a > i, .sidebar.sidebar-highlight-grey .stock-list > li .percentage .label, .sidebar.sidebar-highlight-grey .calendar .event { background: #aab3ba !important; } .sidebar.sidebar-highlight-grey .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-grey .text-theme, .sidebar.sidebar-highlight-grey .calendar .week_days td { color: #aab3ba !important; } .sidebar.sidebar-highlight-grey .nav > li.active > a > i { color: #44484a; } /* 12.15 Sidebar Highlight Theme - Light */ .sidebar.sidebar-highlight-light .label.label-theme, .sidebar.sidebar-highlight-light .nav > li.active > a > i, .sidebar.sidebar-highlight-light .stock-list > li .percentage .label, .sidebar.sidebar-highlight-light .calendar .event, .sidebar.sidebar-highlight-light .calendar .event a { background: #fff !important; color: #30373e !important; } .sidebar.sidebar-highlight-light .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-light .text-theme, .sidebar.sidebar-highlight-light .calendar .week_days td { color: #fff !important; } .sidebar.sidebar-highlight-light .nav > li.active > a > i { color: #fff; } /* 12.16 Sidebar Highlight Theme - Inverse */ .sidebar.sidebar-highlight-inverse .label.label-theme, .sidebar.sidebar-highlight-inverse .nav > li.active > a > i, .sidebar.sidebar-highlight-inverse .stock-list > li .percentage .label, .sidebar.sidebar-highlight-inverse .calendar .event, .sidebar.sidebar-highlight-inverse .calendar .event a { background: #595F64 !important; color: #fff !important; } .sidebar.sidebar-highlight-inverse .sub-menu > li.active > a:before, .sidebar.sidebar-highlight-inverse .text-theme, .sidebar.sidebar-highlight-inverse .calendar .week_days td { color: #fff !important; } .sidebar.sidebar-highlight-inverse .nav > li.active > a > i { color: #fff; } /* ------------------------------- 13.0 Update - v1.2 ------------------------------- */ /* 13.1 Font Family - Open Sans */ body.font-open-sans, body.font-open-sans .gritter-item-wrapper .gritter-item { font-family: 'Open Sans', sans-serif; font-weight: normal; } body.font-open-sans .navbar-brand, body.font-open-sans .sidebar, body.font-open-sans .btn, body.font-open-sans .checkbox label, body.font-open-sans .radio label, body.font-open-sans .checkbox-inline, body.font-open-sans .radio-inline, body.font-open-sans .mail-detail-info .email-to, body.font-open-sans .mail-detail-info .email-date, body.font-open-sans .panel.panel-default .panel-heading .panel-title, body.font-open-sans .panel.panel-inverse .panel-heading .panel-title, body.font-open-sans .panel.panel-purple .panel-heading .panel-title, body.font-open-sans .panel.panel-primary .panel-heading .panel-title, body.font-open-sans .panel.panel-success .panel-heading .panel-title, body.font-open-sans .panel.panel-warning .panel-heading .panel-title, body.font-open-sans .panel.panel-danger .panel-heading .panel-title, body.font-open-sans .panel.panel-info .panel-heading .panel-title, body.font-open-sans .panel.panel-lime .panel-heading .panel-title, body.font-open-sans .panel.panel-grey .panel-heading .panel-title, body.font-open-sans .fullcalendar .fullcalendar-event .fc-event, body.font-open-sans .fullcalendar .fc-day-grid-event, .fullcalendar .fc-day-grid-event:hover, body.font-open-sans .fullcalendar .fc-day-grid-event:focus, body.font-open-sans .fullcalendar .fc-view-container .fc-event, body.font-open-sans .fullcalendar .fc-view-container .fc-event:hover, body.font-open-sans .fullcalendar .fc-view-container .fc-event:focus { font-weight: normal; } body.font-open-sans .fullcalendar .fc th { font-weight: normal !important; } body.font-open-sans .mail-box-user-list > li a { font-weight: 300; font-size: 13px; } body.font-open-sans .table > thead > tr > th, body.font-open-sans .gritter-item-wrapper .gritter-title, body.font-open-sans .h1, body.font-open-sans .h2, body.font-open-sans .h3, body.font-open-sans .h4, body.font-open-sans .h5, body.font-open-sans .h6, body.font-open-sans h1, body.font-open-sans h2, body.font-open-sans h3, body.font-open-sans h4, body.font-open-sans h5, body.font-open-sans h6 { font-weight: 600; } /* 13.2 Font Family - Roboto */ body.font-roboto, body.font-roboto .gritter-item-wrapper .gritter-item { font-family: 'Roboto', sans-serif; letter-spacing: 0.25px; } body.font-roboto .navbar-brand { font-weight: 300; } body.font-roboto .mail-box-user-list > li a { font-weight: 300; font-size: 13px; } /* 13.3 Font Family - Lato */ body.font-lato, body.font-lato .gritter-item-wrapper .gritter-item { font-family: 'Lato', sans-serif; letter-spacing: 0.25px; } body.font-lato .navbar-brand { font-weight: 300; } body.font-lato .mail-box-user-list > li a { font-weight: 300; font-size: 13px; } /* 13.4 Font Family - Helvetica, Arial */ body.font-helvetica-arial { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.5px; } body.font-helvetica-arial .navbar-brand { font-weight: 300; } body.font-helvetica-arial .mail-box-user-list > li a { font-weight: 300; font-size: 13px; } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 8px; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; } table.dataTable thead > tr > th, table.dataTable thead > tr > td { padding-right: 30px; } table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 8px; right: 8px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5; } table.dataTable thead .sorting:after { opacity: 0.2; content: "\E150"; /* sort */ } table.dataTable thead .sorting_asc:after { content: "\E155"; /* sort-by-attributes */ } table.dataTable thead .sorting_desc:after { content: "\E156"; /* sort-by-attributes-alt */ } table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } } table.dataTable.table-condensed > thead > tr > th { padding-right: 20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; } table.table-bordered.dataTable { border-collapse: separate !important; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } .changePageDiv .changePageUl { list-style: none; } .changePageDiv .changePageUl li { display: inline-block; } .changePageDiv .changePageUl a { display: inline-block; width: 100%; height: 100%; text-decoration: none !important; line-height: 30px !important; color: #666; } .changePageDiv .changePageUl .pageNum { display: inline-block; width: 30px; height: 30px; margin: 3px; font-size: 14px; letter-spacing: 0; font-family: MicrosoftYaHei; background: #fff; } .changePageDiv .changePageUl .pageNum:hover { background: rgba(8, 191, 145, 0.2); } .changePageDiv .changePageUl .pageArrow { margin: 0 20px 0; } .changePageDiv .changePageUl .pageDots { display: inline-block; width: 30px; height: 30px; margin: 3px; font-size: 14px; letter-spacing: 0; font-family: MicrosoftYaHei; background: #fff; } .changePageDiv .changePageUl .pageActive { background: #08BF91 !important; } .changePageDiv .changePageUl .pageActive a { color: #fff !important; } .changePageDiv .changePageUl .pageDisabled { margin: 0 20px 0; } .changePageDiv .changePageUl .pageDisabled a { color: #a4a4a4; } .echartContainer { width: 100%; margin-bottom: 20px; background: #fff; box-shadow: 0 0 6px #aaa; border-radius: 5px; } .echartContainer .echartSelectBtn { width: 100%; height: 50px; margin-bottom: 20px; border-bottom: 3px solid #ccc; } .echartContainer .echartSelectBtn div { display: inline-block; height: 100%; line-height: 30px; transform: translateY(3px); padding: 5px 10px; cursor: pointer; font-weight: 400; font-size: 16px; color: black; } .echartContainer .echartSelectBtn div:hover { color: #2abb9c; } .echartContainer .echartSelectBtn .echartUserData { padding-left: 20px; border-radius: 15px 0 0 0; } .echartContainer .echartSelectBtn .echartBtnActive { color: #2abb9c; border-bottom: 3px solid #2abb9c; } .echartContainer .echarts { margin: 0 auto; width: 1000px; height: 500px; } .echartContainer #echartsLab, .echartContainer #echartsAli { display: none; } .form-middle-to { margin: 0 5px 0 10px; font-size: 18px; } .aliyun-dash-hide { display: none; } .left-mardis { margin-right: 5px; }