iov-vin-view/assets/admin/layout4/css/layout.css 0000644 0000000 0000000 00000143326 13422513462 020740 0 ustar root root @media print {
body {
background-color: #fff !important;
}
.page-bar {
display: none;
}
.page-sidebar-wrapper {
display: none;
}
.theme-panel {
display: none;
}
.hidden-print {
display: none;
}
.page-footer {
display: none;
}
.no-page-break {
page-break-after: avoid;
}
.page-container {
margin: 0px !important;
padding: 0px !important;
}
.page-content {
padding: 0 !important;
min-height: 300px !important;
padding: 0px 20px 20px !important;
margin: 0 !important;
}
.page-content > .portlet {
padding: 0;
margin: 0;
}
.page-content > .portlet > .portlet-body {
padding: 0;
margin: 0;
}
}
/***
Page Header
***/
.page-header.navbar {
width: 100%;
padding: 0 20px 0 20px;
margin: 0;
border: 0px;
padding: 0px;
box-shadow: none;
height: 75px;
min-height: 75px;
filter: none;
background-image: none;
/* Fixed header */
/* Header logo */
/* header top */
/* Search box */
/* Menu Toggler */
/* Top menu */
}
.page-header.navbar.navbar-fixed-top {
z-index: 9995;
}
.page-header.navbar.navbar-static-top {
z-index: 9995;
}
.page-header.navbar .page-logo {
float: left;
display: block;
width: 265px;
height: 75px;
padding-left: 20px;
padding-right: 20px;
}
.page-header.navbar .page-logo > .logo-image,
.page-header.navbar .page-logo > a {
display: block;
float: left;
}
.page-header.navbar .page-logo .logo-default {
margin: 10px 10px 0 60px;
}
.page-header.navbar .page-logo .logo-mini {
display: none;
margin-left: 5px;
}
.page-header.navbar .page-logo .text-logo {
padding-left: 20px;
padding-top: 12px;
}
.page-header.navbar .page-top {
height: 75px;
float: right;
}
.page-header.navbar .search-form {
margin: 23px 20px 0 0;
display: inline-block;
width: 30px;
float: left;
}
.page-header.navbar .search-form .input-group {
border-radius: 25px !important;
}
.page-header.navbar .search-form .input-group .form-control {
border: 0;
background: transparent !important;
padding: 0;
margin: 0;
text-indent: -150000px;
}
.page-header.navbar .search-form .input-group .form-control:hover {
cursor: pointer;
}
.page-header.navbar .search-form .input-group .input-group-btn {
padding: 0;
margin: 0;
}
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit {
margin: 3px 7px 0 0;
padding: 0;
background: none;
display: block;
}
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
font-size: 13px;
}
.page-header.navbar .search-form.open {
width: 300px !important;
}
.page-header.navbar .search-form.open .input-group .form-control {
text-indent: 0;
padding: 6px 12px;
}
.page-header.navbar .search-form.open .input-group .form-control:hover {
cursor: text;
}
.page-header.navbar .menu-toggler {
display: block;
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
width: 20px;
height: 14px;
background-repeat: no-repeat;
background-position: center center;
}
.page-header.navbar .menu-toggler:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
float: right;
margin: 5px -10px 0 0;
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
margin-right: 17px;
}
.page-header.navbar .menu-toggler.responsive-toggler {
display: none;
float: right;
margin: 30.5px 14px 0 6px;
}
.page-header.navbar .page-actions {
margin: 0px 15px;
padding: 0;
float: left;
}
.page-header.navbar .page-actions .btn-group .btn-sm {
margin-top: 6px;
}
.page-header.navbar .top-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.page-header.navbar .top-menu .navbar-nav {
padding: 0;
margin-right: 20px;
display: block;
/* Extended Dropdowns */
/* Notification */
/* Inbox */
/* Tasks */
/* User */
/* Language */
/* Dark version */
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
margin: 0px;
padding: 0px;
height: 75px;
display: inline-block;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child {
padding-right: 0px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
margin: 0px;
padding: 29px 12px 24px 12px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
padding-right: 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
font-size: 16px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon {
top: 0;
font-size: 14px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
display: inline-block;
font-family: "Open Sans", sans-serif;
margin: -6px 0 0 0;
font-weight: 600;
padding: 6px 9px;
height: 24px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
background: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
margin-top: 9px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
position: absolute;
top: -7px;
right: 9px;
display: inline-block !important;
border-right: 7px solid transparent;
border-bottom: 7px solid #eee;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
position: absolute;
top: -6px;
right: 10px;
display: inline-block !important;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
color: #555;
}
.page-header.navbar .top-menu .navbar-nav > li.separator {
height: 18px;
width: 1px;
background: #F0F3F5;
padding: 0;
margin: 26px 0 0 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
min-width: 160px;
max-width: 275px;
width: 160px;
z-index: 9995;
/* header notifications dropdowns */
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
display: block;
overflow: hidden;
padding: 15px 15px;
letter-spacing: 0.5px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
margin: 0;
padding: 0;
float: left;
font-size: 13px;
display: inline-block;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
display: inline-block;
padding: 0;
background: none;
clear: inherit;
font-size: 13px;
font-weight: 300;
position: absolute;
right: 10px;
border: 0;
margin-top: -1px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
text-decoration: underline;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
padding-right: 0 !important;
padding-left: 0;
list-style: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
display: block;
clear: both;
font-weight: 300;
line-height: 20px;
white-space: normal;
font-size: 13px;
padding: 16px 15px 18px;
text-shadow: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
opacity: 1 ;
filter: alpha(opacity=100) ;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
border-top: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
overflow: hidden;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
margin-right: 2px;
margin-left: 1px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
right: 15px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
float: right;
max-width: 75px;
font-size: 11px;
font-weight: 400;
opacity: 0.7 ;
filter: alpha(opacity=70) ;
text-align: right;
padding: 1px 5px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
float: left;
margin: 0 6px 6px 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
height: 40px;
width: 40px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-o-border-radius: 50% !important;
border-radius: 50% !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
display: block;
margin-left: 46px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
font-size: 13px;
font-weight: 600;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
font-size: 12px;
font-weight: 400;
opacity: 0.5 ;
filter: alpha(opacity=50) ;
float: right;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
display: block !important;
font-size: 12px;
line-height: 1.3;
margin-left: 46px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
margin-bottom: 5px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
font-size: 13px;
font-weight: 300;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
float: right;
font-weight: 600;
display: inline-block;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
display: block;
height: 8px;
margin: 8px 0 2px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
box-shadow: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
padding: 0 0 0 10px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
padding: 15px 10px 0px 10px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
display: inline-block;
font-size: 14px;
font-weight: 600;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .roleName {
display: inline-block;
font-size: 15px;
font-weight: 800;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
margin-top: 4px;
margin-right: 5px;
margin-top: -8px;
margin-bottom: 7px;
height: 39px;
display: inline-block;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
display: inline-block;
margin-top: 5px;
margin: 0;
font-size: 14px;
font-weight: 600;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
width: 175px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
font-size: 14px;
font-weight: 300;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
width: 15px;
display: inline-block;
margin-right: 9px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
margin-right: 10px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
font-size: 13px;
padding: 28px 12px 26px 12px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
margin-bottom: 2px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
font-size: 14px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
font-size: 13px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
margin-bottom: 2px;
margin-right: 5px;
}
.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
border: 0;
}
.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
border-left: none;
border-right: none;
}
.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
background: none !important;
border: none !important;
}
/* Form medium devices upto large devices */
@media (min-width: 992px) and (max-width: 1200px) {
/* 992px 1200px */
/* Boxed layout */
.page-boxed .page-header.navbar {
/* Top menu */
}
.page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
display: none;
}
.page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
display: none;
}
}
@media (min-width: 992px) {
/* 992px */
/* Page header */
.page-header.navbar {
/* Header logo */
/* Search box */
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
padding: 0;
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
width: 54px;
margin-left: 20px;
margin-right: 10px;
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
display: none;
}
.page-header.navbar .search-form.search-form-expanded {
width: 175px;
}
.page-header.navbar .search-form.search-form-expanded .input-group .form-control {
text-indent: 0;
padding: 6px 12px;
}
.page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
cursor: text;
}
/* Boxed Layout */
.page-boxed .page-header.navbar {
/* Page logo */
/* Page actions */
/* Top menu */
}
.page-boxed .page-header.navbar .page-logo {
width: 235px;
padding-right: 0;
}
.page-boxed .page-header.navbar .page-actions {
margin-left: 40px;
}
/* Sidebar closed & logo hidden */
.page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar {
/* Page logo */
}
.page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
width: 54px;
}
/* Boxed layout & page sidebar fixed layout */
.page-boxed.page-sidebar-fixed .page-header.navbar {
/* Page logo */
}
.page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
width: 235px;
}
}
@media (max-width: 991px) {
/* 991px */
/* Page header */
.page-header.navbar {
padding: 0;
margin: 0;
position: relative;
clear: both;
/* Page logo */
/* Menu Toggler */
/* Search form */
/* Top Menu */
}
.page-header.navbar .page-logo {
width: auto;
padding: 0 15px 0 10px;
}
.page-header.navbar .page-logo img {
margin-left: 4px !important;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
display: none !important;
}
.page-header.navbar .menu-toggler.responsive-toggler {
display: inline-block;
}
.page-header.navbar .search-form {
margin-left: 0;
}
.page-header.navbar .search-form.open {
z-index: 3;
left: 10px;
right: 10px;
position: absolute;
width: auto !important;
margin: 24px 0 0 0;
}
.page-header.navbar .page-header-inner.container {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.page-header.navbar .top-menu .navbar-nav {
display: inline-block;
margin: 0 10px 0 0;
}
.page-header.navbar .top-menu .navbar-nav > li {
float: left;
}
.page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
display: inline-block;
position: relative;
top: 1px;
right: 0px;
}
.page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
position: absolute;
}
/* Fixed header for mobile */
.page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
position: fixed;
}
/* Boxed Layout */
.page-boxed .page-header.navbar > .container {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* 768px & 991px */
/* Boxed Layout */
.page-boxed .page-header.navbar {
margin: auto !important;
padding: 0;
}
.page-boxed .page-header.navbar > .container {
margin: auto !important;
}
}
@media (max-width: 767px) {
/* 767px */
/* Page header */
.page-header.navbar {
padding: 0;
/* Header logo */
/* Search box */
/* Top navigation menu*/
}
.page-header.navbar .page-logo {
width: auto;
}
.page-header.navbar .search-form {
margin-right: 57px;
float: right;
margin-top: -53px;
}
.page-header.navbar .search-form.open {
margin: -52px 0 0 0;
}
.page-header.navbar .page-top {
padding: 0;
display: block;
clear: both;
width: 100%;
}
.page-header.navbar .top-menu {
margin: 1px 0 0 0;
padding: 0;
float: right;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
padding: 29px 8px 25px 8px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
margin: -6px 0 0 0;
padding: 3px 6px;
height: 18px;
}
.page-header.navbar .top-menu .navbar-nav > li.separator {
display: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
max-width: 245px;
width: 245px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
margin-right: -190px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
margin-right: 190px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
margin-right: -120px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
margin-right: 120px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
margin-right: -60px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
margin-right: 60px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
padding: 25px 6px 18px 6px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
display: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle img {
margin-left: 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
padding: 28px 6px 26px 6px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
display: none;
}
.page-header.navbar .page-actions {
float: right;
margin-right: 70px;
}
.page-header.navbar .page-actions .dropdown-menu {
right: 0;
left: auto;
}
.page-header.navbar .page-actions .dropdown-menu:after {
right: 10px;
left: auto;
}
.page-header.navbar .page-actions .dropdown-menu:before {
right: 9px;
left: auto;
}
}
/***
Pace - Page Progress
***/
.pace .pace-progress {
z-index: 10000;
top: 73px;
height: 2px;
}
.pace .pace-progress-inner {
box-shadow: none;
}
.pace .pace-activity {
top: 77px;
right: 22px;
border-radius: 10px !important;
}
@media (max-width: 480px) {
/* 480px */
.page-header-fixed .pace .pace-progress {
top: 150px;
}
.page-header-fixed .pace .pace-activity {
top: 304px;
right: 15px;
}
}
/***
Page container
***/
.page-container {
margin: 0px;
padding: 15px 15px 0 15px;
position: relative;
/* Fixed header */
/* Fixed footer for mobile */
}
.page-container:before, .page-container:after {
content: " ";
display: table;
}
.page-container:after {
clear: both;
}
.page-header-fixed .page-container {
margin-top: 75px;
}
.page-footer-fixed.page-footer-fixed-mobile .page-container {
margin-bottom: 20px !important;
}
@media (min-width: 1260px) {
/* 1200px */
.container {
width: 1270px;
}
}
@media (min-width: 992px) {
/* 992px */
/* Page container in fixed footer */
.page-footer-fixed .page-container {
margin-bottom: 20px !important;
}
}
@media (max-width: 991px) {
/* 991px */
/* Page container */
.page-container {
margin: 0 !important;
padding: 10px 10px 0 10px;
}
.page-header-fixed.page-header-fixed-mobile .page-container {
margin-top: 75px !important;
}
}
@media (max-width: 767px) {
/* 767px */
/* Page container */
.page-container {
margin: 0 !important;
padding: 0;
}
}
@media (max-width: 480px) {
/* 480px */
/* Page container */
.page-header-fixed.page-header-fixed-mobile .page-container {
margin-top: 150px !important;
}
}
/***
Page sidebar
***/
/* IE8 fix */
.ie8 .page-sidebar {
width: 235px;
float: left;
position: relative;
margin-right: -100%;
}
/* Page Sidebar */
.page-sidebar,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
/* Default sidebar menu */
}
.page-sidebar.navbar-collapse,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {
padding: 0;
box-shadow: none;
}
.page-sidebar .page-sidebar-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
list-style: none;
margin: 10px 0 0 0;
padding: 0;
/* 1st level links */
/* all links */
}
.page-sidebar .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
display: block;
margin: 0;
padding: 0;
border: 0px;
}
.page-sidebar .page-sidebar-menu > li.heading,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading {
height: 50px;
padding: 25px 15px 10px 15px;
}
.page-sidebar .page-sidebar-menu > li.heading > h3,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
font-size: 13px;
font-weight: 400;
padding: 0;
margin: 0;
font-weight: 600;
}
.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
display: block;
position: relative;
margin: 1px 0 0 0;
border: 0px;
padding: 12px 15px;
text-decoration: none;
}
.page-sidebar .page-sidebar-menu > li > a > .title,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
font-size: 14px;
font-weight: 400;
}
.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
font-size: 18px;
text-shadow: none;
font-weight: 300;
}
.page-sidebar .page-sidebar-menu > li > a > i.glyphicon,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.glyphicon {
top: 3px;
margin-left: 1px;
margin-right: 4px;
}
.page-sidebar .page-sidebar-menu > li > a > [class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^="icon-"] {
top: 2px;
margin-left: 1px;
margin-right: 4px;
}
.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-fixed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
transition: all 0.2s ease;
}
.page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-reversed.page-sidebar-fixed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
transition: none;
}
.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
font-size: 14px;
}
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
border: none;
text-shadow: none;
font-size: 14px;
}
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
width: 10px;
float: right;
margin-right: 5px;
margin-left: 5px;
display: inline;
font-size: 16px;
font-family: FontAwesome;
height: auto;
content: "\f104";
font-weight: 300;
text-shadow: none;
}
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before {
content: "\f107";
margin-right: 6px;
}
.page-sidebar .page-sidebar-menu li > a > .badge,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge {
float: right;
margin-top: 1px;
margin-right: 0px;
}
.page-sidebar .page-sidebar-menu .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
list-style: none;
display: none;
padding: 0;
margin: 8px 0px 8px 0px;
}
.page-sidebar .page-sidebar-menu .sub-menu li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
background: none;
margin: 0px;
padding: 0px;
margin-top: 1px !important;
/* 2nd level sub menu */
}
.page-sidebar .page-sidebar-menu .sub-menu li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
display: block;
margin: 0;
padding: 9px 0px 9px 60px;
text-decoration: none;
font-size: 14px;
font-weight: 400;
background: none;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
font-size: 16px;
margin-right: 1px;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before {
margin-top: -4px;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before {
margin-top: -2px;
}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu {
margin: 0;
}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li {
/* 3rd level sub menu */
}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a {
padding-left: 40px;
}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu {
margin: 0;
}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a {
padding-left: 50px;
}
.page-sidebar .page-sidebar-menu li.active > .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu {
display: block;
}
@media (min-width: 992px) {
/* 992px */
.page-sidebar {
width: 235px;
float: left;
position: relative;
margin-right: -100%;
margin-bottom: 10px;
}
.page-full-width .page-sidebar {
display: none !important;
}
.page-sidebar.navbar-collapse {
max-height: none !important;
}
.page-sidebar .page-sidebar-menu {
margin-bottom: 10px;
}
.page-sidebar-reversed .page-sidebar {
float: right;
margin-right: 0;
margin-left: -100%;
}
.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
margin-left: -235px;
}
.page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
position: relative;
float: right;
}
.page-sidebar-fixed .page-sidebar {
position: fixed !important;
margin-left: 0;
top: 95px;
}
.page-sidebar-fixed .page-sidebar-menu > li.last {
margin-bottom: 15px !important;
}
.page-sidebar-fixed .page-sidebar-menu .sub-menu {
height: auto !important;
}
/* Sidebar Closed */
.page-sidebar-closed .page-sidebar {
width: 54px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
/* sidebar */
width: 54px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li {
/* hide opened sub menu */
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading > h3 {
display: none;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
display: none !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover {
width: 289px !important;
position: relative !important;
z-index: 10000;
display: block !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a {
-webkit-border-radius: 0 4px 0 0;
-moz-border-radius: 0 4px 0 0;
-ms-border-radius: 0 4px 0 0;
-o-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0;
text-align: left;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > i {
display: inline-block;
margin-right: 5px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .title {
display: inline !important;
padding-left: 20px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .badge {
display: block !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .selected {
display: none;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu {
width: 234px;
position: absolute;
z-index: 2000;
left: 55px;
margin-top: 0;
top: 100%;
display: block !important;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > a {
padding-left: 15px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > .sub-menu > li > a {
padding-left: 30px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
padding-left: 45px !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
min-height: 46px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow {
display: none !important;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar {
margin-left: -54px;
width: 54px;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
/* sidebar */
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
left: auto;
margin-left: -55px;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
margin-left: -235px;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
-ms-border-radius: 4px 0 0 0;
-o-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
padding-left: 0;
padding-right: 15px;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
margin-right: 0;
margin-left: 2px;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
padding-right: 7px;
padding-left: 11px;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
width: 235px !important;
display: block;
z-index: 10000;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
width: 235px !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected {
display: none !important;
}
.page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover {
width: 235px !important;
display: block;
z-index: 10000;
margin-left: -235px !important;
}
.page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu {
width: 235px !important;
}
.page-sidebar-closed.page-sidebar-hide .page-sidebar {
display: none !important;
}
/* Default Sidebar Menu With Hoverable Submenu */
.page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu {
display: none;
width: 234px;
z-index: 2000;
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a {
margin: 3px;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu {
display: none !important;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
display: none;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
display: block;
float: right;
position: absolute;
right: 0;
margin-top: -20px;
background: none;
width: 0;
height: 0;
border-style: solid;
border-top: 12px double transparent;
border-bottom: 12px double transparent;
border-left: 0;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before {
display: none;
}
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
right: auto;
left: 0;
border-right: 0;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
display: inline-block !important;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
z-index: 1;
right: -1px;
margin-top: -20px;
}
.page-fontawesome .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
margin-top: -34px;
}
.page-glyphicons .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
margin-top: -38px;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
margin-left: 236px;
margin-top: -50px;
}
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
margin-left: -234px !important;
}
.page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
margin-left: 0;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
margin-left: 234px;
margin-top: -44px !important;
}
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
margin-left: -234px !important;
}
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 991px) {
/* 991px */
.page-sidebar {
border-top: 0 !important;
margin: 20px;
}
.page-sidebar .selected {
display: none !important;
}
.page-sidebar.navbar-collapse {
max-height: none;
/* set some max height to have a scrollable menu on mobile devices */
}
.page-sidebar.navbar-collapse.collapse {
display: none !important;
}
.page-sidebar.navbar-collapse.in {
border-top: 0 !important;
margin: 20px;
position: relative;
overflow: hidden !important;
overflow-y: auto !important;
display: block !important;
}
.page-sidebar.navbar-collapse.navbar-no-scroll {
max-height: none !important;
}
.page-sidebar .mega-menu-responsive-content {
padding: 10px 18px 10px 45px;
}
.page-full-width .page-sidebar-menu {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* 768px & 991px */
.page-sidebar .btn-navbar.collapsed .arrow {
display: none;
}
.page-sidebar .btn-navbar .arrow {
position: absolute;
right: 25px;
width: 0;
height: 0;
top: 50px;
border-bottom: 15px solid #5f646b;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
}
@media (max-width: 767px) {
/* 767px */
/* Page sidebar */
.page-sidebar,
.page-sidebar.in {
margin: 10px 10px 10px 10px !important;
}
.page-header-fixed.page-header-fixed-mobile .page-sidebar, .page-header-fixed.page-header-fixed-mobile
.page-sidebar.in {
margin-top: 10px !important;
}
}
/***
Page content
***/
/* Page header */
.page-head:before, .page-head:after {
content: " ";
display: table;
}
.page-head:after {
clear: both;
}
.page-head .page-title {
display: inline-block;
float: left;
padding: 5px 0 10px 0;
}
.page-head .page-title > h1 {
color: #3b4966;
font-size: 22px;
font-weight: 400;
margin: 0;
padding: 0;
}
.page-head .page-title > h1 > small {
color: #049df5;
font-size: 13px;
font-weight: 400;
}
.page-head .page-toolbar {
display: inline-block;
float: right;
}
.breadcrumb {
background: none;
padding: 0 0 15px 0;
margin: 0;
color: #c5ccd5;
}
.breadcrumb > li + li:before {
display: none;
}
.breadcrumb .fa {
font-size: 6px;
margin: 0 2px 0 4px;
position: relative;
top: -1px;
}
.breadcrumb > .active {
color: #9eacb4;
}
/* Page content */
.page-content {
margin-top: 0px;
padding: 0px;
}
.page-full-width .page-content {
margin-left: 0px !important;
}
@media (min-width: 992px) {
/* 992px */
/* Page content */
.page-content-wrapper {
float: left;
width: 100%;
}
.page-content-wrapper .page-content {
margin-left: 235px;
margin-top: 0px;
min-height: 600px;
padding: 0px 0 0 15px;
}
.page-content-wrapper .page-content.no-min-height {
min-height: auto;
}
.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
margin-left: 54px;
}
.page-sidebar-reversed .page-content-wrapper .page-content {
margin-left: 0 !important;
margin-right: 235px !important;
padding-left: 0;
padding-right: 20px;
}
.page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
margin-left: 0;
margin-right: 54px;
}
.page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
margin-left: 0 !important;
margin-right: 54px !important;
}
.page-sidebar-closed .page-content-wrapper .page-content {
margin-left: 54px !important;
}
.page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
margin-left: 0 !important;
}
.page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
margin-right: 0 !important;
}
.page-full-width .page-content-wrapper .page-content {
margin-left: 0px !important;
}
}
@media (max-width: 991px) {
/* 991px */
/* Boxed page container */
.page-boxed > .container {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Page content */
.page-content-wrapper1 .page-content {
margin: 0px !important;
padding: 20px !important;
min-height: 280px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* 768px & 991px */
/* Boxed page container */
.page-boxed > .container {
margin: auto !important;
}
}
@media (max-width: 767px) {
/* 767px */
/* Page content */
.page-content-wrapper .page-content {
padding: 20px 10px 10px 10px !important;
overflow: hidden;
/* Page title */
}
.page-content-wrapper .page-content .page-title {
margin-bottom: 15px;
font-size: 20px;
}
.page-content-wrapper .page-content .page-title small {
font-size: 13px;
padding-top: 3px;
}
}
@media (max-width: 480px) {
/* 480px */
/* Dashboard date range panel */
.page-content-wrapper .page-content .page-title small {
display: block;
clear: both;
}
}
/***
Page footer
***/
.page-footer {
padding: 5px 20px 10px 20px;
font-size: 13px;
height: 33px;
}
.page-footer:before, .page-footer:after {
content: " ";
display: table;
}
.page-footer:after {
clear: both;
}
.page-footer .page-footer-inner {
float: left;
display: inline-block;
}
.page-footer .page-footer-tools {
float: right;
display: inline-block;
}
.page-footer .page-footer-tools .go-top {
display: block;
text-decoration: none;
cursor: pointer;
margin-top: -2px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 16px;
padding: 0px 6px 0px 6px;
}
.page-footer .page-footer-tools .go-top i {
font-size: 22px;
margin-bottom: 5px;
}
.page-footer-fixed.page-footer-fixed-mobile .page-footer {
position: fixed;
left: 0;
right: 0;
z-index: 10000;
bottom: 0;
}
.page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer {
margin-left: 0 !important;
}
@media (min-width: 992px) {
/* 992px */
/* Default footer */
.page-footer {
clear: left;
}
.page-boxed .page-footer {
margin-left: 20px;
margin-right: 20px;
}
/* Fixed footer */
.page-footer-fixed .page-footer {
position: fixed;
left: 0;
right: 0;
z-index: 10000;
bottom: 0;
}
/* Footer with footer sidebar */
.page-sidebar-fixed.page-sidebar-closed .page-footer {
margin-left: 54px;
}
.page-sidebar-fixed.page-footer-fixed .page-footer {
margin-left: 0 !important;
padding: 8px 20px 5px 20px;
}
/* Fixed Sidebar */
.page-sidebar-fixed .page-footer {
margin-left: 235px;
padding: 8px 20px 5px 40px;
}
/* Boxed page */
.page-boxed .page-footer {
padding: 8px 0 5px 0;
}
.page-boxed.page-sidebar-fixed .page-footer {
padding-right: 20px;
padding-left: 20px;
}
/* Page sidebar reversed */
.page-sidebar-reversed.page-sidebar-fixed .page-footer {
margin-left: 0;
margin-right: 235px;
padding: 8px 20px 5px 20px;
}
.page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
margin-left: 0;
margin-right: 0;
}
.page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
margin-right: 54px;
}
}
@media (max-width: 991px) {
/* 991px */
/* Boxed Layout */
.page-footer {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
/* 767px */
/* Default footer & boxed footer */
.page-footer,
.page-boxed .page-footer {
padding-left: 10px;
padding-right: 10px;
}
/* Fixed footer */
.page-footer-fixed .page-footer .container {
padding-left: 0;
padding-right: 0;
}
}
/* Scroll Top Top */
.scroll-to-top {
display: inline-block;
padding: 2px;
text-align: center;
position: fixed;
z-index: 10001;
bottom: 10px;
display: none;
right: 10px;
}
.scroll-to-top > i {
display: inline-block;
color: #687991;
font-size: 32px;
opacity: 0.7 ;
filter: alpha(opacity=70) ;
}
.scroll-to-top:hover {
cursor: pointer;
}
.scroll-to-top:hover > i {
opacity: 1 ;
filter: alpha(opacity=100) ;
}
@media (min-width: 992px) {
/* 992px */
.scroll-to-top {
right: 10px;
}
}
@media (max-width: 991px) {
/* 991px */
.scroll-to-top {
right: 10px;
}
.scroll-to-top > i {
font-size: 28px;
}
}
/***
Theme Panel
***/
.btn-theme-panel {
margin-top: 10px;
}
.btn-theme-panel .btn {
opacity: 0.6 ;
filter: alpha(opacity=60) ;
padding: 0 6px;
}
.btn-theme-panel .btn > i {
font-size: 24px;
color: #62707a;
}
.btn-theme-panel .btn:hover {
opacity: 1 ;
filter: alpha(opacity=100) ;
}
.btn-theme-panel.open .btn {
opacity: 1 ;
filter: alpha(opacity=100) ;
}
.theme-panel {
z-index: 999;
min-width: 575px;
padding: 20px 10px;
font-family: "Open Sans", sans-serif;
}
.theme-panel h3 {
margin: 8px 0 8px 0;
font-size: 15px;
padding-left: 12px;
}
.theme-panel .seperator {
border-left: 1px solid #EFF2F4;
}
.theme-panel .theme-colors {
list-style: none;
padding: 0;
margin: 0;
}
.theme-panel .theme-colors > li.theme-color {
padding: 8px 12px;
}
.theme-panel .theme-colors > li.theme-color:hover, .theme-panel .theme-colors > li.theme-color.active {
background: #f5f7f8;
}
.theme-panel .theme-colors > li.theme-color:hover {
cursor: pointer;
}
.theme-panel .theme-colors > li.theme-color > .theme-color-view {
float: left;
margin-top: 0px;
margin-right: 8px;
display: inline-block;
border-radius: 10px !important;
height: 20px;
width: 20px;
}
.theme-panel .theme-colors > li.theme-color > .theme-color-name {
display: inline-block;
color: #777;
font-size: 14px;
font-weight: 300;
padding-top: -4px;
}
.theme-panel .theme-colors > li.theme-color.theme-color-default .theme-color-view {
background: #3B3F51;
}
.theme-panel .theme-colors > li.theme-color.theme-color-light .theme-color-view {
background: #cbced9;
}
.theme-panel .theme-settings {
list-style: none;
padding: 0;
margin: 0;
}
.theme-panel .theme-settings > li {
padding: 8px 12px;
font-size: 14px;
font-weight: 300;
color: #777;
}
.theme-panel .theme-settings > li .form-control {
color: #777;
margin-top: -3px;
float: right;
}
@media (max-width: 767px) {
/* 767px */
.theme-panel {
left: 20px;
right: 20px;
min-width: 285px;
}
.theme-panel .seperator {
border: 0;
}
.theme-panel .theme-settings .form-control {
width: 105px !important;
}
}
/***
Page Loading
***/
.page-on-load {
background: #fefefe;
}
.page-on-load .page-header,
.page-on-load .page-container,
.page-on-load .page-footer,
.page-on-load > .clearfix {
display: none;
transition: all 2s;
}
iov-vin-view/assets/js/vinVehicle.js 0000644 0000000 0000000 00000012551 13453320610 016464 0 ustar root root $(function() {
//init();
});
/**
* 初始化数据列表
*/
init = function(){
search();
};
/**
* 查询按钮
*/
$("#search").click(function(){
if(checkResultBtn()){
search();
GrowlMsg.alertMsg("success","查询成功！");
}
});
function checkResultBtn() {
var inStr = $('#vin').val();
if (trim(inStr) == "") {
GrowlMsg.alertMsg("danger","车架号不能为空！");
return false;
}
if (!/^[a-zA-Z0-9]+$/.test(inStr)) {
GrowlMsg.alertMsg("danger",'车架号只能包括英文字母和数字！')
return false;
}
if(tooLong(inStr)!=17){
GrowlMsg.alertMsg("danger",'车架号只能输入17位！');
return false;
}
if(!checkVinResult(inStr)){
GrowlMsg.alertMsg("danger",'请输入正确的车架号');
return false;
}
var brandNameVin = $('#brandNameVin').val();
var vinManuStyleId = $('#vinManuStyleId').val();
if(brandNameVin){
if(!vinManuStyleId){
GrowlMsg.alertMsg("danger",'行驶证品牌型号不能为空');
return false;
}
if (brandNameVin=='DFFS') {
if (vinManuStyleId.length < 8) {
GrowlMsg.alertMsg("danger",'行驶证品牌型号格式有误,不能小于八位');
return false;
}
}
}
return true;
}
$("#reset").click(function(){
var $this = $("#searchForm");
$("#searchForm")[0].reset();
$this.find("#vin").val("");
$this.find("#brandNameVin").val("").select2();
$this.find("#vinManuStyleId").val("").select2();
});
search=function(){
//table的Id
var tableId="dataTable";
//请求的Url
var ajaxUrl="loadVinVehiclePageList";
//查询参数列表
var $this = $("#searchForm");
var params={
"vin":$this.find("#vin").val(),
"brandNameVin":$this.find("#brandNameVin").val(),
"vinManuStyleId":$this.find("#vinManuStyleId").val()
};
//列数据从0开始，value为对应的json数据key,有多少个td定义多少个data
var columns=new Array();
columns.push({"data":"brandName"});
columns.push({"data":"productName"});
columns.push({"data":"styleName"});
columns.push({"data":"powertypeStr"});
columns.push({"data":"fuletypeStr"});
columns.push({"data":"enginedisplacementStr"});
columns.push({"data":"transimissiontypeStr"});
columns.push({"data":"styleYearStr"});
columns.push({"data":"isDeviceMatchStr"});
var options ={
"tableId":tableId,
"ajaxUrl":ajaxUrl,
"params":params,
"columns":columns,
"xInner":"100%",
"callBackFun":drawCallback
};
TableAdvanced.init(options);
};
/**
* 表格填充完后回调的方法，查询完之后做其它业务，或者获取后台返回的数据
* @param data 后台返回的json串
*/
drawCallback=function(content){
};
function tooLong(s) {
var len = 0;
for(var i = 0; i < s.length; i++) {
if(s.charCodeAt(i) > 0xff) {
len += 2;
} else {
len++;
}
}
return len;
}
function checkVinResult(vin) {
var result = false;
var genVinCheckNum = rAtrim(vin);
if (genVinCheckNum=='') {
return result;
}
if (genVinCheckNum.length != 17) {
return result;
}
var nightNumber = genVinCheckNum.substring(8, 9);
var count = 0;
for (var i = 1; i < 18; i++) {
var getNum = genVinCheckNum.substring(i - 1, i);
count += (returnCorrespond(getNum)) * (returnWeight(i));
}
var checkStr = "";
if (count % 11 == 10) {
checkStr = "X";
} else {
checkStr = count % 11;
}
if (nightNumber==checkStr) {
result = true;
}
return result;
}
function returnWeight(locationVin) {
if (locationVin>17||locationVin<0) {
return 0;
}
var weightNum = 0;
if (locationVin >= 1 && locationVin <= 7) {
weightNum = 9 - locationVin;
} else if (locationVin >= 10) {
weightNum = 19 - locationVin;
} else if (locationVin == 8) {
weightNum = 10;
}
return weightNum;
}
function returnCorrespond(letter) {
if(letter==''){
return 0;
}
var returnNum = 0;
var vin =rAtrim(letter);
if (isInt(vin)) {
returnNum = parseInt(vin);
} else {
switch (vin.toUpperCase()) {
case "A":
returnNum = 1;
break;
case "B":
returnNum = 2;
break;
case "C":
returnNum = 3;
break;
case "D":
returnNum = 4;
break;
case "E":
returnNum = 5;
break;
case "F":
returnNum = 6;
break;
case "G":
returnNum = 7;
break;
case "H":
returnNum = 8;
break;
case "J":
returnNum = 1;
break;
case "K":
returnNum = 2;
break;
case "L":
returnNum = 3;
break;
case "M":
returnNum = 4;
break;
case "N":
returnNum = 5;
break;
case "P":
returnNum = 7;
break;
case "R":
returnNum = 9;
break;
case "S":
returnNum = 2;
break;
case "T":
returnNum = 3;
break;
case "U":
returnNum = 4;
break;
case "V":
returnNum = 5;
break;
case "W":
returnNum = 6;
break;
case "X":
returnNum = 7;
break;
case "Y":
returnNum = 8;
break;
case "Z":
returnNum = 9;
break;
default:
returnNum = 0;
break;
}
}
return returnNum;
}
function rAtrim(str){
return str.replace(/\s/g, "")
}
function trim(str) {
return str.replace(/(^\s+)|(\s+$)/g, "");
}
function isInt(str) {
if(str == '') return true;
var pattern = /^\d+$/
if(!pattern.test(str)) {
return false;
}
return true;
}
iov-vin-view/footer.jsp 0000644 0000000 0000000 00000013707 13422503016 014133 0 ustar root root <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
车型适配查询平台
©
iov-vin-view/WEB-INF/classes/com/iov/vin/data/svc/VinVehicleSvc.class 0000644 0000000 0000000 00000026476 13453350274 024236 0 ustar root root 4 "com/iov/vin/data/svc/VinVehicleSvc java/lang/Object
vinVehicleDao )Lcom/iov/vin/data/jdbc/dao/VinVehicleDao; RuntimeVisibleAnnotations 8Lorg/springframework/beans/factory/annotation/Autowired; vinStyleDao 'Lcom/iov/vin/data/jdbc/dao/VinStyleDao; ()V Code
LineNumberTable LocalVariableTable this $Lcom/iov/vin/data/svc/VinVehicleSvc; getVinVehiclePage |(Lcom/iov/vin/web/springmvc/CommonRequest;Ljavax/servlet/http/HttpServletRequest;)Lcom/iov/vin/web/springmvc/CommonResponse;
'com/iov/vin/web/springmvc/CommonRequest getParams ()Ljava/util/Map;
;(Ljava/util/Map;)Lcom/iov/vin/web/springmvc/CommonResponse; requestJsonParam )Lcom/iov/vin/web/springmvc/CommonRequest; request 'Ljavax/servlet/http/HttpServletRequest; Signature a(Ljava/util/Map;)Lcom/iov/vin/web/springmvc/CommonResponse; & (com/iov/vin/web/springmvc/CommonResponse (
查询成功.
% * + (ILjava/lang/String;)V - vin / 1 0
java/util/Map 2 3 get &(Ljava/lang/Object;)Ljava/lang/Object;
5 6 7 getStringValue &(Ljava/lang/Object;)Ljava/lang/String;
9 ; : com/iov/vin/lang/VinCheckUtils < = checkVinResult (Ljava/lang/String;)Z ? $车架号为空或者格式不正确 A pageNo
C D E getIntValue (Ljava/lang/Object;)I G
onePageNum
I D J (Ljava/lang/Object;I)I L N brandNameVin P vinManuStyleId
R T S #org/apache/commons/lang/StringUtils U =
isNotBlank
R W X = isBlank Z 请输入行驶证品牌型号 \ DFFS
^ ` _ java/lang/String a b equals (Ljava/lang/Object;)Z
^ d e f substring (II)Ljava/lang/String; h !行驶证品牌型号格式有误
j k l getVinVehicleCount o(Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;)I
% n o p setPageNo (I)V
r t s java/lang/Integer u v valueOf (I)Ljava/lang/Integer;
x y z
totalPages (ILjava/lang/Integer;)I
% | } p setPages
% p setTotalRecordNum
getVinVehiclePageList (IILjava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;)Ljava/util/List; java/util/ArrayList
java/util/HashMap
java/util/List size ()I iterator ()Ljava/util/Iterator; java/util/Iterator next ()Ljava/lang/Object; brandName / put 8(Ljava/lang/Object;Ljava/lang/Object;)Ljava/lang/Object; productName styleName powertypeStr fuletypeStr
r intValue 燃油动力 混合动力 纯电动 燃料电池 其他 0#柴油 90#(京89#)汽油 93#(京92#)汽油 97#(京95#)汽油 enginedisplacementStr styleYearStr transimissiontypeStr
自动(AT)
手动(MT) 无级变速(CVT) 双离合变速(DSG) 序列变速箱(AMT) java/lang/StringBuilder
^ u 7
(Ljava/lang/String;)V
append -(Ljava/lang/String;)Ljava/lang/StringBuilder;
toString ()Ljava/lang/String; 未测试 XSELECT * FROM vin.vin_style WHERE STYLE_NAME=? AND BRAND_NAME=? AND PRODUCT_NAME=?
#com/iov/vin/data/jdbc/bean/VinStyle
%com/iov/vin/data/jdbc/dao/VinStyleDao query J(Ljava/lang/String;[Ljava/lang/Object;Ljava/lang/Class;)Ljava/lang/Object;
getStyleMatch isDeviceMatchStr b add hasNext ()Z
% setData (Ljava/lang/Object;)V params Ljava/util/Map; commonResponse *Lcom/iov/vin/web/springmvc/CommonResponse; Ljava/lang/String; I
manuCodeStyle manuCodeDisplayMent manuCodeTransimission count pageList Ljava/util/List; dataList matchMap o map powertype Ljava/lang/Integer; fuletype transimissiontype matchKey matchSql vinStyle %Lcom/iov/vin/data/jdbc/bean/VinStyle; LocalVariableTypeTable 5Ljava/util/Map; GLjava/util/List;>; $Ljava/util/List; 5Ljava/util/Map;
StackMapTable java/lang/StringBuffer h SELECT IFNULL(SUM(newVin.vinNumber),0) AS vehicletotal FROM ( SELECT COUNT(vin.VIN) as vinNumber
! whereString (Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/StringBuffer;Ljava/lang/Integer;)V #
&(' 'com/iov/vin/data/jdbc/dao/VinVehicleDao ) ((Ljava/lang/String;[Ljava/lang/Object;)I vinStr querySb Ljava/lang/StringBuffer; (IILjava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;)Ljava/util/List;>;/ rSELECT vin.VIN AS vin,rvb.BRAND_NAME AS brandName,rvp.PRODUCT_NAME AS productName ,rvs.STYLE_NAME AS styleName , 1 rvs.POWER_TYPE AS powertypeStr,rvs.FUEL_TYPE AS fuletypeStr,rvs.ENGINE_DISPLACEMENT AS enginedisplacementStr ,rvs.TRANSMISSION_TYPE AS transimissiontypeStr
3 4 ,(Ljava/lang/String;)Ljava/lang/StringBuffer;6 LIMIT
8 9 (I)Ljava/lang/StringBuilder;; ,
&= >? queryMapList 7(Ljava/lang/String;[Ljava/lang/Object;)Ljava/util/List;A ,vin.VIN_YEAR C " FROM iov.vin_vehicle_entry vin E LL66HAB0G GI HK JM 0O 1Q 2S 欧蓝德U 劲炫W ,vin.UPDATE_VIN_YEAR Y FROM iov.vin_vehicle vin
[ \ returnTableStrSql^ AND vin.VIN='` 'b GEELYd AND vin.VEHICLE_LICENSE_BRAND='
^f g trimi AND vin.MANU_CODE_STYLE='k AND vin.MANU_CODE_DISPLAYMENT='m " AND vin.MANU_CODE_TRANSIMISSION='o AND vin.VIN_YEAR='q ' s AND vin.VIN_TEN='u AND rvp.PRODUCT_NAME='w GROUP BY vin.STYLE_ID y ) newVin selectWay topEightVin tenVin
thirteenthVin
twelfthVin
selectYear P INNER JOIN iov.resource_vehicle_style_new rvs ON vin.STYLE_ID=rvs.STYLE_ID R INNER JOIN iov.resource_vehicle_product rvp ON rvs.PRODUCT_ID=rvp.PRODUCT_ID N INNER JOIN iov.resource_vehicle_brand rvb ON rvp.BRAND_ID=rvb.BRAND_ID WHERE vin.VIN_STATUS='1' numbers page pageNum semValue value Ljava/lang/Object; defaultValue
main ([Ljava/lang/String;)V a java/lang/System out Ljava/io/PrintStream;
java/io/PrintStream println args [Ljava/lang/String; abcMap
SourceFile VinVehicleSvc.java (Lorg/springframework/stereotype/Service; !
/ *
G *+ ! " # $
g M+ %Y' )M,*+, . 4N- 8 %Y> )M,*+@ . B6*+F .
H6K:K:K:*+M . 4: *+O . 4:
Q e
V %YY )M, [ ] F
c:
c:
c: V V V %Yg )M,*-
i6 %Y' )M, m, q w {, ~*-
: Y :
Y : : /: Y :* . 4: W* . 4: W* . 4: W* . B q:* . B q:K:K:K: O
: @
: 0
:
: : W B
: 3 Z
: " ]
: a : W* . 4 W* . 4 W*¹ . B q: O
: @
: 0
:
: : W Y з ն :: & . ^ Q . ^: M: * YSYSYS : Q
: W W
W r,
, i % & ' ( * + ' , 2 - 4 / B 0 R 1 ^ 2 l 3 z 4 5 6 7 9 : ; < = > ? @ A F G F H I J K L M# N* L/ O8 PA QP Rh Sq T U V W X Y Z [ \ ] ^ _ ` a b c# d/ e3 f? gC jO kT l\ m` nm oq p~ q r s v w x y z y { | } ~ , 0 < W [ r R . - B A R G V Z ^ l N z{ P
/ 8
A h{ qr
c H -
W [ F # > / 8
A h{ qr
< % ^ b / % ^ ^ ^ ^ ^ ^ ? w / % ^ ^ ^ ^ ^ ^ / / % ^ ^ ^ ^ ^ ^ / / / ^ ^ ^ r r ^ ^ ^
_ r R ^ ^ = ^ / % ^ ^ ^ ^ ^ ^ / / % ^ ^ ^ ^ ^ ^ / k l
-Y :*+,- q *"$% R - - - - -* - N - P !+, # -
XY. : 02W*- Y5 h7: 7 ٶ2W*" $< & $ ' J f
X X A X G X X X X* X N X P L+, !
K: K:
K: K: K:
c:
c:
q: q: c:
c: Q ) q: q: @2WB2W D ]
F ]
H ]
J ] w
F ] 4 L ] N ] P ] R: #T:
N ] R: T: q: @2WB2W V2WX2W*Z2W Q ! Y] _ ն ٶ2W a ] ' Yc e _ ն ٶ2W m[ ] c Yh +e _ ն ٶ2W Yj ,e _ ն ٶ2W Yl -e _ ն ٶ2W
Q K $ Yn
p ն ٶ2W ! Yr
p ն ٶ2W Q ! Yt _ ն ٶ2Wv2W x2W A ) / 5 @ K S Y _ d m v y
' 0 : B ` i t
1 4 R Zx * N P +, z { |
} ~
/j 5d M m ^ ^ ^ ^ ^ ^ r ^ ^ ^ ^ ^ r r ++
/7 i1 % \
w /YK L+2W+2W+2W+2W+$
" * /
%+, y z
H=
>+ + + > = l6 hd6 = = B $ & ( -! 5" :# @$ C% F' > H H G F C - 5 D E
O +
+ r + F D J
Y +
+ r / F 6 7
O + K + 3 C ^
y ' Y L+K W+ . ^ 7 8 9 &: '